@codeplex-sac/layout 0.0.7 → 0.0.8

package/index.js

@@ -1,6 +1,6 @@
 import { jsx as w, jsxs as Y, Fragment as vn } from "react/jsx-runtime";
 import * as E from "react";
-import ft, { useState as Mt, useEffect as Nr, useRef as kl, forwardRef as An, useContext as Rl, isValidElement as un, cloneElement as dn, Children as $l } from "react";
+import ft, { useState as Mt, useEffect as Ir, useRef as kl, forwardRef as An, useContext as Rl, isValidElement as un, cloneElement as dn, Children as $l } from "react";
 import * as Nl from "react-dom";
 import Zr from "react-dom";
 const Hg = ({
@@ -126,9 +126,9 @@ const Hg = ({
   children: d,
   pie: f
 }) => {
-  Nr(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  Ir(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [e]), Nr(() => {
+  }), [e]), Ir(() => {
     const p = (b) => {
       !e || !l || !u || b.key === "Escape" && u();
     };
@@ -517,7 +517,7 @@ const Hg = ({
   children: s
 }) => {
   const [l, c] = Mt(!1), u = kl(null), d = () => c(!l), f = () => c(!1);
-  return Nr(() => {
+  return Ir(() => {
     const m = (h) => {
       l && u.current && !u.current.contains(h.target) && c(!1);
     };
@@ -757,7 +757,7 @@ function Po(e, t) {
 function Ae(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function Ir(e, t, r) {
+function Mr(e, t, r) {
   return e.slice(t, r);
 }
 function ot(e) {
@@ -772,32 +772,32 @@ function en(e, t) {
 function zl(e, t) {
   return e.map(t).join("");
 }
-var Dn = 1, Zt = 1, za = 0, We = 0, Ne = 0, ir = "";
+var Dn = 1, Zt = 1, za = 0, We = 0, Ne = 0, ar = "";
 function _n(e, t, r, o, i, a, s) {
   return { value: e, root: t, parent: r, type: o, props: i, children: a, line: Dn, column: Zt, length: s, return: "" };
 }
-function hr(e, t) {
+function gr(e, t) {
   return Fl(_n("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Ul() {
   return Ne;
 }
 function Hl() {
-  return Ne = We > 0 ? Ae(ir, --We) : 0, Zt--, Ne === 10 && (Zt = 1, Dn--), Ne;
+  return Ne = We > 0 ? Ae(ar, --We) : 0, Zt--, Ne === 10 && (Zt = 1, Dn--), Ne;
 }
 function Ue() {
-  return Ne = We < za ? Ae(ir, We++) : 0, Zt++, Ne === 10 && (Zt = 1, Dn++), Ne;
+  return Ne = We < za ? Ae(ar, We++) : 0, Zt++, Ne === 10 && (Zt = 1, Dn++), Ne;
 }
 function lt() {
-  return Ae(ir, We);
+  return Ae(ar, We);
 }
 function pn() {
   return We;
 }
 function Wr(e, t) {
-  return Ir(ir, e, t);
+  return Mr(ar, e, t);
 }
-function Mr(e) {
+function Ar(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -836,10 +836,10 @@ function Mr(e) {
   return 0;
 }
 function Ua(e) {
-  return Dn = Zt = 1, za = ot(ir = e), We = 0, [];
+  return Dn = Zt = 1, za = ot(ar = e), We = 0, [];
 }
 function Ha(e) {
-  return ir = "", e;
+  return ar = "", e;
 }
 function fn(e) {
   return Wa(Wr(We - 1, ko(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
@@ -847,7 +847,7 @@ function fn(e) {
 function ql(e) {
   for (; (Ne = lt()) && Ne < 33; )
     Ue();
-  return Mr(e) > 2 || Mr(Ne) > 3 ? "" : " ";
+  return Ar(e) > 2 || Ar(Ne) > 3 ? "" : " ";
 }
 function Gl(e, t) {
   for (; --t && Ue() && !(Ne < 48 || Ne > 102 || Ne > 57 && Ne < 65 || Ne > 70 && Ne < 97); )
@@ -883,7 +883,7 @@ function Yl(e, t) {
   return "/*" + Wr(t, We - 1) + "*" + jn(e === 47 ? e : Ue());
 }
 function Kl(e) {
-  for (; !Mr(lt()); )
+  for (; !Ar(lt()); )
     Ue();
   return Wr(e, We);
 }
@@ -998,15 +998,15 @@ function mn(e, t, r, o, i, a, s, l, c) {
 }
 function Ti(e, t, r, o, i, a, s, l, c, u, d) {
   for (var f = i - 1, y = i === 0 ? a : [""], m = Ko(y), h = 0, p = 0, b = 0; h < o; ++h)
-    for (var v = 0, S = Ir(e, f + 1, f = Bl(p = s[h])), C = e; v < m; ++v)
+    for (var v = 0, S = Mr(e, f + 1, f = Bl(p = s[h])), C = e; v < m; ++v)
       (C = Wa(p > 0 ? y[v] + " " + S : se(S, /&\f/g, y[v]))) && (c[b++] = C);
   return _n(e, t, r, i === 0 ? Go : l, c, u, d);
 }
 function Jl(e, t, r) {
-  return _n(e, t, r, Fa, jn(Ul()), Ir(e, 2, -2), 0);
+  return _n(e, t, r, Fa, jn(Ul()), Mr(e, 2, -2), 0);
 }
 function Ei(e, t, r, o) {
-  return _n(e, t, r, Yo, Ir(e, 0, o), Ir(e, o + 1, -1), o);
+  return _n(e, t, r, Yo, Mr(e, 0, o), Mr(e, o + 1, -1), o);
 }
 function Xt(e, t) {
   for (var r = "", o = Ko(e), i = 0; i < o; i++)
@@ -1049,13 +1049,13 @@ function qa(e) {
   };
 }
 var tc = function(t, r, o) {
-  for (var i = 0, a = 0; i = a, a = lt(), i === 38 && a === 12 && (r[o] = 1), !Mr(a); )
+  for (var i = 0, a = 0; i = a, a = lt(), i === 38 && a === 12 && (r[o] = 1), !Ar(a); )
     Ue();
   return Wr(t, We);
 }, rc = function(t, r) {
   var o = -1, i = 44;
   do
-    switch (Mr(i)) {
+    switch (Ar(i)) {
       case 0:
         i === 38 && lt() === 12 && (r[o] = 1), t[o] += tc(We - 1, r, o);
         break;
@@ -1244,7 +1244,7 @@ var ac = function(t, r, o, i) {
       t.return = Ga(t.value, t.length);
       break;
     case Va:
-      return Xt([hr(t, {
+      return Xt([gr(t, {
         value: se(t.value, "@", "@" + ae)
       })], i);
     case Go:
@@ -1253,16 +1253,16 @@ var ac = function(t, r, o, i) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return Xt([hr(t, {
+            return Xt([gr(t, {
               props: [se(a, /:(read-\w+)/, ":" + wn + "$1")]
             })], i);
           // :placeholder
           case "::placeholder":
-            return Xt([hr(t, {
+            return Xt([gr(t, {
               props: [se(a, /:(plac\w+)/, ":" + ae + "input-$1")]
-            }), hr(t, {
+            }), gr(t, {
               props: [se(a, /:(plac\w+)/, ":" + wn + "$1")]
-            }), hr(t, {
+            }), gr(t, {
               props: [se(a, /:(plac\w+)/, je + "input-$1")]
             })], i);
         }
@@ -1660,7 +1660,7 @@ var hc = {
   }
   return hc[t] !== 1 && !Xa(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Ar(e, t, r) {
+function jr(e, t, r) {
   if (r == null)
     return "";
   var o = r;
@@ -1695,7 +1695,7 @@ function Ar(e, t, r) {
     case "function": {
       if (e !== void 0) {
         var c = it, u = r(e);
-        return it = c, Ar(e, t, u);
+        return it = c, jr(e, t, u);
       }
       break;
     }
@@ -1710,7 +1710,7 @@ function bc(e, t, r) {
   var o = "";
   if (Array.isArray(r))
     for (var i = 0; i < r.length; i++)
-      o += Ar(e, t, r[i]) + ";";
+      o += jr(e, t, r[i]) + ";";
   else
     for (var a in r) {
       var s = r[a];
@@ -1721,7 +1721,7 @@ function bc(e, t, r) {
         for (var c = 0; c < s.length; c++)
           Ri(s[c]) && (o += po(a) + ":" + $i(a, s[c]) + ";");
       else {
-        var u = Ar(e, t, s);
+        var u = jr(e, t, s);
         switch (a) {
           case "animation":
           case "animationName": {
@@ -1743,13 +1743,13 @@ function Ln(e, t, r) {
   it = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
-    o = !1, i += Ar(r, t, a);
+    o = !1, i += jr(r, t, a);
   else {
     var s = a;
     i += s[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (i += Ar(r, t, e[l]), o) {
+    if (i += jr(r, t, e[l]), o) {
       var c = a;
       i += c[l];
     }
@@ -2815,7 +2815,7 @@ function qc(e) {
 const Gc = {
   borderRadius: 4
 }, Et = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.string, n.object, n.array]) : {};
-function Pr(e, t) {
+function kr(e, t) {
   return t ? Le(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
@@ -3006,7 +3006,7 @@ function nu(e, t, r, o) {
 }
 function os(e, t) {
   const r = zn(e.theme);
-  return Object.keys(e).map((o) => nu(e, t, o, r)).reduce(Pr, {});
+  return Object.keys(e).map((o) => nu(e, t, o, r)).reduce(kr, {});
 }
 function Oe(e) {
   return os(e, Vn);
@@ -3033,7 +3033,7 @@ function is(e = 8, t = zn({
 function Un(...e) {
   const t = e.reduce((o, i) => (i.filterProps.forEach((a) => {
     o[a] = i;
-  }), o), {}), r = (o) => Object.keys(o).reduce((i, a) => t[a] ? Pr(i, t[a](o)) : i, {});
+  }), o), {}), r = (o) => Object.keys(o).reduce((i, a) => t[a] ? kr(i, t[a](o)) : i, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((o, i) => Object.assign(o, i.propTypes), {}) : {}, r.filterProps = e.reduce((o, i) => o.concat(i.filterProps), []), r;
 }
 function Ye(e) {
@@ -3536,7 +3536,7 @@ function Du() {
         if (h != null)
           if (typeof h == "object")
             if (s[m])
-              y = Pr(y, e(m, h, i, s));
+              y = kr(y, e(m, h, i, s));
             else {
               const p = tt({
                 theme: i
@@ -3547,10 +3547,10 @@ function Du() {
                 sx: h,
                 theme: i,
                 nested: !0
-              }) : y = Pr(y, p);
+              }) : y = kr(y, p);
             }
           else
-            y = Pr(y, e(m, h, i, s));
+            y = kr(y, e(m, h, i, s));
       }), !a && i.modularCssLayers ? {
         "@layer sx": qi(i, No(f, y))
       } : qi(i, No(f, y));
@@ -3573,7 +3573,7 @@ function _u(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function ar(e = {}, ...t) {
+function sr(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: o = {},
@@ -3613,7 +3613,7 @@ function Bu(e = null) {
   const t = E.useContext(Qo);
   return !t || Lu(t) ? e : t;
 }
-const Fu = ar();
+const Fu = sr();
 function Kn(e = Fu) {
   return Bu(e);
 }
@@ -3761,7 +3761,7 @@ function cs(e) {
     typeof i.style != "function" && (i.style = At(i.style));
   }), o;
 }
-const qu = ar();
+const qu = sr();
 function xo(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
@@ -4002,7 +4002,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 const rd = (e) => {
   const t = wt(e);
   return t.values.slice(0, 3).map((r, o) => t.type.includes("hsl") && o !== 0 ? `${r}%` : r).join(" ");
-}, Tr = (e, t) => {
+}, Er = (e, t) => {
   try {
     return rd(e);
   } catch {
@@ -4342,7 +4342,7 @@ function be(e, t, r = void 0) {
   }
   return o;
 }
-const yd = ar(), bd = ni("div", {
+const yd = sr(), bd = ni("div", {
   name: "MuiContainer",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -4463,7 +4463,7 @@ function gs(e, t) {
     e.type.muiName ?? e.type?._payload?.value?.muiName
   ) !== -1;
 }
-const Td = (e, t) => e.filter((r) => t.includes(r)), sr = (e, t, r) => {
+const Td = (e, t) => e.filter((r) => t.includes(r)), lr = (e, t, r) => {
   const o = e.keys[0];
   Array.isArray(t) ? t.forEach((i, a) => {
     r((s, l) => {
@@ -4491,7 +4491,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   ownerState: t
 }) => {
   const r = {};
-  return sr(e.breakpoints, t.size, (o, i) => {
+  return lr(e.breakpoints, t.size, (o, i) => {
     let a = {};
     i === "grow" && (a = {
       flexBasis: 0,
@@ -4514,7 +4514,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   ownerState: t
 }) => {
   const r = {};
-  return sr(e.breakpoints, t.offset, (o, i) => {
+  return lr(e.breakpoints, t.offset, (o, i) => {
     let a = {};
     i === "auto" && (a = {
       marginLeft: "auto"
@@ -4531,7 +4531,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   const r = {
     [ra]: 12
   };
-  return sr(e.breakpoints, t.columns, (o, i) => {
+  return lr(e.breakpoints, t.columns, (o, i) => {
     const a = i ?? 12;
     o(r, {
       [ra]: a,
@@ -4547,7 +4547,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   if (!t.container)
     return {};
   const r = {};
-  return sr(e.breakpoints, t.rowSpacing, (o, i) => {
+  return lr(e.breakpoints, t.rowSpacing, (o, i) => {
     const a = typeof i == "string" ? i : e.spacing?.(i);
     o(r, {
       [Cn("row")]: a,
@@ -4563,7 +4563,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   if (!t.container)
     return {};
   const r = {};
-  return sr(e.breakpoints, t.columnSpacing, (o, i) => {
+  return lr(e.breakpoints, t.columnSpacing, (o, i) => {
     const a = typeof i == "string" ? i : e.spacing?.(i);
     o(r, {
       [Cn("column")]: a,
@@ -4579,7 +4579,7 @@ const ra = "--Grid-columns", Qt = "--Grid-parent-columns", Ed = ({
   if (!t.container)
     return {};
   const r = {};
-  return sr(e.breakpoints, t.direction, (o, i) => {
+  return lr(e.breakpoints, t.direction, (o, i) => {
     o(r, {
       flexDirection: i
     });
@@ -4625,7 +4625,7 @@ function Ad(e, t) {
 `));
   });
 }
-const jd = ar(), Dd = ni("div", {
+const jd = sr(), Dd = ni("div", {
   name: "MuiGrid",
   slot: "Root"
 });
@@ -4722,7 +4722,7 @@ function Ld(e = {}) {
     wrap: n.oneOf(["nowrap", "wrap-reverse", "wrap"])
   }), c.muiName = "Grid", c;
 }
-const Bd = ar(), Fd = ni("div", {
+const Bd = sr(), Fd = ni("div", {
   name: "MuiStack",
   slot: "Root"
 });
@@ -4830,7 +4830,7 @@ function Hd(e = {}) {
     sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
   }), s;
 }
-const jr = {
+const Dr = {
   black: "#000",
   white: "#fff"
 }, qd = {
@@ -4861,7 +4861,7 @@ const jr = {
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, gr = {
+}, yr = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
@@ -4903,8 +4903,8 @@ function ys() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: jr.white,
-      default: jr.white
+      paper: Dr.white,
+      default: Dr.white
     },
     // The colors used to style the action elements.
     action: {
@@ -4931,7 +4931,7 @@ const bs = ys();
 function vs() {
   return {
     text: {
-      primary: jr.white,
+      primary: Dr.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -4942,7 +4942,7 @@ function vs() {
       default: "#121212"
     },
     action: {
-      active: jr.white,
+      active: Dr.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -5022,14 +5022,14 @@ function Jd(e = "light") {
 }
 function Qd(e = "light") {
   return e === "dark" ? {
-    main: gr[400],
-    light: gr[300],
-    dark: gr[700]
+    main: yr[400],
+    light: yr[300],
+    dark: yr[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: gr[500],
-    dark: gr[900]
+    light: yr[500],
+    dark: yr[900]
   };
 }
 function Zd(e) {
@@ -5087,7 +5087,7 @@ const theme2 = createTheme({ palette: {
   return t === "light" ? h = ys() : t === "dark" && (h = vs()), process.env.NODE_ENV !== "production" && (h || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Le({
     // A collection of common colors.
     common: {
-      ...jr
+      ...Dr
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -5390,7 +5390,7 @@ function Ao(e = {}, ...t) {
   const f = si({
     ...a,
     colorSpace: u
-  }), y = ar(e);
+  }), y = sr(e);
   let m = Le(y, {
     mixins: tp(y.breakpoints, o),
     palette: f,
@@ -5530,11 +5530,11 @@ function xp(e, t) {
 function $(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function Er(e) {
+function Cr(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : fs(e);
 }
 function dt(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = Tr(Er(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${t}Channel` in e || (e[`${t}Channel`] = Er(Cr(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function wp(e) {
@@ -5650,7 +5650,7 @@ function Ep(e = {}, ...t) {
     }
     dt(g.background, "default"), dt(g.background, "paper"), dt(g.common, "background"), dt(g.common, "onBackground"), dt(g, "divider"), Object.keys(g).forEach((M) => {
       const N = g[M];
-      M !== "tonalOffset" && N && typeof N == "object" && (N.main && $(g[M], "mainChannel", Tr(Er(N.main))), N.light && $(g[M], "lightChannel", Tr(Er(N.light))), N.dark && $(g[M], "darkChannel", Tr(Er(N.dark))), N.contrastText && $(g[M], "contrastTextChannel", Tr(Er(N.contrastText))), M === "text" && (dt(g[M], "primary"), dt(g[M], "secondary")), M === "action" && (N.active && dt(g[M], "active"), N.selected && dt(g[M], "selected")));
+      M !== "tonalOffset" && N && typeof N == "object" && (N.main && $(g[M], "mainChannel", Er(Cr(N.main))), N.light && $(g[M], "lightChannel", Er(Cr(N.light))), N.dark && $(g[M], "darkChannel", Er(Cr(N.dark))), N.contrastText && $(g[M], "contrastTextChannel", Er(Cr(N.contrastText))), M === "text" && (dt(g[M], "primary"), dt(g[M], "secondary")), M === "action" && (N.active && dt(g[M], "active"), N.selected && dt(g[M], "selected")));
     });
   }), O = t.reduce((_, g) => Le(_, g), O);
   const P = {
@@ -5984,7 +5984,7 @@ process.env.NODE_ENV !== "production" && (On.propTypes = {
   viewBox: n.string
 });
 On.muiName = "SvgIcon";
-function lr(e, t) {
+function cr(e, t) {
   function r(o, i) {
     return /* @__PURE__ */ w(On, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
@@ -6194,19 +6194,19 @@ process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
 const Sn = ft.createContext(null);
 var jp = function(t) {
   return t.scrollTop;
-}, Cr = "unmounted", kt = "exited", Rt = "entering", Yt = "entered", _o = "exiting", rt = /* @__PURE__ */ (function(e) {
+}, Or = "unmounted", kt = "exited", Rt = "entering", Yt = "entered", _o = "exiting", rt = /* @__PURE__ */ (function(e) {
   Ps(t, e);
   function t(o, i) {
     var a;
     a = e.call(this, o, i) || this;
     var s = i, l = s && !s.isMounting ? o.enter : o.appear, c;
-    return a.appearStatus = null, o.in ? l ? (c = kt, a.appearStatus = Rt) : c = Yt : o.unmountOnExit || o.mountOnEnter ? c = Cr : c = kt, a.state = {
+    return a.appearStatus = null, o.in ? l ? (c = kt, a.appearStatus = Rt) : c = Yt : o.unmountOnExit || o.mountOnEnter ? c = Or : c = kt, a.state = {
       status: c
     }, a.nextCallback = null, a;
   }
   t.getDerivedStateFromProps = function(i, a) {
     var s = i.in;
-    return s && a.status === Cr ? {
+    return s && a.status === Or ? {
       status: kt
     } : null;
   };
@@ -6240,7 +6240,7 @@ var jp = function(t) {
       } else
         this.performExit();
     else this.props.unmountOnExit && this.state.status === kt && this.setState({
-      status: Cr
+      status: Or
     });
   }, r.performEnter = function(i) {
     var a = this, s = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [Zr.findDOMNode(this), l], u = c[0], d = c[1], f = this.getTimeouts(), y = l ? f.appear : f.enter;
@@ -6309,7 +6309,7 @@ var jp = function(t) {
     i != null && setTimeout(this.nextCallback, i);
   }, r.render = function() {
     var i = this.state.status;
-    if (i === Cr)
+    if (i === Or)
       return null;
     var a = this.props, s = a.children;
     a.in, a.mountOnEnter, a.unmountOnExit, a.appear, a.enter, a.exit, a.timeout, a.addEndListener, a.onEnter, a.onEntering, a.onEntered, a.onExit, a.onExiting, a.onExited, a.nodeRef;
@@ -6508,7 +6508,7 @@ rt.defaultProps = {
   onExiting: Gt,
   onExited: Gt
 };
-rt.UNMOUNTED = Cr;
+rt.UNMOUNTED = Or;
 rt.EXITED = kt;
 rt.ENTERING = Rt;
 rt.ENTERED = Yt;
@@ -7253,7 +7253,7 @@ function Lo() {
 }
 Ds.isRequired = js;
 Lo.isRequired = Lo;
-const Dr = process.env.NODE_ENV === "production" ? Lo : Ds;
+const _r = process.env.NODE_ENV === "production" ? Lo : Ds;
 function Qp(e) {
   return he("MuiPaper", e);
 }
@@ -7372,7 +7372,7 @@ process.env.NODE_ENV !== "production" && (_s.propTypes = {
    * It accepts values between 0 and 24 inclusive.
    * @default 1
    */
-  elevation: Ct(Dr, (e) => {
+  elevation: Ct(_r, (e) => {
     const {
       elevation: t,
       variant: r
@@ -8890,10 +8890,10 @@ function mt(e, t, r, o, i) {
   const a = e[t], s = i || t;
   return a == null ? null : a && a.nodeType !== 1 ? new Error(`Invalid ${o} \`${s}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
 }
-var Fe = "top", Je = "bottom", Qe = "right", Ve = "left", di = "auto", qr = [Fe, Je, Qe, Ve], tr = "start", _r = "end", Mf = "clippingParents", Vs = "viewport", yr = "popper", Af = "reference", va = /* @__PURE__ */ qr.reduce(function(e, t) {
-  return e.concat([t + "-" + tr, t + "-" + _r]);
+var Fe = "top", Je = "bottom", Qe = "right", Ve = "left", di = "auto", qr = [Fe, Je, Qe, Ve], tr = "start", Lr = "end", Mf = "clippingParents", Vs = "viewport", br = "popper", Af = "reference", va = /* @__PURE__ */ qr.reduce(function(e, t) {
+  return e.concat([t + "-" + tr, t + "-" + Lr]);
 }, []), Ws = /* @__PURE__ */ [].concat(qr, [di]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + tr, t + "-" + _r]);
+  return e.concat([t, t + "-" + tr, t + "-" + Lr]);
 }, []), jf = "beforeRead", Df = "read", _f = "afterRead", Lf = "beforeMain", Bf = "main", Ff = "afterMain", Vf = "beforeWrite", Wf = "write", zf = "afterWrite", Uf = [jf, Df, _f, Lf, Bf, Ff, Vf, Wf, zf];
 function ut(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
@@ -9067,11 +9067,11 @@ function Gr(e) {
 function mi(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function kr(e, t, r) {
+function Rr(e, t, r) {
   return jt(e, Nn(t, r));
 }
 function Xf(e, t, r) {
-  var o = kr(e, t, r);
+  var o = Rr(e, t, r);
   return o > r ? r : o;
 }
 function Hs() {
@@ -9098,7 +9098,7 @@ var Jf = function(t, r) {
 function Qf(e) {
   var t, r = e.state, o = e.name, i = e.options, a = r.elements.arrow, s = r.modifiersData.popperOffsets, l = ct(r.placement), c = mi(l), u = [Ve, Qe].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!a || !s)) {
-    var f = Jf(i.padding, r), y = fi(a), m = c === "y" ? Fe : Ve, h = c === "y" ? Je : Qe, p = r.rects.reference[d] + r.rects.reference[c] - s[c] - r.rects.popper[d], b = s[c] - r.rects.reference[c], v = Gr(a), S = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, C = p / 2 - b / 2, x = f[m], T = S - y[d] - f[h], O = S / 2 - y[d] / 2 + C, P = kr(x, O, T), I = c;
+    var f = Jf(i.padding, r), y = fi(a), m = c === "y" ? Fe : Ve, h = c === "y" ? Je : Qe, p = r.rects.reference[d] + r.rects.reference[c] - s[c] - r.rects.popper[d], b = s[c] - r.rects.reference[c], v = Gr(a), S = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, C = p / 2 - b / 2, x = f[m], T = S - y[d] - f[h], O = S / 2 - y[d] / 2 + C, P = Rr(x, O, T), I = c;
     r.modifiersData[o] = (t = {}, t[I] = P, t.centerOffset = P - O, t);
   }
 }
@@ -9143,7 +9143,7 @@ function wa(e) {
   var v = s.hasOwnProperty("x"), S = s.hasOwnProperty("y"), C = Ve, x = Fe, T = window;
   if (u) {
     var O = Gr(r), P = "clientHeight", I = "clientWidth";
-    if (O === He(r) && (O = Ot(r), ht(O).position !== "static" && l === "absolute" && (P = "scrollHeight", I = "scrollWidth")), O = O, i === Fe || (i === Ve || i === Qe) && a === _r) {
+    if (O === He(r) && (O = Ot(r), ht(O).position !== "static" && l === "absolute" && (P = "scrollHeight", I = "scrollWidth")), O = O, i === Fe || (i === Ve || i === Qe) && a === Lr) {
       x = Je;
       var j = f && O === T && T.visualViewport ? T.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -9151,7 +9151,7 @@ function wa(e) {
       );
       p -= j - o.height, p *= c ? 1 : -1;
     }
-    if (i === Ve || (i === Fe || i === Je) && a === _r) {
+    if (i === Ve || (i === Fe || i === Je) && a === Lr) {
       C = Qe;
       var D = f && O === T && T.visualViewport ? T.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -9287,13 +9287,13 @@ function yi(e) {
 function Ys(e) {
   return ["html", "body", "#document"].indexOf(ut(e)) >= 0 ? e.ownerDocument.body : Ke(e) && yi(e) ? e : Ys(io(e));
 }
-function Rr(e, t) {
+function $r(e, t) {
   var r;
   t === void 0 && (t = []);
   var o = Ys(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = He(o), s = i ? [a].concat(a.visualViewport || [], yi(o) ? o : []) : o, l = t.concat(s);
   return i ? l : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    l.concat(Rr(io(s)))
+    l.concat($r(io(s)))
   );
 }
 function zo(e) {
@@ -9312,7 +9312,7 @@ function Ea(e, t, r) {
   return t === Vs ? zo(cm(e, r)) : Ft(t) ? dm(t, r) : zo(um(Ot(e)));
 }
 function pm(e) {
-  var t = Rr(io(e)), r = ["absolute", "fixed"].indexOf(ht(e).position) >= 0, o = r && Ke(e) ? Gr(e) : e;
+  var t = $r(io(e)), r = ["absolute", "fixed"].indexOf(ht(e).position) >= 0, o = r && Ke(e) ? Gr(e) : e;
   return Ft(o) ? t.filter(function(i) {
     return Ft(i) && Us(i, o) && ut(i) !== "body";
   }) : [];
@@ -9364,26 +9364,26 @@ function Ks(e) {
       case tr:
         c[u] = c[u] - (t[d] / 2 - r[d] / 2);
         break;
-      case _r:
+      case Lr:
         c[u] = c[u] + (t[d] / 2 - r[d] / 2);
         break;
     }
   }
   return c;
 }
-function Lr(e, t) {
+function Br(e, t) {
   t === void 0 && (t = {});
-  var r = t, o = r.placement, i = o === void 0 ? e.placement : o, a = r.strategy, s = a === void 0 ? e.strategy : a, l = r.boundary, c = l === void 0 ? Mf : l, u = r.rootBoundary, d = u === void 0 ? Vs : u, f = r.elementContext, y = f === void 0 ? yr : f, m = r.altBoundary, h = m === void 0 ? !1 : m, p = r.padding, b = p === void 0 ? 0 : p, v = qs(typeof b != "number" ? b : Gs(b, qr)), S = y === yr ? Af : yr, C = e.rects.popper, x = e.elements[h ? S : y], T = fm(Ft(x) ? x : x.contextElement || Ot(e.elements.popper), c, d, s), O = nr(e.elements.reference), P = Ks({
+  var r = t, o = r.placement, i = o === void 0 ? e.placement : o, a = r.strategy, s = a === void 0 ? e.strategy : a, l = r.boundary, c = l === void 0 ? Mf : l, u = r.rootBoundary, d = u === void 0 ? Vs : u, f = r.elementContext, y = f === void 0 ? br : f, m = r.altBoundary, h = m === void 0 ? !1 : m, p = r.padding, b = p === void 0 ? 0 : p, v = qs(typeof b != "number" ? b : Gs(b, qr)), S = y === br ? Af : br, C = e.rects.popper, x = e.elements[h ? S : y], T = fm(Ft(x) ? x : x.contextElement || Ot(e.elements.popper), c, d, s), O = nr(e.elements.reference), P = Ks({
     reference: O,
     element: C,
     placement: i
-  }), I = zo(Object.assign({}, C, P)), j = y === yr ? I : O, D = {
+  }), I = zo(Object.assign({}, C, P)), j = y === br ? I : O, D = {
     top: T.top - j.top + v.top,
     bottom: j.bottom - T.bottom + v.bottom,
     left: T.left - j.left + v.left,
     right: j.right - T.right + v.right
   }, _ = e.modifiersData.offset;
-  if (y === yr && _) {
+  if (y === br && _) {
     var g = _[i];
     Object.keys(D).forEach(function(A) {
       var R = [Qe, Je].indexOf(A) >= 0 ? 1 : -1, M = [Fe, Je].indexOf(A) >= 0 ? "y" : "x";
@@ -9401,7 +9401,7 @@ function mm(e, t) {
   });
   y.length === 0 && (y = f);
   var m = y.reduce(function(h, p) {
-    return h[p] = Lr(e, {
+    return h[p] = Br(e, {
       placement: p,
       boundary: i,
       rootBoundary: a,
@@ -9431,7 +9431,7 @@ function gm(e) {
         allowedAutoPlacements: p
       }) : q);
     }, []), T = t.rects.reference, O = t.rects.popper, P = /* @__PURE__ */ new Map(), I = !0, j = x[0], D = 0; D < x.length; D++) {
-      var _ = x[D], g = ct(_), A = or(_) === tr, R = [Fe, Je].indexOf(g) >= 0, M = R ? "width" : "height", N = Lr(t, {
+      var _ = x[D], g = ct(_), A = or(_) === tr, R = [Fe, Je].indexOf(g) >= 0, M = R ? "width" : "height", N = Br(t, {
         placement: _,
         boundary: d,
         rootBoundary: f,
@@ -9493,9 +9493,9 @@ function Oa(e) {
   });
 }
 function bm(e) {
-  var t = e.state, r = e.name, o = t.rects.reference, i = t.rects.popper, a = t.modifiersData.preventOverflow, s = Lr(t, {
+  var t = e.state, r = e.name, o = t.rects.reference, i = t.rects.popper, a = t.modifiersData.preventOverflow, s = Br(t, {
     elementContext: "reference"
-  }), l = Lr(t, {
+  }), l = Br(t, {
     altBoundary: !0
   }), c = Ca(s, o), u = Ca(l, i, a), d = Oa(c), f = Oa(u);
   t.modifiersData[r] = {
@@ -9559,7 +9559,7 @@ function Om(e) {
   return e === "x" ? "y" : "x";
 }
 function Sm(e) {
-  var t = e.state, r = e.options, o = e.name, i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !1 : s, c = r.boundary, u = r.rootBoundary, d = r.altBoundary, f = r.padding, y = r.tether, m = y === void 0 ? !0 : y, h = r.tetherOffset, p = h === void 0 ? 0 : h, b = Lr(t, {
+  var t = e.state, r = e.options, o = e.name, i = r.mainAxis, a = i === void 0 ? !0 : i, s = r.altAxis, l = s === void 0 ? !1 : s, c = r.boundary, u = r.rootBoundary, d = r.altBoundary, f = r.padding, y = r.tether, m = y === void 0 ? !0 : y, h = r.tetherOffset, p = h === void 0 ? 0 : h, b = Br(t, {
     boundary: c,
     rootBoundary: u,
     padding: f,
@@ -9581,11 +9581,11 @@ function Sm(e) {
       var A, R = x === "y" ? Fe : Ve, M = x === "y" ? Je : Qe, N = x === "y" ? "height" : "width", F = O[x], Z = F + b[R], V = F - b[M], k = m ? -I[N] / 2 : 0, B = S === tr ? P[N] : I[N], U = S === tr ? -I[N] : -P[N], K = t.elements.arrow, z = m && K ? fi(K) : {
         width: 0,
         height: 0
-      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Hs(), G = q[R], X = q[M], H = kr(0, P[N], z[N]), ne = C ? P[N] / 2 - k - H - G - D.mainAxis : B - H - G - D.mainAxis, W = C ? -P[N] / 2 + k + H + X + D.mainAxis : U + H + X + D.mainAxis, Q = t.elements.arrow && Gr(t.elements.arrow), L = Q ? x === "y" ? Q.clientTop || 0 : Q.clientLeft || 0 : 0, ue = (A = _?.[x]) != null ? A : 0, ve = F + ne - ue - L, ee = F + W - ue, Ce = kr(m ? Nn(Z, ve) : Z, F, m ? jt(V, ee) : V);
+      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Hs(), G = q[R], X = q[M], H = Rr(0, P[N], z[N]), ne = C ? P[N] / 2 - k - H - G - D.mainAxis : B - H - G - D.mainAxis, W = C ? -P[N] / 2 + k + H + X + D.mainAxis : U + H + X + D.mainAxis, Q = t.elements.arrow && Gr(t.elements.arrow), L = Q ? x === "y" ? Q.clientTop || 0 : Q.clientLeft || 0 : 0, ue = (A = _?.[x]) != null ? A : 0, ve = F + ne - ue - L, ee = F + W - ue, Ce = Rr(m ? Nn(Z, ve) : Z, F, m ? jt(V, ee) : V);
       O[x] = Ce, g[x] = Ce - F;
     }
     if (l) {
-      var ge, xe = x === "x" ? Fe : Ve, Me = x === "x" ? Je : Qe, Ie = O[T], Re = T === "y" ? "height" : "width", te = Ie + b[xe], ur = Ie - b[Me], dr = [Fe, Ve].indexOf(v) !== -1, Kr = (ge = _?.[T]) != null ? ge : 0, Xr = dr ? te : Ie - P[Re] - I[Re] - Kr + D.altAxis, Vt = dr ? Ie + P[Re] + I[Re] - Kr - D.altAxis : ur, Jr = m && dr ? Xf(Xr, Ie, Vt) : kr(m ? Xr : te, Ie, m ? Vt : ur);
+      var ge, xe = x === "x" ? Fe : Ve, Me = x === "x" ? Je : Qe, Ie = O[T], Re = T === "y" ? "height" : "width", te = Ie + b[xe], dr = Ie - b[Me], pr = [Fe, Ve].indexOf(v) !== -1, Kr = (ge = _?.[T]) != null ? ge : 0, Xr = pr ? te : Ie - P[Re] - I[Re] - Kr + D.altAxis, Vt = pr ? Ie + P[Re] + I[Re] - Kr - D.altAxis : dr, Jr = m && pr ? Xf(Xr, Ie, Vt) : Rr(m ? Xr : te, Ie, m ? Vt : dr);
       O[T] = Jr, g[T] = Jr - Ie;
     }
     t.modifiersData[o] = g;
@@ -9710,8 +9710,8 @@ function Dm(e) {
       setOptions: function(v) {
         var S = typeof v == "function" ? v(d.options) : v;
         p(), d.options = Object.assign({}, a, d.options, S), d.scrollParents = {
-          reference: Ft(l) ? Rr(l) : l.contextElement ? Rr(l.contextElement) : [],
-          popper: Rr(c)
+          reference: Ft(l) ? $r(l) : l.contextElement ? $r(l.contextElement) : [],
+          popper: $r(c)
         };
         var C = Mm(jm([].concat(o, d.options.modifiers)));
         return d.orderedModifiers = C.filter(function(x) {
@@ -9816,7 +9816,7 @@ function Yr(e) {
 function Bm(e) {
   return typeof e == "function" ? e() : e;
 }
-const Br = /* @__PURE__ */ E.forwardRef(function(t, r) {
+const Fr = /* @__PURE__ */ E.forwardRef(function(t, r) {
   const {
     children: o,
     container: i,
@@ -9840,7 +9840,7 @@ const Br = /* @__PURE__ */ E.forwardRef(function(t, r) {
   }
   return s && /* @__PURE__ */ Nl.createPortal(o, s);
 });
-process.env.NODE_ENV !== "production" && (Br.propTypes = {
+process.env.NODE_ENV !== "production" && (Fr.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -9866,7 +9866,7 @@ process.env.NODE_ENV !== "production" && (Br.propTypes = {
    */
   disablePortal: n.bool
 });
-process.env.NODE_ENV !== "production" && (Br.propTypes = ms(Br.propTypes));
+process.env.NODE_ENV !== "production" && (Fr.propTypes = ms(Fr.propTypes));
 function Fm(e) {
   return he("MuiPopper", e);
 }
@@ -10027,7 +10027,7 @@ const zm = (e) => {
     onEnter: T,
     onExited: O
   } : void 0;
-  return /* @__PURE__ */ w(Br, {
+  return /* @__PURE__ */ w(Fr, {
     disablePortal: l,
     container: P,
     children: /* @__PURE__ */ w(Hm, {
@@ -10357,7 +10357,7 @@ process.env.NODE_ENV !== "production" && (bi.propTypes = {
    */
   transition: n.bool
 });
-const Gm = lr(/* @__PURE__ */ w("path", {
+const Gm = cr(/* @__PURE__ */ w("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 }), "Person");
 function Ym(e) {
@@ -10644,8 +10644,8 @@ function Qs(e, t, r, o, i) {
   const c = a.type;
   return typeof c == "function" && !eh(c) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${o} \`${s}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const cr = Ct(n.element, Qs);
-cr.isRequired = Ct(n.element.isRequired, Qs);
+const ur = Ct(n.element, Qs);
+ur.isRequired = Ct(n.element.isRequired, Qs);
 const th = {
   entering: {
     opacity: 1
@@ -10750,7 +10750,7 @@ process.env.NODE_ENV !== "production" && (Zs.propTypes = {
   /**
    * A single child content element.
    */
-  children: cr.isRequired,
+  children: ur.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -11083,7 +11083,7 @@ function sh(e) {
   const t = Xe(e);
   return t.body === e ? Bt(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function $r(e, t) {
+function Nr(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
 function ka(e) {
@@ -11097,7 +11097,7 @@ function Ra(e, t, r, o, i) {
   const a = [t, r, ...o];
   [].forEach.call(e.children, (s) => {
     const l = !a.includes(s), c = !lh(s);
-    l && c && $r(s, i);
+    l && c && Nr(s, i);
   });
 }
 function Eo(e, t) {
@@ -11168,7 +11168,7 @@ class dh {
     let o = this.modals.indexOf(t);
     if (o !== -1)
       return o;
-    o = this.modals.length, this.modals.push(t), t.modalRef && $r(t.modalRef, !1);
+    o = this.modals.length, this.modals.push(t), t.modalRef && Nr(t.modalRef, !1);
     const i = uh(r);
     Ra(r, t.mount, t.modalRef, i, !0);
     const a = Eo(this.containers, (s) => s.container === r);
@@ -11189,10 +11189,10 @@ class dh {
       return o;
     const i = Eo(this.containers, (s) => s.modals.includes(t)), a = this.containers[i];
     if (a.modals.splice(a.modals.indexOf(t), 1), this.modals.splice(o, 1), a.modals.length === 0)
-      a.restore && a.restore(), t.modalRef && $r(t.modalRef, r), Ra(a.container, t.mount, t.modalRef, a.hiddenSiblings, !1), this.containers.splice(i, 1);
+      a.restore && a.restore(), t.modalRef && Nr(t.modalRef, r), Ra(a.container, t.mount, t.modalRef, a.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
       const s = a.modals[a.modals.length - 1];
-      s.modalRef && $r(s.modalRef, !1);
+      s.modalRef && Nr(s.modalRef, !1);
     }
     return o;
   }
@@ -11200,7 +11200,7 @@ class dh {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-function Or(e) {
+function Sr(e) {
   let t = e.activeElement;
   for (; t?.shadowRoot?.activeElement != null; )
     t = t.shadowRoot.activeElement;
@@ -11250,7 +11250,7 @@ function Mn(e) {
   }, [r, l]), E.useEffect(() => {
     if (!l || !h.current)
       return;
-    const C = Xe(h.current), x = Or(C);
+    const C = Xe(h.current), x = Sr(C);
     return h.current.contains(x) || (h.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
 `)), h.current.setAttribute("tabIndex", "-1")), m.current && h.current.focus()), () => {
       i || (f.current && f.current.focus && (c.current = !0, f.current.focus()), f.current = null);
@@ -11258,13 +11258,13 @@ function Mn(e) {
   }, [l]), E.useEffect(() => {
     if (!l || !h.current)
       return;
-    const C = Xe(h.current), x = Or(C), T = (I) => {
+    const C = Xe(h.current), x = Sr(C), T = (I) => {
       b.current = I, !(o || !s() || I.key !== "Tab") && x === h.current && I.shiftKey && (c.current = !0, d.current && d.current.focus());
     }, O = () => {
       const I = h.current;
       if (I === null)
         return;
-      const j = Or(C);
+      const j = Sr(C);
       if (!C.hasFocus() || !s() || c.current) {
         c.current = !1;
         return;
@@ -11286,7 +11286,7 @@ function Mn(e) {
     };
     C.addEventListener("focusin", O), C.addEventListener("keydown", T, !0);
     const P = setInterval(() => {
-      const I = Or(C);
+      const I = Sr(C);
       I && I.tagName === "BODY" && O();
     }, 50);
     return () => {
@@ -11325,7 +11325,7 @@ process.env.NODE_ENV !== "production" && (Mn.propTypes = {
   /**
    * A single child content element.
    */
-  children: cr,
+  children: ur,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -11403,7 +11403,7 @@ function xh(e) {
     const M = bh(t) || C().body;
     sn.add(x(), M), m.current && T();
   }), P = () => sn.isTopModal(x()), I = bt((M) => {
-    y.current = M, M && (u && P() ? T() : m.current && $r(m.current, S));
+    y.current = M, M && (u && P() ? T() : m.current && Nr(m.current, S));
   }), j = E.useCallback(() => {
     sn.remove(x(), S);
   }, [S]);
@@ -11612,7 +11612,7 @@ const Th = (e) => {
     className: re(a?.className, K?.backdrop),
     ownerState: U
   });
-  return !T && !j && (!B || k) ? null : /* @__PURE__ */ w(Br, {
+  return !T && !j && (!B || k) ? null : /* @__PURE__ */ w(Fr, {
     ref: Z,
     container: d,
     disablePortal: v,
@@ -11656,7 +11656,7 @@ process.env.NODE_ENV !== "production" && (nl.propTypes = {
   /**
    * A single child content element.
    */
-  children: cr.isRequired,
+  children: ur.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -11986,7 +11986,7 @@ const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
       paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), Fr = /* @__PURE__ */ E.forwardRef(function(t, r) {
+}))), ir = /* @__PURE__ */ E.forwardRef(function(t, r) {
   const o = ye({
     props: t,
     name: "MuiDivider"
@@ -12028,8 +12028,8 @@ const Na = we("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
     }) : null
   });
 });
-Fr && (Fr.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (Fr.propTypes = {
+ir && (ir.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (ir.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -12340,7 +12340,7 @@ process.env.NODE_ENV !== "production" && (Vr.propTypes = {
   /**
    * A single child content element.
    */
-  children: cr.isRequired,
+  children: ur.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -12500,7 +12500,7 @@ process.env.NODE_ENV !== "production" && (ol.propTypes = {
    * Number of columns.
    * @default 2
    */
-  cols: Dr,
+  cols: _r,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
@@ -12662,7 +12662,7 @@ process.env.NODE_ENV !== "production" && (il.propTypes = {
    * Width of the item in number of grid columns.
    * @default 1
    */
-  cols: Dr,
+  cols: _r,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
@@ -12672,7 +12672,7 @@ process.env.NODE_ENV !== "production" && (il.propTypes = {
    * Height of the item in number of grid rows.
    * @default 1
    */
-  rows: Dr,
+  rows: _r,
   /**
    * @ignore
    */
@@ -13030,7 +13030,7 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
 function qh(e) {
   return he("MuiListItemButton", e);
 }
-const br = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), Gh = (e, t) => {
+const vr = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]), Gh = (e, t) => {
   const {
     ownerState: r
   } = e;
@@ -13081,23 +13081,23 @@ const br = we("MuiListItemButton", ["root", "focusVisible", "dense", "alignItems
       backgroundColor: "transparent"
     }
   },
-  [`&.${br.selected}`]: {
+  [`&.${vr.selected}`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-    [`&.${br.focusVisible}`]: {
+    [`&.${vr.focusVisible}`]: {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
     }
   },
-  [`&.${br.selected}:hover`]: {
+  [`&.${vr.selected}:hover`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
     }
   },
-  [`&.${br.focusVisible}`]: {
+  [`&.${vr.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${br.disabled}`]: {
+  [`&.${vr.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
   variants: [{
@@ -13544,7 +13544,7 @@ function ul(e, t) {
   let r = e.innerText;
   return r === void 0 && (r = e.textContent), r = r.trim().toLowerCase(), r.length === 0 ? !1 : t.repeating ? r[0] === t.keys[0] : r.startsWith(t.keys.join(""));
 }
-function vr(e, t, r, o, i, a) {
+function xr(e, t, r, o, i, a) {
   let s = !1, l = i(e, t, t ? r : !1);
   for (; l; ) {
     if (l === e.firstChild) {
@@ -13600,20 +13600,20 @@ const dl = /* @__PURE__ */ E.forwardRef(function(t, r) {
       d && d(C);
       return;
     }
-    const P = Or(Xe(x));
+    const P = Sr(Xe(x));
     if (T === "ArrowDown")
-      C.preventDefault(), vr(x, P, u, c, So);
+      C.preventDefault(), xr(x, P, u, c, So);
     else if (T === "ArrowUp")
-      C.preventDefault(), vr(x, P, u, c, Ma);
+      C.preventDefault(), xr(x, P, u, c, Ma);
     else if (T === "Home")
-      C.preventDefault(), vr(x, null, u, c, So);
+      C.preventDefault(), xr(x, null, u, c, So);
     else if (T === "End")
-      C.preventDefault(), vr(x, null, u, c, Ma);
+      C.preventDefault(), xr(x, null, u, c, Ma);
     else if (T.length === 1) {
       const I = h.current, j = T.toLowerCase(), D = performance.now();
       I.keys.length > 0 && (D - I.lastTime > 500 ? (I.keys = [], I.repeating = !0, I.previousKeyMatched = !0) : I.repeating && j !== I.keys[0] && (I.repeating = !1)), I.lastTime = D, I.keys.push(j);
       const _ = P && !I.repeating && ul(P, I);
-      I.previousKeyMatched && (_ || vr(x, P, !1, c, So, I)) ? C.preventDefault() : I.previousKeyMatched = !1;
+      I.previousKeyMatched && (_ || xr(x, P, !1, c, So, I)) ? C.preventDefault() : I.previousKeyMatched = !1;
     }
     d && d(C);
   }, b = _e(m, r);
@@ -13703,7 +13703,7 @@ function ja(e, t) {
 function Da(e) {
   return [e.horizontal, e.vertical].map((t) => typeof t == "number" ? `${t}px` : t).join(" ");
 }
-function Sr(e) {
+function Pr(e) {
   return typeof e == "function" ? e() : e;
 }
 const ng = (e) => {
@@ -13779,7 +13779,7 @@ const ng = (e) => {
   }, D = ng(j), _ = E.useCallback(() => {
     if (c === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
-    const W = Sr(a), Q = W && W.nodeType === 1 ? W : Xe(I.current).body, L = Q.getBoundingClientRect();
+    const W = Pr(a), Q = W && W.nodeType === 1 ? W : Xe(I.current).body, L = Q.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const ue = Q.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && ue.top === 0 && ue.left === 0 && ue.right === 0 && ue.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
@@ -13805,7 +13805,7 @@ const ng = (e) => {
       };
     const ue = _();
     let ve = ue.top - L.vertical, ee = ue.left - L.horizontal;
-    const Ce = ve + Q.height, ge = ee + Q.width, xe = Bt(Sr(a)), Me = xe.innerHeight - m, Ie = xe.innerWidth - m;
+    const Ce = ve + Q.height, ge = ee + Q.width, xe = Bt(Pr(a)), Me = xe.innerHeight - m, Ie = xe.innerWidth - m;
     if (m !== null && ve < m) {
       const Re = ve - m;
       ve -= Re, L.vertical += Re;
@@ -13850,7 +13850,7 @@ const ng = (e) => {
       return;
     const W = Rp(() => {
       N();
-    }), Q = Bt(Sr(a));
+    }), Q = Bt(Pr(a));
     return Q.addEventListener("resize", W), () => {
       W.clear(), Q.removeEventListener("resize", W);
     };
@@ -13885,7 +13885,7 @@ const ng = (e) => {
     }
   });
   x === "auto" && !B.muiSupportAuto && (V = void 0);
-  const K = f || (a ? Xe(Sr(a)).body : void 0), [z, {
+  const K = f || (a ? Xe(Pr(a)).body : void 0), [z, {
     slots: q,
     slotProps: G,
     ...X
@@ -13959,7 +13959,7 @@ process.env.NODE_ENV !== "production" && (fl.propTypes = {
    */
   anchorEl: Ct(n.oneOfType([mt, n.func]), (e) => {
     if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
-      const t = Sr(e.anchorEl);
+      const t = Pr(e.anchorEl);
       if (t && t.nodeType === 1) {
         const r = t.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && r.top === 0 && r.left === 0 && r.right === 0 && r.bottom === 0)
@@ -14050,7 +14050,7 @@ process.env.NODE_ENV !== "production" && (fl.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Dr,
+  elevation: _r,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -14414,7 +14414,7 @@ process.env.NODE_ENV !== "production" && (ml.propTypes = {
 function pg(e) {
   return he("MuiMenuItem", e);
 }
-const xr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), fg = (e, t) => {
+const wr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), fg = (e, t) => {
   const {
     ownerState: r
   } = e;
@@ -14461,23 +14461,23 @@ const xr = we("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
       backgroundColor: "transparent"
     }
   },
-  [`&.${xr.selected}`]: {
+  [`&.${wr.selected}`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-    [`&.${xr.focusVisible}`]: {
+    [`&.${wr.focusVisible}`]: {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
     }
   },
-  [`&.${xr.selected}:hover`]: {
+  [`&.${wr.selected}:hover`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
     }
   },
-  [`&.${xr.focusVisible}`]: {
+  [`&.${wr.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${xr.disabled}`]: {
+  [`&.${wr.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
   [`& + .${Na.root}`]: {
@@ -14924,7 +14924,7 @@ const bg = (e) => {
 })));
 let ln = !1;
 const _a = new ro();
-let wr = {
+let Tr = {
   x: 0,
   y: 0
 };
@@ -15014,12 +15014,12 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
     kn(oe.target) || (Ie(!1), Me(oe));
   }, te = (oe) => {
     k || B(oe.currentTarget), kn(oe.target) && (Ie(!0), xe(oe));
-  }, ur = (oe) => {
+  }, dr = (oe) => {
     z.current = !0;
     const yt = F.props;
     yt.onTouchStart && yt.onTouchStart(oe);
-  }, dr = (oe) => {
-    ur(oe), H.clear(), G.clear(), ee(), ve.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", ne.start(b, () => {
+  }, pr = (oe) => {
+    dr(oe), H.clear(), G.clear(), ee(), ve.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", ne.start(b, () => {
       document.body.style.WebkitUserSelect = ve.current, xe(oe);
     });
   }, Kr = (oe) => {
@@ -15041,18 +15041,18 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
   !A && A !== 0 && (L = !1);
   const Vt = E.useRef(), Jr = (oe) => {
     const yt = F.props;
-    yt.onMouseMove && yt.onMouseMove(oe), wr = {
+    yt.onMouseMove && yt.onMouseMove(oe), Tr = {
       x: oe.clientX,
       y: oe.clientY
     }, Vt.current && Vt.current.update();
-  }, pr = {}, lo = typeof A == "string";
-  u ? (pr.title = !L && lo && !f ? A : null, pr["aria-describedby"] = L ? ue : null) : (pr["aria-label"] = lo ? A : null, pr["aria-labelledby"] = L && !lo ? ue : null);
+  }, fr = {}, lo = typeof A == "string";
+  u ? (fr.title = !L && lo && !f ? A : null, fr["aria-describedby"] = L ? ue : null) : (fr["aria-label"] = lo ? A : null, fr["aria-labelledby"] = L && !lo ? ue : null);
   const qe = {
-    ...pr,
+    ...fr,
     ...N,
     ...F.props,
     className: re(N.className, F.props.className),
-    onTouchStart: ur,
+    onTouchStart: dr,
     ref: Xr,
     ...v ? {
       onMouseMove: Jr
@@ -15062,8 +15062,8 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
     k && !k.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `));
   }, [k]));
-  const fr = {};
-  m || (qe.onTouchStart = dr, qe.onTouchEnd = Kr), f || (qe.onMouseOver = cn(xe, qe.onMouseOver), qe.onMouseLeave = cn(Me, qe.onMouseLeave), q || (fr.onMouseOver = xe, fr.onMouseLeave = Me)), d || (qe.onFocus = cn(te, qe.onFocus), qe.onBlur = cn(Re, qe.onBlur), q || (fr.onFocus = te, fr.onBlur = Re)), process.env.NODE_ENV !== "production" && F.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${F.props.title}\` or the Tooltip component.`].join(`
+  const mr = {};
+  m || (qe.onTouchStart = pr, qe.onTouchEnd = Kr), f || (qe.onMouseOver = cn(xe, qe.onMouseOver), qe.onMouseLeave = cn(Me, qe.onMouseLeave), q || (mr.onMouseOver = xe, mr.onMouseLeave = Me)), d || (qe.onFocus = cn(te, qe.onFocus), qe.onBlur = cn(Re, qe.onBlur), q || (mr.onFocus = te, mr.onBlur = Re)), process.env.NODE_ENV !== "production" && F.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${F.props.title}\` or the Tooltip component.`].join(`
 `));
   const St = {
     ...o,
@@ -15073,7 +15073,7 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
     placement: I,
     PopperComponentProp: j,
     touch: z.current
-  }, mr = typeof _.popper == "function" ? _.popper(St) : _.popper, bl = E.useMemo(() => {
+  }, hr = typeof _.popper == "function" ? _.popper(St) : _.popper, bl = E.useMemo(() => {
     let oe = [{
       name: "arrow",
       enabled: !!U,
@@ -15082,12 +15082,12 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
         padding: 4
       }
     }];
-    return D.popperOptions?.modifiers && (oe = oe.concat(D.popperOptions.modifiers)), mr?.popperOptions?.modifiers && (oe = oe.concat(mr.popperOptions.modifiers)), {
+    return D.popperOptions?.modifiers && (oe = oe.concat(D.popperOptions.modifiers)), hr?.popperOptions?.modifiers && (oe = oe.concat(hr.popperOptions.modifiers)), {
       ...D.popperOptions,
-      ...mr?.popperOptions,
+      ...hr?.popperOptions,
       modifiers: oe
     };
-  }, [U, D.popperOptions, mr?.popperOptions]), co = bg(St), vl = typeof _.transition == "function" ? _.transition(St) : _.transition, Qr = {
+  }, [U, D.popperOptions, hr?.popperOptions]), co = bg(St), vl = typeof _.transition == "function" ? _.transition(St) : _.transition, Qr = {
     slots: {
       popper: l.Popper,
       transition: l.Transition ?? R,
@@ -15099,7 +15099,7 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
       arrow: _.arrow ?? c.arrow,
       popper: {
         ...D,
-        ...mr ?? c.popper
+        ...hr ?? c.popper
       },
       // resolvedPopperProps can be spread because it's already an object
       tooltip: _.tooltip ?? c.tooltip,
@@ -15135,10 +15135,10 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
       placement: I,
       anchorEl: v ? {
         getBoundingClientRect: () => ({
-          top: wr.y,
-          left: wr.x,
-          right: wr.x,
-          bottom: wr.y,
+          top: Tr.y,
+          left: Tr.x,
+          right: Tr.x,
+          bottom: Tr.y,
           width: 0,
           height: 0
         })
@@ -15147,7 +15147,7 @@ const wi = /* @__PURE__ */ E.forwardRef(function(t, r) {
       open: k ? L : !1,
       id: ue,
       transition: !0,
-      ...fr,
+      ...mr,
       ...wl,
       popperOptions: bl,
       children: ({
@@ -15179,7 +15179,7 @@ process.env.NODE_ENV !== "production" && (wi.propTypes = {
   /**
    * Tooltip reference element.
    */
-  children: cr.isRequired,
+  children: ur.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -15407,15 +15407,15 @@ process.env.NODE_ENV !== "production" && (gl.propTypes = {
    */
   useFlexGap: n.bool
 });
-const Tg = lr(/* @__PURE__ */ w("path", {
+const Tg = cr(/* @__PURE__ */ w("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore"), Eg = lr(/* @__PURE__ */ w("path", {
+}), "ExpandMore"), Eg = cr(/* @__PURE__ */ w("path", {
   d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
-}), "ExpandLess"), Cg = lr(/* @__PURE__ */ w("path", {
+}), "ExpandLess"), Cg = cr(/* @__PURE__ */ w("path", {
   d: "M3 18h13v-2H3zm0-5h10v-2H3zm0-7v2h13V6zm18 9.59L17.42 12 21 8.41 19.59 7l-5 5 5 5z"
-}), "MenuOpen"), La = lr(/* @__PURE__ */ w("path", {
+}), "MenuOpen"), La = cr(/* @__PURE__ */ w("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
-}), "Menu"), Og = lr(/* @__PURE__ */ w("path", {
+}), "Menu"), Og = cr(/* @__PURE__ */ w("path", {
   d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
 }), "Logout"), Ba = J("aside", {
   shouldForwardProp: (e) => e !== "collapsed" && e !== "width"
@@ -15670,9 +15670,9 @@ const Tg = lr(/* @__PURE__ */ w("path", {
 }) => {
   gt();
   const [y, m] = Mt(!1), [h, p] = Mt(i), [b, v] = Mt([]);
-  Nr(() => {
+  Ir(() => {
     p(i);
-  }, [i]), Nr(() => {
+  }, [i]), Ir(() => {
     const P = (j) => {
       let D = [];
       return j.forEach((_) => {
@@ -15701,7 +15701,7 @@ const Tg = lr(/* @__PURE__ */ w("path", {
       !y && /* @__PURE__ */ w(gn, { onClick: S, size: "small", children: h ? /* @__PURE__ */ w(La, {}) : /* @__PURE__ */ w(Cg, {}) })
     ] }),
     d && /* @__PURE__ */ w(De, { sx: { px: 2, pb: 2 }, children: d }),
-    /* @__PURE__ */ w(Pg, { children: /* @__PURE__ */ w(so, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((P) => P.tipo === "divisor" ? null : P.tipo === "seccion" ? h && !y ? /* @__PURE__ */ w(Fr, { sx: { my: 1, opacity: 0.4 } }, P.id) : /* @__PURE__ */ w(
+    /* @__PURE__ */ w(Pg, { children: /* @__PURE__ */ w(so, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((P) => P.tipo === "divisor" ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.6 } }, P.id) : P.tipo === "seccion" ? h && !y ? /* @__PURE__ */ w(ir, { sx: { my: 1, opacity: 0.4 } }, P.id) : /* @__PURE__ */ w(
       st,
       {
         variant: "caption",
@@ -16060,7 +16060,7 @@ const Ho = (e) => {
   let f = Lg(r), y = Bg(o);
   a && (f = "center", y = "center"), s && (y = "space-between");
   let m = null;
-  return i === !0 ? m = /* @__PURE__ */ w(Fr, { flexItem: !0 }) : i && (m = i), /* @__PURE__ */ w(
+  return i === !0 ? m = /* @__PURE__ */ w(ir, { flexItem: !0 }) : i && (m = i), /* @__PURE__ */ w(
     gl,
     {
       ref: d,

package/lib/barra-lateral/barra-lateral.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { CodeplexInfoUsuario } from '../cabecera/cabecera';
 export interface CodeplexElementoMenuLateral {
     id: string;
-    etiqueta: React.ReactNode;
+    etiqueta?: React.ReactNode;
     icono?: React.ReactNode;
     href?: string;
     activo?: boolean;

package/package.json

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