@codeplex-sac/layout 0.0.12 → 0.0.13

package/index.js

@@ -355,8 +355,8 @@ var Hr;
 function wn() {
   if (Hr) return q;
   Hr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function R(x) {
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, R = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function _(x) {
     if (typeof x == "object" && x !== null) {
       var k = x.$$typeof;
       switch (k) {
@@ -387,44 +387,44 @@ function wn() {
     }
   }
   function T(x) {
-    return R(x) === u;
+    return _(x) === u;
   }
   return q.AsyncMode = f, q.ConcurrentMode = u, q.ContextConsumer = l, q.ContextProvider = s, q.Element = r, q.ForwardRef = m, q.Fragment = n, q.Lazy = v, q.Memo = g, q.Portal = t, q.Profiler = i, q.StrictMode = o, q.Suspense = d, q.isAsyncMode = function(x) {
-    return T(x) || R(x) === f;
+    return T(x) || _(x) === f;
   }, q.isConcurrentMode = T, q.isContextConsumer = function(x) {
-    return R(x) === l;
+    return _(x) === l;
   }, q.isContextProvider = function(x) {
-    return R(x) === s;
+    return _(x) === s;
   }, q.isElement = function(x) {
     return typeof x == "object" && x !== null && x.$$typeof === r;
   }, q.isForwardRef = function(x) {
-    return R(x) === m;
+    return _(x) === m;
   }, q.isFragment = function(x) {
-    return R(x) === n;
+    return _(x) === n;
   }, q.isLazy = function(x) {
-    return R(x) === v;
+    return _(x) === v;
   }, q.isMemo = function(x) {
-    return R(x) === g;
+    return _(x) === g;
   }, q.isPortal = function(x) {
-    return R(x) === t;
+    return _(x) === t;
   }, q.isProfiler = function(x) {
-    return R(x) === i;
+    return _(x) === i;
   }, q.isStrictMode = function(x) {
-    return R(x) === o;
+    return _(x) === o;
   }, q.isSuspense = function(x) {
-    return R(x) === d;
+    return _(x) === d;
   }, q.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === n || x === u || x === i || x === o || x === d || x === p || typeof x == "object" && x !== null && (x.$$typeof === v || x.$$typeof === g || x.$$typeof === s || x.$$typeof === l || x.$$typeof === m || x.$$typeof === y || x.$$typeof === C || x.$$typeof === _ || x.$$typeof === c);
-  }, q.typeOf = R, q;
+    return typeof x == "string" || typeof x == "function" || x === n || x === u || x === i || x === o || x === d || x === p || typeof x == "object" && x !== null && (x.$$typeof === v || x.$$typeof === g || x.$$typeof === s || x.$$typeof === l || x.$$typeof === m || x.$$typeof === y || x.$$typeof === C || x.$$typeof === R || x.$$typeof === c);
+  }, q.typeOf = _, q;
 }
 var H = {};
 var Gr;
 function En() {
   return Gr || (Gr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function R(E) {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, R = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function _(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === n || E === u || E === i || E === o || E === d || E === p || typeof E == "object" && E !== null && (E.$$typeof === v || E.$$typeof === g || E.$$typeof === s || E.$$typeof === l || E.$$typeof === m || E.$$typeof === y || E.$$typeof === C || E.$$typeof === _ || E.$$typeof === c);
+      E === n || E === u || E === i || E === o || E === d || E === p || typeof E == "object" && E !== null && (E.$$typeof === v || E.$$typeof === g || E.$$typeof === s || E.$$typeof === l || E.$$typeof === m || E.$$typeof === y || E.$$typeof === C || E.$$typeof === R || E.$$typeof === c);
     }
     function T(E) {
       if (typeof E == "object" && E !== null) {
@@ -498,7 +498,7 @@ function En() {
     function se(E) {
       return T(E) === d;
     }
-    H.AsyncMode = x, H.ConcurrentMode = k, H.ContextConsumer = O, H.ContextProvider = ee, H.Element = Y, H.ForwardRef = oe, H.Fragment = Z, H.Lazy = a, H.Memo = A, H.Portal = w, H.Profiler = P, H.StrictMode = L, H.Suspense = ae, H.isAsyncMode = vr, H.isConcurrentMode = S, H.isContextConsumer = $, H.isContextProvider = B, H.isElement = D, H.isForwardRef = N, H.isFragment = z, H.isLazy = M, H.isMemo = j, H.isPortal = W, H.isProfiler = G, H.isStrictMode = V, H.isSuspense = se, H.isValidElementType = R, H.typeOf = T;
+    H.AsyncMode = x, H.ConcurrentMode = k, H.ContextConsumer = O, H.ContextProvider = ee, H.Element = Y, H.ForwardRef = oe, H.Fragment = Z, H.Lazy = a, H.Memo = A, H.Portal = w, H.Profiler = P, H.StrictMode = L, H.Suspense = ae, H.isAsyncMode = vr, H.isConcurrentMode = S, H.isContextConsumer = $, H.isContextProvider = B, H.isElement = D, H.isForwardRef = N, H.isFragment = z, H.isLazy = M, H.isMemo = j, H.isPortal = W, H.isProfiler = G, H.isStrictMode = V, H.isSuspense = se, H.isValidElementType = _, H.typeOf = T;
   })()), H;
 }
 var Kr;
@@ -644,8 +644,8 @@ function kn() {
       object: C("object"),
       string: C("string"),
       symbol: C("symbol"),
-      any: _(),
-      arrayOf: R,
+      any: R(),
+      arrayOf: _,
       element: T(),
       elementType: x(),
       instanceOf: k,
@@ -700,10 +700,10 @@ function kn() {
       }
       return y($);
     }
-    function _() {
+    function R() {
       return y(s);
     }
-    function R(S) {
+    function _(S) {
       function $(B, D, N, z, M) {
         if (typeof S != "function")
           return new c("Property `" + M + "` of component `" + N + "` has invalid PropType notation inside arrayOf.");
@@ -2272,8 +2272,8 @@ function Vr(e) {
       return Bo(y);
     const C = dt(y, Ir.text.primary) >= t ? Ir.text.primary : Bt.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const _ = dt(y, C);
-      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${C} on ${y}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const R = dt(y, C);
+      R < 3 && console.error([`MUI: The contrast ratio of ${R}:1 for ${C} on ${y}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
     return C;
@@ -2281,15 +2281,15 @@ function Vr(e) {
   const g = ({
     color: y,
     name: C,
-    mainShade: _ = 500,
-    lightShade: R = 300,
+    mainShade: R = 500,
+    lightShade: _ = 300,
     darkShade: T = 700
   }) => {
     if (y = {
       ...y
-    }, !y.main && y[_] && (y.main = y[_]), !y.hasOwnProperty("main"))
+    }, !y.main && y[R] && (y.main = y[R]), !y.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${_}\` property.` : we(11, C ? ` (${C})` : "", _));
+The color object needs to have a \`main\` property or a \`${R}\` property.` : we(11, C ? ` (${C})` : "", R));
     if (typeof y.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${C ? ` (${C})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(y.main)}\` was provided instead.
@@ -2305,7 +2305,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : we(12, C ? ` (${C})` : "", JSON.stringify(y.main)));
-    return o ? (ft(o, y, "light", R, n), ft(o, y, "dark", T, n)) : (ut(y, "light", R, n), ut(y, "dark", T, n)), y.contrastText || (y.contrastText = p(y.main)), y;
+    return o ? (ft(o, y, "light", _, n), ft(o, y, "dark", T, n)) : (ut(y, "light", _, n), ut(y, "dark", T, n)), y.contrastText || (y.contrastText = p(y.main)), y;
   };
   let v;
   return r === "light" ? v = jt() : r === "dark" && (v = Lt()), process.env.NODE_ENV !== "production" && (v || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), ce({
@@ -2977,16 +2977,16 @@ function di(e, r) {
     ...d
   } = typeof r == "function" ? r(e) : r;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const p = n / 14, g = m || ((y) => `${y / f * p}rem`), v = (y, C, _, R, T) => ({
+  const p = n / 14, g = m || ((y) => `${y / f * p}rem`), v = (y, C, R, _, T) => ({
     fontFamily: t,
     fontWeight: y,
     fontSize: g(C),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: _,
+    lineHeight: R,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...t === vt ? {
-      letterSpacing: `${ci(R / C)}em`
+      letterSpacing: `${ci(_ / C)}em`
     } : {},
     ...T,
     ...u
@@ -3191,20 +3191,20 @@ function Nr(e = {}, ...r) {
   });
   if (g = ce(g, m), g = r.reduce((v, c) => ce(v, c), g), process.env.NODE_ENV !== "production") {
     const v = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (y, C) => {
-      let _;
-      for (_ in y) {
-        const R = y[_];
-        if (v.includes(_) && Object.keys(R).length > 0) {
+      let R;
+      for (R in y) {
+        const _ = y[R];
+        if (v.includes(R) && Object.keys(_).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const T = Fr("", _);
-            console.error([`MUI: The \`${C}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(y, null, 2), "", `Instead, you need to use the '&.${T}' syntax:`, JSON.stringify({
+            const T = Fr("", R);
+            console.error([`MUI: The \`${C}\` component increases the CSS specificity of the \`${R}\` internal state.`, "You can not override it like this: ", JSON.stringify(y, null, 2), "", `Instead, you need to use the '&.${T}' syntax:`, JSON.stringify({
               root: {
-                [`&.${T}`]: R
+                [`&.${T}`]: _
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          y[_] = {};
+          y[R] = {};
         }
       }
     };
@@ -3388,16 +3388,16 @@ function Ii(e = {}, ...r) {
     light: c,
     dark: y,
     ...C
-  } = t, _ = {
+  } = t, R = {
     ...C
   };
-  let R = v;
-  if ((p === "dark" && !("dark" in t) || p === "light" && !("light" in t)) && (R = !0), !R)
+  let _ = v;
+  if ((p === "dark" && !("dark" in t) || p === "light" && !("light" in t)) && (_ = !0), !_)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : we(21, p));
   let T;
   s && (T = "oklch");
-  const x = Ar(T, _, R, m, p);
-  c && !_.light && Ar(T, _, c, void 0, "light"), y && !_.dark && Ar(T, _, y, void 0, "dark");
+  const x = Ar(T, R, _, m, p);
+  c && !R.light && Ar(T, R, c, void 0, "light"), y && !R.dark && Ar(T, R, y, void 0, "dark");
   let k = {
     defaultColorScheme: p,
     ...x,
@@ -3405,7 +3405,7 @@ function Ii(e = {}, ...r) {
     colorSchemeSelector: f,
     rootSelector: u,
     getCssVar: g,
-    colorSchemes: _,
+    colorSchemes: R,
     font: {
       ...ii(x.typography),
       ...x.font
@@ -3642,10 +3642,10 @@ function Li(e = {}) {
       // For more details: https://github.com/mui/material-ui/pull/37908
       m && m !== "Root" && m !== "root" || !1
     ), C = p || !1;
-    let _ = Or;
-    m === "Root" || m === "root" ? _ = n : m ? _ = o : Fi(l) && (_ = void 0);
-    const R = qo(l, {
-      shouldForwardProp: _,
+    let R = Or;
+    m === "Root" || m === "root" ? R = n : m ? R = o : Fi(l) && (R = void 0);
+    const _ = qo(l, {
+      shouldForwardProp: R,
       label: Wi(u, m),
       ...v
     }), T = (k) => {
@@ -3680,10 +3680,10 @@ function Li(e = {}) {
         let P;
         P = [...A, ...a, ...w], P.raw = [...A, ...a.raw, ...w], O.unshift(P);
       }
-      const oe = [...O, ...ee, ...Y], Z = R(...oe);
+      const oe = [...O, ...ee, ...Y], Z = _(...oe);
       return l.muiName && (Z.muiName = l.muiName), process.env.NODE_ENV !== "production" && (Z.displayName = zi(u, m, l)), Z;
     };
-    return R.withConfig && (x.withConfig = R.withConfig), x;
+    return _.withConfig && (x.withConfig = _.withConfig), x;
   };
 }
 function zi(e, r, t) {
@@ -4579,10 +4579,10 @@ const Et = Se(/* @__PURE__ */ h("path", {
     }, ee = O(e);
     ee.length > 0 && C((Y) => [.../* @__PURE__ */ new Set([...Y, ...ee])]);
   }, [e]);
-  const _ = () => {
+  const R = () => {
     const O = !v;
     c(O), s && s(O);
-  }, R = () => {
+  }, _ = () => {
     g(!p);
   }, T = (O) => {
     C(
@@ -4596,7 +4596,15 @@ const Et = Se(/* @__PURE__ */ h("path", {
         t && /* @__PURE__ */ h(Ze, { src: t, variant: "rounded", sx: { width: 32, height: 32 } }),
         /* @__PURE__ */ h(ue, { variant: "h6", noWrap: !0, fontWeight: "bold", color: "text.primary", children: n })
       ] }) : t ? /* @__PURE__ */ h(Ze, { src: t, variant: "rounded", sx: { width: 32, height: 32, mx: "auto" } }) : null,
-      !p && /* @__PURE__ */ h(je, { onClick: _, size: "small", children: v ? /* @__PURE__ */ h(Tt, {}) : /* @__PURE__ */ h(oa, {}) })
+      /* @__PURE__ */ h(
+        je,
+        {
+          onClick: p ? _ : R,
+          size: "small",
+          sx: { display: { xs: p ? "flex" : "none", md: "flex" } },
+          children: v && !p ? /* @__PURE__ */ h(Tt, {}) : /* @__PURE__ */ h(oa, {})
+        }
+      )
     ] }),
     m && /* @__PURE__ */ h(U, { sx: { px: 2, pb: 2 }, children: m }),
     /* @__PURE__ */ h(sa, { children: /* @__PURE__ */ h(kt, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((O) => O.tipo === "divisor" ? /* @__PURE__ */ h(_r, { sx: { my: 1, opacity: 0.6 } }, O.id) : O.tipo === "seccion" ? v && !p ? /* @__PURE__ */ h(_r, { sx: { my: 1, opacity: 0.4 } }, O.id) : /* @__PURE__ */ h(
@@ -4655,7 +4663,7 @@ const Et = Se(/* @__PURE__ */ h("path", {
       {
         sx: {
           mr: 2,
-          display: { md: "none" },
+          display: { xs: p ? "none" : "flex", md: "none" },
           position: "fixed",
           top: 12,
           left: 16,
@@ -4671,7 +4679,7 @@ const Et = Se(/* @__PURE__ */ h("path", {
         },
         "aria-label": "open drawer",
         edge: "start",
-        onClick: R,
+        onClick: _,
         children: /* @__PURE__ */ h(Tt, {})
       }
     ),
@@ -4686,7 +4694,7 @@ const Et = Se(/* @__PURE__ */ h("path", {
           zIndex: 1200,
           display: { xs: p ? "block" : "none", md: "none" }
         },
-        onClick: R
+        onClick: _
       }
     ),
     /* @__PURE__ */ h(
@@ -4795,7 +4803,7 @@ const Et = Se(/* @__PURE__ */ h("path", {
       return `${c}flex-none ${c}w-auto`;
     const y = Number(g);
     if (!isNaN(y) && y > 0 && y <= 12) {
-      const _ = {
+      const R = {
         1: "w-1/12",
         2: "w-2/12",
         3: "w-3/12",
@@ -4809,8 +4817,8 @@ const Et = Se(/* @__PURE__ */ h("path", {
         11: "w-11/12",
         12: "w-full"
       }[y];
-      if (_)
-        return `${c}flex-none ${c}${_}`;
+      if (R)
+        return `${c}flex-none ${c}${R}`;
     }
     return "";
   };
@@ -4848,18 +4856,18 @@ const Et = Se(/* @__PURE__ */ h("path", {
       C.backgroundColor = me(y.palette.background.paper, 0.7), C.backdropFilter = "blur(10px)", C.border = `1px solid ${me(y.palette.common.white, 0.2)}`, y.palette.mode === "dark" && (C.border = `1px solid ${me(y.palette.common.white, 0.05)}`);
       break;
     case "gradiente":
-      const _ = y.palette.mode === "dark" ? y.palette.primary.dark : y.palette.primary.light, R = y.palette.mode === "dark" ? y.palette.secondary.dark : y.palette.secondary.light;
-      C.background = `linear-gradient(135deg, ${me(_, 0.1)} 0%, ${me(R, 0.1)} 100%)`, C.border = `1px solid ${me(y.palette.primary.main, 0.1)}`;
+      const R = y.palette.mode === "dark" ? y.palette.primary.dark : y.palette.primary.light, _ = y.palette.mode === "dark" ? y.palette.secondary.dark : y.palette.secondary.light;
+      C.background = `linear-gradient(135deg, ${me(R, 0.1)} 0%, ${me(_, 0.1)} 100%)`, C.border = `1px solid ${me(y.palette.primary.main, 0.1)}`;
       break;
   }
   if (r) {
-    const R = {
+    const _ = {
       error: y.palette.error.main,
       exito: y.palette.success.main,
       advertencia: y.palette.warning.main,
       info: y.palette.info.main
     }[r];
-    C.border = `1px solid ${R}`, C.boxShadow = `0 0 0 1px ${me(R, 0.2)}`, C.backgroundColor = me(R, 0.02);
+    C.border = `1px solid ${_}`, C.boxShadow = `0 0 0 1px ${me(_, 0.2)}`, C.backgroundColor = me(_, 0.02);
   }
   return d && (C["&:hover"] = {
     ...C["&:hover"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-sac/layout",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",