@applica-software-guru/react-admin 1.1.84 → 1.1.85

package/dist/react-admin.es.js

@@ -8701,7 +8701,7 @@ const JD = AI;
 function $D(e) {
   return wt("MuiButtonBase", e);
 }
-const XD = Pt("MuiButtonBase", ["root", "disabled", "focusVisible"]), ZD = XD, eM = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], tM = (e) => {
+const XD = Pt("MuiButtonBase", ["root", "disabled", "focusVisible"]), ZD = XD, e8 = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], t8 = (e) => {
   const {
     disabled: t,
     focusVisible: n,
@@ -8711,7 +8711,7 @@ const XD = Pt("MuiButtonBase", ["root", "disabled", "focusVisible"]), ZD = XD, e
     root: ["root", t && "disabled", n && "focusVisible"]
   }, $D, i);
   return n && r && (l.root += ` ${r}`), l;
-}, nM = ae("button", {
+}, n8 = ae("button", {
   name: "MuiButtonBase",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -8787,7 +8787,7 @@ const XD = Pt("MuiButtonBase", ["root", "disabled", "focusVisible"]), ZD = XD, e
     TouchRippleProps: Ae,
     touchRippleRef: Y,
     type: G
-  } = r, H = Ue(r, eM), _ = D.useRef(null), j = D.useRef(null), X = co(j, Y), {
+  } = r, H = Ue(r, e8), _ = D.useRef(null), j = D.useRef(null), X = co(j, Y), {
     isFocusVisibleRef: V,
     onFocus: N,
     onBlur: oe,
@@ -8845,8 +8845,8 @@ const XD = Pt("MuiButtonBase", ["root", "disabled", "focusVisible"]), ZD = XD, e
     focusRipple: p,
     tabIndex: ie,
     focusVisible: se
-  }), qe = tM(Te);
-  return /* @__PURE__ */ te(nM, W({
+  }), qe = t8(Te);
+  return /* @__PURE__ */ te(n8, W({
     as: Jn,
     className: Ke(qe.root, A),
     ownerState: Te,
@@ -9034,7 +9034,7 @@ process.env.NODE_ENV !== "production" && (uI.propTypes = {
    */
   type: c.oneOfType([c.oneOf(["button", "reset", "submit"]), c.string])
 });
-const Eg = uI, rM = ["slots", "slotProps"], oM = ae(Eg)(({
+const Eg = uI, r8 = ["slots", "slotProps"], o8 = ae(Eg)(({
   theme: e
 }) => W({
   display: "flex",
@@ -9060,7 +9060,7 @@ const Eg = uI, rM = ["slots", "slotProps"], oM = ae(Eg)(({
   } : {
     backgroundColor: vC(e.palette.grey[600], 0.12)
   })
-})), iM = ae(OD)({
+})), i8 = ae(OD)({
   width: 24,
   height: 16
 });
@@ -9068,13 +9068,13 @@ function dI(e) {
   const {
     slots: t = {},
     slotProps: n = {}
-  } = e, r = Ue(e, rM), i = e;
+  } = e, r = Ue(e, r8), i = e;
   return /* @__PURE__ */ C("li", {
-    children: /* @__PURE__ */ C(oM, W({
+    children: /* @__PURE__ */ C(o8, W({
       focusRipple: !0
     }, r, {
       ownerState: i,
-      children: /* @__PURE__ */ C(iM, W({
+      children: /* @__PURE__ */ C(i8, W({
         as: t.CollapsedIcon,
         ownerState: i
       }, n.collapsedIcon))
@@ -9102,10 +9102,10 @@ process.env.NODE_ENV !== "production" && (dI.propTypes = {
    */
   sx: c.object
 });
-function aM(e) {
+function a8(e) {
   return wt("MuiBreadcrumbs", e);
 }
-const sM = Pt("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), lM = sM, cM = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"], AM = (e) => {
+const s8 = Pt("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), l8 = s8, c8 = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"], A8 = (e) => {
   const {
     classes: t
   } = e;
@@ -9114,14 +9114,14 @@ const sM = Pt("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), lM = sM, cM
     li: ["li"],
     ol: ["ol"],
     separator: ["separator"]
-  }, aM, t);
-}, uM = ae(gg, {
+  }, a8, t);
+}, u8 = ae(gg, {
   name: "MuiBreadcrumbs",
   slot: "Root",
   overridesResolver: (e, t) => [{
-    [`& .${lM.li}`]: t.li
+    [`& .${l8.li}`]: t.li
   }, t.root]
-})({}), dM = ae("ol", {
+})({}), d8 = ae("ol", {
   name: "MuiBreadcrumbs",
   slot: "Ol",
   overridesResolver: (e, t) => t.ol
@@ -9132,7 +9132,7 @@ const sM = Pt("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), lM = sM, cM
   padding: 0,
   margin: 0,
   listStyle: "none"
-}), gM = ae("li", {
+}), g8 = ae("li", {
   name: "MuiBreadcrumbs",
   slot: "Separator",
   overridesResolver: (e, t) => t.separator
@@ -9142,8 +9142,8 @@ const sM = Pt("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), lM = sM, cM
   marginLeft: 8,
   marginRight: 8
 });
-function fM(e, t, n, r) {
-  return e.reduce((i, s, l) => (l < e.length - 1 ? i = i.concat(s, /* @__PURE__ */ C(gM, {
+function f8(e, t, n, r) {
+  return e.reduce((i, s, l) => (l < e.length - 1 ? i = i.concat(s, /* @__PURE__ */ C(g8, {
     "aria-hidden": !0,
     className: t,
     ownerState: r,
@@ -9165,7 +9165,7 @@ const gI = /* @__PURE__ */ D.forwardRef(function(t, n) {
     itemsBeforeCollapse: E = 1,
     maxItems: p = 8,
     separator: m = "/"
-  } = r, I = Ue(r, cM), [B, Q] = D.useState(!1), S = W({}, r, {
+  } = r, I = Ue(r, c8), [B, Q] = D.useState(!1), S = W({}, r, {
     component: l,
     expanded: B,
     expandText: g,
@@ -9173,7 +9173,7 @@ const gI = /* @__PURE__ */ D.forwardRef(function(t, n) {
     itemsBeforeCollapse: E,
     maxItems: p,
     separator: m
-  }), R = AM(S), x = Gu({
+  }), R = A8(S), x = Gu({
     elementType: A.CollapsedIcon,
     externalSlotProps: d.collapsedIcon,
     ownerState: S
@@ -9199,18 +9199,18 @@ const gI = /* @__PURE__ */ D.forwardRef(function(t, n) {
     className: R.li,
     children: M
   }, `child-${U}`));
-  return /* @__PURE__ */ C(uM, W({
+  return /* @__PURE__ */ C(u8, W({
     ref: n,
     component: l,
     color: "text.secondary",
     className: Ke(R.root, s),
     ownerState: S
   }, I, {
-    children: /* @__PURE__ */ C(dM, {
+    children: /* @__PURE__ */ C(d8, {
       className: R.ol,
       ref: w,
       ownerState: S,
-      children: fM(B || p && L.length <= p ? L : T(L), R.separator, m, S)
+      children: f8(B || p && L.length <= p ? L : T(L), R.separator, m, S)
     })
   }));
 });
@@ -9285,7 +9285,7 @@ process.env.NODE_ENV !== "production" && (gI.propTypes = {
    */
   sx: c.oneOfType([c.arrayOf(c.oneOfType([c.func, c.object, c.bool])), c.func, c.object])
 });
-const pu = gI, pM = ({ id: e, title: t, icon: n, url: r, last: i }) => /* @__PURE__ */ te(
+const pu = gI, p8 = ({ id: e, title: t, icon: n, url: r, last: i }) => /* @__PURE__ */ te(
   ve,
   {
     component: fn,
@@ -9372,7 +9372,7 @@ const pu = gI, pM = ({ id: e, title: t, icon: n, url: r, last: i }) => /* @__PUR
                   r && !i && /* @__PURE__ */ C(au, { style: { ...L, marginRight: 0 } }),
                   (!r || i) && e
                 ] }),
-                p.map(pM)
+                p.map(p8)
               ]
             }
           ) }),
@@ -9496,7 +9496,7 @@ mg.propTypes = {
   breadcrumbs: c.arrayOf(za),
   mode: c.oneOf(["navigation", "breadcrumbs"])
 };
-const hM = Gi(Pd, {
+const h8 = Gi(Pd, {
   name: "RaApplicaToolbar",
   slot: "Root"
 })(({ theme: e }) => ({
@@ -9513,7 +9513,7 @@ const hM = Gi(Pd, {
   "& .MuiButtonBase-root": {
     marginLeft: e.spacing(1)
   }
-})), Eo = (e) => /* @__PURE__ */ C(hM, { ...e });
+})), Eo = (e) => /* @__PURE__ */ C(h8, { ...e });
 Eo.defaultProps = {
   ...Pd.defaultProps
 };
@@ -9557,7 +9557,7 @@ Ig.propTypes = {
   spacing: c.number,
   toolbar: c.oneOfType([c.node, c.bool])
 };
-const CM = ae(_a, {
+const C8 = ae(_a, {
   name: "RaApplicaCardForm",
   slot: "root"
 })(({ theme: e, spacing: t }) => ({
@@ -9568,7 +9568,7 @@ const CM = ae(_a, {
   }
 })), Bg = ({ children: e, spacing: t, defaultValues: n, ...r }) => {
   const { spacing: i } = qt();
-  return /* @__PURE__ */ C(CM, { defaultValues: n, spacing: t || i, children: /* @__PURE__ */ C(Qe, { container: !0, ...r, spacing: t || i, children: e }) });
+  return /* @__PURE__ */ C(C8, { defaultValues: n, spacing: t || i, children: /* @__PURE__ */ C(Qe, { container: !0, ...r, spacing: t || i, children: e }) });
 };
 Bg.propTypes = {
   ...Qe.propTypes,
@@ -9593,12 +9593,12 @@ var fI = { exports: {} };
   e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
 })(fI);
 var mo = fI.exports, hu = {};
-const EM = {
+const E8 = {
   configure: (e) => {
     process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
 `)), O0.configure(e);
   }
-}, mM = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, m8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: ye,
   createChainedFunction: Ju,
@@ -9610,7 +9610,7 @@ const EM = {
   ownerWindow: Yi,
   requirePropFactory: zR,
   setRef: Sl,
-  unstable_ClassNameGenerator: EM,
+  unstable_ClassNameGenerator: E8,
   unstable_useEnhancedEffect: Pl,
   unstable_useId: ng,
   unsupportedProp: YR,
@@ -9618,7 +9618,7 @@ const EM = {
   useEventCallback: zo,
   useForkRef: co,
   useIsFocusVisible: S0
-}, Symbol.toStringTag, { value: "Module" })), IM = /* @__PURE__ */ ER(mM);
+}, Symbol.toStringTag, { value: "Module" })), I8 = /* @__PURE__ */ ER(m8);
 var VC;
 function Io() {
   return VC || (VC = 1, function(e) {
@@ -9631,7 +9631,7 @@ function Io() {
         return t.createSvgIcon;
       }
     });
-    var t = IM;
+    var t = I8;
   }(hu)), hu;
 }
 function pI(e) {
@@ -9652,43 +9652,43 @@ function Di() {
     (e = arguments[n++]) && (t = pI(e)) && (r && (r += " "), r += t);
   return r;
 }
-function BM() {
+function B8() {
   this.__data__ = [], this.size = 0;
 }
-var vM = BM;
-function QM(e, t) {
+var v8 = B8;
+function Q8(e, t) {
   return e === t || e !== e && t !== t;
 }
-var yM = QM, bM = yM;
-function xM(e, t) {
+var y8 = Q8, b8 = y8;
+function x8(e, t) {
   for (var n = e.length; n--; )
-    if (bM(e[n][0], t))
+    if (b8(e[n][0], t))
       return n;
   return -1;
 }
-var xc = xM, wM = xc, TM = Array.prototype, SM = TM.splice;
-function PM(e) {
-  var t = this.__data__, n = wM(t, e);
+var xc = x8, w8 = xc, T8 = Array.prototype, S8 = T8.splice;
+function P8(e) {
+  var t = this.__data__, n = w8(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
-  return n == r ? t.pop() : SM.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : S8.call(t, n, 1), --this.size, !0;
 }
-var RM = PM, OM = xc;
-function DM(e) {
-  var t = this.__data__, n = OM(t, e);
+var R8 = P8, O8 = xc;
+function D8(e) {
+  var t = this.__data__, n = O8(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-var MM = DM, kM = xc;
-function FM(e) {
-  return kM(this.__data__, e) > -1;
+var M8 = D8, k8 = xc;
+function F8(e) {
+  return k8(this.__data__, e) > -1;
 }
-var NM = FM, LM = xc;
-function jM(e, t) {
-  var n = this.__data__, r = LM(n, e);
+var N8 = F8, L8 = xc;
+function j8(e, t) {
+  var n = this.__data__, r = L8(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
-var VM = jM, HM = vM, zM = RM, WM = MM, UM = NM, YM = VM;
+var V8 = j8, H8 = v8, z8 = R8, W8 = M8, U8 = N8, Y8 = V8;
 function _i(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
@@ -9696,54 +9696,54 @@ function _i(e) {
     this.set(r[0], r[1]);
   }
 }
-_i.prototype.clear = HM;
-_i.prototype.delete = zM;
-_i.prototype.get = WM;
-_i.prototype.has = UM;
-_i.prototype.set = YM;
-var GM = _i, KM = typeof Gn == "object" && Gn && Gn.Object === Object && Gn, _M = KM, qM = _M, JM = typeof self == "object" && self && self.Object === Object && self, $M = qM || JM || Function("return this")(), vg = $M, XM = vg, ZM = XM.Symbol, Qg = ZM, HC = Qg, hI = Object.prototype, e8 = hI.hasOwnProperty, t8 = hI.toString, Ea = HC ? HC.toStringTag : void 0;
-function n8(e) {
-  var t = e8.call(e, Ea), n = e[Ea];
+_i.prototype.clear = H8;
+_i.prototype.delete = z8;
+_i.prototype.get = W8;
+_i.prototype.has = U8;
+_i.prototype.set = Y8;
+var G8 = _i, K8 = typeof Gn == "object" && Gn && Gn.Object === Object && Gn, _8 = K8, q8 = _8, J8 = typeof self == "object" && self && self.Object === Object && self, $8 = q8 || J8 || Function("return this")(), vg = $8, X8 = vg, Z8 = X8.Symbol, Qg = Z8, HC = Qg, hI = Object.prototype, eM = hI.hasOwnProperty, tM = hI.toString, Ea = HC ? HC.toStringTag : void 0;
+function nM(e) {
+  var t = eM.call(e, Ea), n = e[Ea];
   try {
     e[Ea] = void 0;
     var r = !0;
   } catch {
   }
-  var i = t8.call(e);
+  var i = tM.call(e);
   return r && (t ? e[Ea] = n : delete e[Ea]), i;
 }
-var r8 = n8, o8 = Object.prototype, i8 = o8.toString;
-function a8(e) {
-  return i8.call(e);
+var rM = nM, oM = Object.prototype, iM = oM.toString;
+function aM(e) {
+  return iM.call(e);
 }
-var s8 = a8, zC = Qg, l8 = r8, c8 = s8, A8 = "[object Null]", u8 = "[object Undefined]", WC = zC ? zC.toStringTag : void 0;
-function d8(e) {
-  return e == null ? e === void 0 ? u8 : A8 : WC && WC in Object(e) ? l8(e) : c8(e);
+var sM = aM, zC = Qg, lM = rM, cM = sM, AM = "[object Null]", uM = "[object Undefined]", WC = zC ? zC.toStringTag : void 0;
+function dM(e) {
+  return e == null ? e === void 0 ? uM : AM : WC && WC in Object(e) ? lM(e) : cM(e);
 }
-var CI = d8;
-function g8(e) {
+var CI = dM;
+function gM(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var EI = g8, f8 = CI, p8 = EI, h8 = "[object AsyncFunction]", C8 = "[object Function]", E8 = "[object GeneratorFunction]", m8 = "[object Proxy]";
-function I8(e) {
-  if (!p8(e))
+var EI = gM, fM = CI, pM = EI, hM = "[object AsyncFunction]", CM = "[object Function]", EM = "[object GeneratorFunction]", mM = "[object Proxy]";
+function IM(e) {
+  if (!pM(e))
     return !1;
-  var t = f8(e);
-  return t == C8 || t == E8 || t == h8 || t == m8;
+  var t = fM(e);
+  return t == CM || t == EM || t == hM || t == mM;
 }
-var B8 = I8, v8 = vg, Q8 = v8["__core-js_shared__"], y8 = Q8, Cu = y8, UC = function() {
+var BM = IM, vM = vg, QM = vM["__core-js_shared__"], yM = QM, Cu = yM, UC = function() {
   var e = /[^.]+$/.exec(Cu && Cu.keys && Cu.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
-function b8(e) {
+function bM(e) {
   return !!UC && UC in e;
 }
-var x8 = b8, w8 = Function.prototype, T8 = w8.toString;
-function S8(e) {
+var xM = bM, wM = Function.prototype, TM = wM.toString;
+function SM(e) {
   if (e != null) {
     try {
-      return T8.call(e);
+      return TM.call(e);
     } catch {
     }
     try {
@@ -9753,25 +9753,25 @@ function S8(e) {
   }
   return "";
 }
-var P8 = S8, R8 = B8, O8 = x8, D8 = EI, M8 = P8, k8 = /[\\^$.*+?()[\]{}|]/g, F8 = /^\[object .+?Constructor\]$/, N8 = Function.prototype, L8 = Object.prototype, j8 = N8.toString, V8 = L8.hasOwnProperty, H8 = RegExp(
-  "^" + j8.call(V8).replace(k8, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var PM = SM, RM = BM, OM = xM, DM = EI, MM = PM, kM = /[\\^$.*+?()[\]{}|]/g, FM = /^\[object .+?Constructor\]$/, NM = Function.prototype, LM = Object.prototype, jM = NM.toString, VM = LM.hasOwnProperty, HM = RegExp(
+  "^" + jM.call(VM).replace(kM, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function z8(e) {
-  if (!D8(e) || O8(e))
+function zM(e) {
+  if (!DM(e) || OM(e))
     return !1;
-  var t = R8(e) ? H8 : F8;
-  return t.test(M8(e));
+  var t = RM(e) ? HM : FM;
+  return t.test(MM(e));
 }
-var W8 = z8;
-function U8(e, t) {
+var WM = zM;
+function UM(e, t) {
   return e == null ? void 0 : e[t];
 }
-var Y8 = U8, G8 = W8, K8 = Y8;
-function _8(e, t) {
-  var n = K8(e, t);
-  return G8(n) ? n : void 0;
+var YM = UM, GM = WM, KM = YM;
+function _M(e, t) {
+  var n = KM(e, t);
+  return GM(n) ? n : void 0;
 }
-var mI = _8, q8 = mI, J8 = vg, $8 = q8(J8, "Map"), X8 = $8, Z8 = mI, e5 = Z8(Object, "create"), wc = e5, YC = wc;
+var mI = _M, qM = mI, JM = vg, $M = qM(JM, "Map"), XM = $M, ZM = mI, e5 = ZM(Object, "create"), wc = e5, YC = wc;
 function t5() {
   this.__data__ = YC ? YC(null) : {}, this.size = 0;
 }
@@ -9812,7 +9812,7 @@ qi.prototype.delete = B5;
 qi.prototype.get = v5;
 qi.prototype.has = Q5;
 qi.prototype.set = y5;
-var b5 = qi, GC = b5, x5 = GM, w5 = X8;
+var b5 = qi, GC = b5, x5 = G8, w5 = XM;
 function T5() {
   this.size = 0, this.__data__ = {
     hash: new GC(),
@@ -14500,7 +14500,7 @@ const e7 = Gi("div", {
     [e.breakpoints.up("sm")]: {
       marginTop: `-${e.spacing(2)}`,
       marginBottom: e.spacing(t ? 0 : 1),
-      marginLeft: e.spacing(t ? 1 : 2.5),
+      marginLeft: e.spacing(t ? 1 : 2),
       marginRight: e.spacing(t ? 1 : 2.5),
       width: t ? "auto" : `calc(100% - ${e.spacing(5)})`
     },
@@ -14510,6 +14510,7 @@ const e7 = Gi("div", {
   },
   "& .RaDatagrid-root": {
     overflowX: "auto",
+    paddingTop: 48,
     [e.breakpoints.down("sm")]: {
       width: "calc(100vw - 34px)"
     }
@@ -14525,12 +14526,17 @@ const e7 = Gi("div", {
     minHeight: 0
   },
   "& .RaBulkActionsToolbar-toolbar": {
-    minHeight: 64,
+    minHeight: 48,
+    bottom: -56,
     "& h6": {
       marginTop: e.spacing(0.5)
     },
     "& .RaBulkActionsToolbar-topToolbar": {
       marginTop: e.spacing(1)
+    },
+    [e.breakpoints.down("sm")]: {
+      bottom: -48,
+      borderRadius: 0
     }
   }
 })), os = (e) => /* @__PURE__ */ C(e7, { children: /* @__PURE__ */ C(Md, { ...e }) });
@@ -24459,13 +24465,13 @@ const gU = Gi(Zm, {
       padding: e.spacing(2),
       paddingTop: 0,
       "& .RaFilterForm-filterFormInput": {
+        marginTop: e.spacing(1),
         "& .ra-input": {
           alignSelf: "center"
         },
         [e.breakpoints.down("sm")]: {
           // Quando lo schermo è piccolo, il filtro viene visualizzato in una colonna.
           // Diamo un margine maggiore in basso per evitare che siano troppo vicini.
-          marginTop: e.spacing(1),
           marginBottom: e.spacing(1)
         }
       },