componentes-exagono 0.2.32 → 0.2.33

package/dist/index.es.js

@@ -3676,7 +3676,7 @@ function Pr(e, t) {
     transform: t
   });
 }
-const Qy = Pr("border", Tr), Xy = Pr("borderTop", Tr), Jy = Pr("borderRight", Tr), e2 = Pr("borderBottom", Tr), t2 = Pr("borderLeft", Tr), r2 = Pr("borderColor"), n2 = Pr("borderTopColor"), o2 = Pr("borderRightColor"), s2 = Pr("borderBottomColor"), i2 = Pr("borderLeftColor"), a2 = Pr("outline", Tr), c2 = Pr("outlineColor"), ja = (e) => {
+const Qy = Pr("border", Tr), Xy = Pr("borderTop", Tr), Jy = Pr("borderRight", Tr), eb = Pr("borderBottom", Tr), tb = Pr("borderLeft", Tr), rb = Pr("borderColor"), nb = Pr("borderTopColor"), ob = Pr("borderRightColor"), sb = Pr("borderBottomColor"), ib = Pr("borderLeftColor"), ab = Pr("outline", Tr), cb = Pr("outlineColor"), ja = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = Js(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: ei(t, n)
@@ -3689,7 +3689,7 @@ ja.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Fn
 } : {};
 ja.filterProps = ["borderRadius"];
-Oa(Qy, Xy, Jy, e2, t2, r2, n2, o2, s2, i2, ja, a2, c2);
+Oa(Qy, Xy, Jy, eb, tb, rb, nb, ob, sb, ib, ja, ab, cb);
 const Na = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = Js(e.theme, "spacing", 8, "gap"), r = (n) => ({
@@ -3729,48 +3729,48 @@ Fa.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: Fn
 } : {};
 Fa.filterProps = ["rowGap"];
-const l2 = Wt({
+const lb = Wt({
   prop: "gridColumn"
-}), u2 = Wt({
+}), ub = Wt({
   prop: "gridRow"
-}), d2 = Wt({
+}), db = Wt({
   prop: "gridAutoFlow"
-}), f2 = Wt({
+}), fb = Wt({
   prop: "gridAutoColumns"
-}), p2 = Wt({
+}), pb = Wt({
   prop: "gridAutoRows"
-}), h2 = Wt({
+}), hb = Wt({
   prop: "gridTemplateColumns"
-}), m2 = Wt({
+}), mb = Wt({
   prop: "gridTemplateRows"
-}), g2 = Wt({
+}), gb = Wt({
   prop: "gridTemplateAreas"
-}), v2 = Wt({
+}), vb = Wt({
   prop: "gridArea"
 });
-Oa(Na, $a, Fa, l2, u2, d2, f2, p2, h2, m2, g2, v2);
+Oa(Na, $a, Fa, lb, ub, db, fb, pb, hb, mb, gb, vb);
 function xo(e, t) {
   return t === "grey" ? t : e;
 }
-const y2 = Wt({
+const yb = Wt({
   prop: "color",
   themeKey: "palette",
   transform: xo
-}), b2 = Wt({
+}), bb = Wt({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: xo
-}), _2 = Wt({
+}), _b = Wt({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: xo
 });
-Oa(y2, b2, _2);
+Oa(yb, bb, _b);
 function xr(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const x2 = Wt({
+const xb = Wt({
   prop: "width",
   transform: xr
 }), Ul = (e) => {
@@ -3791,16 +3791,16 @@ const x2 = Wt({
   return null;
 };
 Ul.filterProps = ["maxWidth"];
-const w2 = Wt({
+const wb = Wt({
   prop: "minWidth",
   transform: xr
-}), S2 = Wt({
+}), Sb = Wt({
   prop: "height",
   transform: xr
-}), C2 = Wt({
+}), Cb = Wt({
   prop: "maxHeight",
   transform: xr
-}), E2 = Wt({
+}), Eb = Wt({
   prop: "minHeight",
   transform: xr
 });
@@ -3814,10 +3814,10 @@ Wt({
   cssProperty: "height",
   transform: xr
 });
-const k2 = Wt({
+const kb = Wt({
   prop: "boxSizing"
 });
-Oa(x2, Ul, w2, S2, C2, E2, k2);
+Oa(xb, Ul, wb, Sb, Cb, Eb, kb);
 const ti = {
   // borders
   border: {
@@ -4103,11 +4103,11 @@ const ti = {
     themeKey: "typography"
   }
 };
-function D2(...e) {
+function Db(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function A2(e, t) {
+function Ab(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Uh() {
@@ -4161,7 +4161,7 @@ function Uh() {
       const f = Wy(s.breakpoints), h = Object.keys(f);
       let g = f;
       return Object.keys(d).forEach((m) => {
-        const p = A2(d[m], s);
+        const p = Ab(d[m], s);
         if (p != null)
           if (typeof p == "object")
             if (a[m])
@@ -4172,7 +4172,7 @@ function Uh() {
               }, p, (b) => ({
                 [m]: b
               }));
-              D2(v, p) ? g[m] = t({
+              Db(v, p) ? g[m] = t({
                 sx: p,
                 theme: s,
                 nested: !0
@@ -4196,14 +4196,14 @@ function Vh(e, t) {
     [r.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
   } : r.palette.mode === e ? t : {};
 }
-const T2 = ["breakpoints", "palette", "spacing", "shape"];
+const Tb = ["breakpoints", "palette", "spacing", "shape"];
 function Hh(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: s = {}
-  } = e, i = $n(e, T2), a = zh(r), c = Ky(o);
+  } = e, i = $n(e, Tb), a = zh(r), c = Ky(o);
   let l = nn({
     breakpoints: a,
     direction: "ltr",
@@ -4222,12 +4222,12 @@ function Hh(e = {}, ...t) {
     });
   }, l;
 }
-const R2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rb = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Hh,
   private_createBreakpoints: zh,
   unstable_applyStyles: Vh
-}, Symbol.toStringTag, { value: "Module" })), I2 = /* @__PURE__ */ xn(R2), P2 = ["sx"], M2 = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), Ib = /* @__PURE__ */ xn(Rb), Pb = ["sx"], Mb = (e) => {
   var t, r;
   const n = {
     systemProps: {},
@@ -4237,13 +4237,13 @@ const R2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     o[s] ? n.systemProps[s] = e[s] : n.otherProps[s] = e[s];
   }), n;
 };
-function O2(e) {
+function Ob(e) {
   const {
     sx: t
-  } = e, r = $n(e, P2), {
+  } = e, r = $n(e, Pb), {
     systemProps: n,
     otherProps: o
-  } = M2(r);
+  } = Mb(r);
   let s;
   return Array.isArray(t) ? s = [n, ...t] : typeof t == "function" ? s = (...i) => {
     const a = t(...i);
@@ -4252,22 +4252,22 @@ function O2(e) {
     sx: s
   });
 }
-const j2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const jb = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: La,
-  extendSxProp: O2,
+  extendSxProp: Ob,
   unstable_createStyleFunctionSx: Uh,
   unstable_defaultSxConfig: ti
-}, Symbol.toStringTag, { value: "Module" })), N2 = /* @__PURE__ */ xn(j2);
+}, Symbol.toStringTag, { value: "Module" })), Nb = /* @__PURE__ */ xn(jb);
 var _d;
-function $2() {
+function $b() {
   if (_d) return Un;
   _d = 1;
   var e = ft();
   Object.defineProperty(Un, "__esModule", {
     value: !0
   }), Un.default = S, Un.shouldForwardProp = v, Un.systemDefaultTheme = void 0;
-  var t = e(Av()), r = e(Tv()), n = g(jy), o = Ny, s = e($y), i = e(Fy), a = e(I2), c = e(N2);
+  var t = e(Av()), r = e(Tv()), n = g(jy), o = Ny, s = e($y), i = e(Fy), a = e(Ib), c = e(Nb);
   const l = ["ownerState"], d = ["variants"], f = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
   function h(E) {
     if (typeof WeakMap != "function") return null;
@@ -4435,9 +4435,9 @@ function $2() {
   }
   return Un;
 }
-var F2 = /* @__PURE__ */ $2();
-const L2 = /* @__PURE__ */ dt(F2);
-function z2(e, t) {
+var Fb = /* @__PURE__ */ $b();
+const Lb = /* @__PURE__ */ dt(Fb);
+function zb(e, t) {
   return ct({
     toolbar: {
       minHeight: 56,
@@ -4453,16 +4453,16 @@ function z2(e, t) {
   }, t);
 }
 var Rt = {};
-const B2 = /* @__PURE__ */ xn(Vg), W2 = /* @__PURE__ */ xn(Sv);
+const Bb = /* @__PURE__ */ xn(Vg), Wb = /* @__PURE__ */ xn(Sv);
 var xd;
-function U2() {
+function Ub() {
   if (xd) return Rt;
   xd = 1;
   var e = ft();
   Object.defineProperty(Rt, "__esModule", {
     value: !0
   }), Rt.alpha = m, Rt.blend = B, Rt.colorChannel = void 0, Rt.darken = v, Rt.decomposeColor = i, Rt.emphasize = _, Rt.getContrastRatio = g, Rt.getLuminance = h, Rt.hexToRgb = o, Rt.hslToRgb = f, Rt.lighten = x, Rt.private_safeAlpha = p, Rt.private_safeColorChannel = void 0, Rt.private_safeDarken = b, Rt.private_safeEmphasize = y, Rt.private_safeLighten = w, Rt.recomposeColor = l, Rt.rgbToHex = d;
-  var t = e(B2), r = e(W2);
+  var t = e(Bb), r = e(Wb);
   function n(S, E = 0, T = 1) {
     return process.env.NODE_ENV !== "production" && (S < E || S > T) && console.error(`MUI: The value provided ${S} is out of range [${E}, ${T}].`), (0, r.default)(S, E, T);
   }
@@ -4612,11 +4612,11 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   }
   return Rt;
 }
-var oa = /* @__PURE__ */ U2();
+var oa = /* @__PURE__ */ Ub();
 const Bs = {
   black: "#000",
   white: "#fff"
-}, V2 = {
+}, Vb = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -4669,7 +4669,7 @@ const Bs = {
   700: "#388e3c",
   800: "#2e7d32",
   900: "#1b5e20"
-}, H2 = ["mode", "contrastThreshold", "tonalOffset"], wd = {
+}, Hb = ["mode", "contrastThreshold", "tonalOffset"], wd = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -4736,7 +4736,7 @@ function Sd(e, t, r, n) {
   const o = n.light || n, s = n.dark || n * 1.5;
   e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = oa.lighten(e.main, o) : t === "dark" && (e.dark = oa.darken(e.main, s)));
 }
-function Y2(e = "light") {
+function Yb(e = "light") {
   return e === "dark" ? {
     main: uo[200],
     light: uo[50],
@@ -4747,7 +4747,7 @@ function Y2(e = "light") {
     dark: uo[800]
   };
 }
-function q2(e = "light") {
+function qb(e = "light") {
   return e === "dark" ? {
     main: co[200],
     light: co[50],
@@ -4758,7 +4758,7 @@ function q2(e = "light") {
     dark: co[700]
   };
 }
-function Z2(e = "light") {
+function Zb(e = "light") {
   return e === "dark" ? {
     main: lo[500],
     light: lo[300],
@@ -4769,7 +4769,7 @@ function Z2(e = "light") {
     dark: lo[800]
   };
 }
-function G2(e = "light") {
+function Gb(e = "light") {
   return e === "dark" ? {
     main: fo[400],
     light: fo[300],
@@ -4780,7 +4780,7 @@ function G2(e = "light") {
     dark: fo[900]
   };
 }
-function K2(e = "light") {
+function Kb(e = "light") {
   return e === "dark" ? {
     main: po[400],
     light: po[300],
@@ -4791,7 +4791,7 @@ function K2(e = "light") {
     dark: po[900]
   };
 }
-function Q2(e = "light") {
+function Qb(e = "light") {
   return e === "dark" ? {
     main: Zo[400],
     light: Zo[300],
@@ -4803,12 +4803,12 @@ function Q2(e = "light") {
     dark: Zo[900]
   };
 }
-function X2(e) {
+function Xb(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2
-  } = e, o = $n(e, H2), s = e.primary || Y2(t), i = e.secondary || q2(t), a = e.error || Z2(t), c = e.info || G2(t), l = e.success || K2(t), d = e.warning || Q2(t);
+  } = e, o = $n(e, Hb), s = e.primary || Yb(t), i = e.secondary || qb(t), a = e.error || Zb(t), c = e.info || Gb(t), l = e.success || Kb(t), d = e.warning || Qb(t);
   function f(p) {
     const v = oa.getContrastRatio(p, kc.text.primary) >= r ? kc.text.primary : wd.text.primary;
     if (process.env.NODE_ENV !== "production") {
@@ -4888,7 +4888,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: V2,
+    grey: Vb,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
@@ -4902,14 +4902,14 @@ const theme2 = createTheme({ palette: {
     tonalOffset: n
   }, g[t]), o);
 }
-const J2 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function eb(e) {
+const Jb = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function e2(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const Cd = {
   textTransform: "uppercase"
 }, Ed = '"Roboto", "Helvetica", "Arial", sans-serif';
-function tb(e, t) {
+function t2(e, t) {
   const r = typeof t == "function" ? t(e) : t, {
     fontFamily: n = Ed,
     // The default font size of the Material Specification.
@@ -4925,7 +4925,7 @@ function tb(e, t) {
     // Apply the CSS properties to all the variants.
     allVariants: d,
     pxToRem: f
-  } = r, h = $n(r, J2);
+  } = r, h = $n(r, Jb);
   process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
   const g = o / 14, m = f || ((b) => `${b / l * g}rem`), p = (b, x, w, _, y) => ct({
     fontFamily: n,
@@ -4934,7 +4934,7 @@ function tb(e, t) {
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: w
   }, n === Ed ? {
-    letterSpacing: `${eb(_ / x)}em`
+    letterSpacing: `${e2(_ / x)}em`
   } : {}, y, d), v = {
     h1: p(s, 96, 1.167, -1.5),
     h2: p(s, 60, 1.2, -0.5),
@@ -4972,11 +4972,11 @@ function tb(e, t) {
     // No need to clone deep
   });
 }
-const rb = 0.2, nb = 0.14, ob = 0.12;
+const r2 = 0.2, n2 = 0.14, o2 = 0.12;
 function kt(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${rb})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${nb})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ob})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${r2})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${n2})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${o2})`].join(",");
 }
-const sb = ["none", kt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), kt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), kt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), kt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), kt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), kt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), kt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), kt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), kt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), kt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), kt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), kt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), kt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), kt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), kt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), kt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), kt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), kt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), kt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), kt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), kt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), kt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), kt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), kt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], ib = ["duration", "easing", "delay"], ab = {
+const s2 = ["none", kt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), kt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), kt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), kt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), kt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), kt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), kt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), kt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), kt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), kt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), kt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), kt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), kt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), kt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), kt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), kt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), kt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), kt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), kt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), kt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), kt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), kt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), kt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), kt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], i2 = ["duration", "easing", "delay"], a2 = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -4986,7 +4986,7 @@ const sb = ["none", kt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), kt(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, cb = {
+}, c2 = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -5002,22 +5002,22 @@ const sb = ["none", kt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), kt(0, 3, 1, -2, 0,
 function kd(e) {
   return `${Math.round(e)}ms`;
 }
-function lb(e) {
+function l2(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
 }
-function ub(e) {
-  const t = ct({}, ab, e.easing), r = ct({}, cb, e.duration);
+function u2(e) {
+  const t = ct({}, a2, e.easing), r = ct({}, c2, e.duration);
   return ct({
-    getAutoHeightDuration: lb,
+    getAutoHeightDuration: l2,
     create: (o = ["all"], s = {}) => {
       const {
         duration: i = r.standard,
         easing: a = t.easeInOut,
         delay: c = 0
-      } = s, l = $n(s, ib);
+      } = s, l = $n(s, i2);
       if (process.env.NODE_ENV !== "production") {
         const d = (h) => typeof h == "string", f = (h) => !isNaN(parseFloat(h));
         !d(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !f(i) && !d(i) && console.error(`MUI: Argument "duration" must be a number or a string but found ${i}.`), d(a) || console.error('MUI: Argument "easing" must be a string.'), !f(c) && !d(c) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
@@ -5030,7 +5030,7 @@ function ub(e) {
     duration: r
   });
 }
-const db = {
+const d2 = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -5039,27 +5039,27 @@ const db = {
   modal: 1300,
   snackbar: 1400,
   tooltip: 1500
-}, fb = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function pb(e = {}, ...t) {
+}, f2 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function p2(e = {}, ...t) {
   const {
     mixins: r = {},
     palette: n = {},
     transitions: o = {},
     typography: s = {}
-  } = e, i = $n(e, fb);
+  } = e, i = $n(e, f2);
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateCssVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : $s(18));
-  const a = X2(n), c = Hh(e);
+  const a = Xb(n), c = Hh(e);
   let l = nn(c, {
-    mixins: z2(c.breakpoints, r),
+    mixins: zb(c.breakpoints, r),
     palette: a,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: sb.slice(),
-    typography: tb(a, s),
-    transitions: ub(o),
-    zIndex: ct({}, db)
+    shadows: s2.slice(),
+    typography: t2(a, s),
+    transitions: u2(o),
+    zIndex: ct({}, d2)
   });
   if (l = nn(l, i), l = t.reduce((d, f) => nn(d, f), l), process.env.NODE_ENV !== "production") {
     const d = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], f = (h, g) => {
@@ -5092,20 +5092,20 @@ function pb(e = {}, ...t) {
     });
   }, l;
 }
-const hb = pb(), mb = "$$material";
-function gb(e) {
+const h2 = p2(), m2 = "$$material";
+function g2(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const vb = (e) => gb(e) && e !== "classes", yb = L2({
-  themeId: mb,
-  defaultTheme: hb,
-  rootShouldForwardProp: vb
+const v2 = (e) => g2(e) && e !== "classes", y2 = Lb({
+  themeId: m2,
+  defaultTheme: h2,
+  rootShouldForwardProp: v2
 });
-function bb(e) {
+function b2(e) {
   return Ol("MuiSvgIcon", e);
 }
 xv("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const _b = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], xb = (e) => {
+const _2 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], x2 = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -5113,8 +5113,8 @@ const _b = ["children", "className", "color", "component", "fontSize", "htmlColo
   } = e, o = {
     root: ["root", t !== "inherit" && `color${jn(t)}`, `fontSize${jn(r)}`]
   };
-  return yv(o, bb, n);
-}, wb = yb("svg", {
+  return yv(o, b2, n);
+}, w2 = y2("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -5167,7 +5167,7 @@ const _b = ["children", "className", "color", "component", "fontSize", "htmlColo
     inheritViewBox: d = !1,
     titleAccess: f,
     viewBox: h = "0 0 24 24"
-  } = n, g = $n(n, _b), m = /* @__PURE__ */ G.isValidElement(o) && o.type === "svg", p = ct({}, n, {
+  } = n, g = $n(n, _2), m = /* @__PURE__ */ G.isValidElement(o) && o.type === "svg", p = ct({}, n, {
     color: i,
     component: a,
     fontSize: c,
@@ -5177,8 +5177,8 @@ const _b = ["children", "className", "color", "component", "fontSize", "htmlColo
     hasSvgAsChild: m
   }), v = {};
   d || (v.viewBox = h);
-  const b = xb(p);
-  return /* @__PURE__ */ u.jsxs(wb, ct({
+  const b = x2(p);
+  return /* @__PURE__ */ u.jsxs(w2, ct({
     as: a,
     className: Xt(b.root, s),
     focusable: "false",
@@ -5266,7 +5266,7 @@ process.env.NODE_ENV !== "production" && (sa.propTypes = {
   viewBox: ze.string
 });
 sa.muiName = "SvgIcon";
-function Sb(e, t) {
+function S2(e, t) {
   function r(n, o) {
     return /* @__PURE__ */ u.jsx(sa, ct({
       "data-testid": `${t}Icon`,
@@ -5277,16 +5277,16 @@ function Sb(e, t) {
   }
   return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = sa.muiName, /* @__PURE__ */ G.memo(/* @__PURE__ */ G.forwardRef(r));
 }
-const Cb = {
+const C2 = {
   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(`
 `)), xh.configure(e);
   }
-}, Eb = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, E2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: jn,
   createChainedFunction: Xg,
-  createSvgIcon: Sb,
+  createSvgIcon: S2,
   debounce: Jg,
   deprecatedPropType: ev,
   isMuiElement: tv,
@@ -5294,7 +5294,7 @@ const Cb = {
   ownerWindow: rv,
   requirePropFactory: nv,
   setRef: bh,
-  unstable_ClassNameGenerator: Cb,
+  unstable_ClassNameGenerator: C2,
   unstable_useEnhancedEffect: _h,
   unstable_useId: sv,
   unsupportedProp: iv,
@@ -5302,7 +5302,7 @@ const Cb = {
   useEventCallback: cv,
   useForkRef: lv,
   useIsFocusVisible: vv
-}, Symbol.toStringTag, { value: "Module" })), kb = /* @__PURE__ */ xn(Eb);
+}, Symbol.toStringTag, { value: "Module" })), k2 = /* @__PURE__ */ xn(E2);
 var Dd;
 function bt() {
   return Dd || (Dd = 1, (function(e) {
@@ -5315,11 +5315,11 @@ function bt() {
         return t.createSvgIcon;
       }
     });
-    var t = kb;
+    var t = k2;
   })(pc)), pc;
 }
 var Ad;
-function Db() {
+function D2() {
   if (Ad) return Yo;
   Ad = 1;
   var e = ft();
@@ -5331,10 +5331,10 @@ function Db() {
     d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
   }), "Menu"), Yo;
 }
-var Ab = /* @__PURE__ */ Db();
-const Tb = /* @__PURE__ */ dt(Ab);
+var A2 = /* @__PURE__ */ D2();
+const T2 = /* @__PURE__ */ dt(A2);
 var Go = {}, Td;
-function Rb() {
+function R2() {
   if (Td) return Go;
   Td = 1;
   var e = ft();
@@ -5346,10 +5346,10 @@ function Rb() {
     d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
   }), "ChevronLeft"), Go;
 }
-var Ib = /* @__PURE__ */ Rb();
-const Pb = /* @__PURE__ */ dt(Ib);
+var I2 = /* @__PURE__ */ R2();
+const P2 = /* @__PURE__ */ dt(I2);
 var Ko = {}, Rd;
-function Mb() {
+function M2() {
   if (Rd) return Ko;
   Rd = 1;
   var e = ft();
@@ -5361,8 +5361,8 @@ function Mb() {
     d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
   }), "ChevronRight"), Ko;
 }
-var Ob = /* @__PURE__ */ Mb();
-const jb = /* @__PURE__ */ dt(Ob), Nb = ({ header: e, sidebar: t, mainContent: r }) => {
+var O2 = /* @__PURE__ */ M2();
+const j2 = /* @__PURE__ */ dt(O2), N2 = ({ header: e, sidebar: t, mainContent: r }) => {
   const [n, o] = me(!1), [s, i] = me(!1), a = () => {
     o(!n);
   }, c = () => {
@@ -5370,23 +5370,23 @@ const jb = /* @__PURE__ */ dt(Ob), Nb = ({ header: e, sidebar: t, mainContent: r
   };
   return /* @__PURE__ */ u.jsxs("div", { className: `${Nr.dashboardContainer} ${s ? Nr.sidebarCollapsed : ""}`, children: [
     /* @__PURE__ */ u.jsxs("header", { className: Nr.header, children: [
-      /* @__PURE__ */ u.jsx(Kt, { onClick: a, className: Nr.menuButton, children: /* @__PURE__ */ u.jsx(Tb, {}) }),
+      /* @__PURE__ */ u.jsx(Kt, { onClick: a, className: Nr.menuButton, children: /* @__PURE__ */ u.jsx(T2, {}) }),
       /* @__PURE__ */ u.jsx("div", { className: Nr.headerContent, children: e })
     ] }),
     /* @__PURE__ */ u.jsxs("aside", { className: `${Nr.sidebar} ${n ? Nr.sidebarOpen : ""}`, children: [
       /* @__PURE__ */ u.jsx("div", { className: Nr.sidebarContent, children: t }),
-      /* @__PURE__ */ u.jsx(Kt, { onClick: c, className: Nr.collapseButton, style: { display: "none" }, children: s ? /* @__PURE__ */ u.jsx(jb, {}) : /* @__PURE__ */ u.jsx(Pb, {}) })
+      /* @__PURE__ */ u.jsx(Kt, { onClick: c, className: Nr.collapseButton, style: { display: "none" }, children: s ? /* @__PURE__ */ u.jsx(j2, {}) : /* @__PURE__ */ u.jsx(P2, {}) })
     ] }),
     /* @__PURE__ */ u.jsx("main", { className: Nr.mainContent, children: r }),
     n && /* @__PURE__ */ u.jsx("div", { className: Nr.overlay, onClick: a })
   ] });
-}, $b = "_headerContainer_if4sf_1", Fb = "_navAndDate_if4sf_17", Lb = "_navButton_if4sf_29", zb = "_datePickerInput_if4sf_61", Bb = "_datePickerButton_if4sf_91", Wb = "_addEventButton_if4sf_135", Hn = {
-  headerContainer: $b,
-  navAndDate: Fb,
-  navButton: Lb,
-  datePickerInput: zb,
-  datePickerButton: Bb,
-  addEventButton: Wb
+}, $2 = "_headerContainer_if4sf_1", F2 = "_navAndDate_if4sf_17", L2 = "_navButton_if4sf_29", z2 = "_datePickerInput_if4sf_61", B2 = "_datePickerButton_if4sf_91", W2 = "_addEventButton_if4sf_135", Hn = {
+  headerContainer: $2,
+  navAndDate: F2,
+  navButton: L2,
+  datePickerInput: z2,
+  datePickerButton: B2,
+  addEventButton: W2
 };
 function za() {
   return typeof window < "u";
@@ -5414,7 +5414,7 @@ function cn(e) {
 function Id(e) {
   return !za() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Cr(e).ShadowRoot;
 }
-const Ub = /* @__PURE__ */ new Set(["inline", "contents"]);
+const U2 = /* @__PURE__ */ new Set(["inline", "contents"]);
 function ri(e) {
   const {
     overflow: t,
@@ -5422,15 +5422,15 @@ function ri(e) {
     overflowY: n,
     display: o
   } = Ir(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && !Ub.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + r) && !U2.has(o);
 }
-const Vb = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Hb(e) {
-  return Vb.has(Fo(e));
+const V2 = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function H2(e) {
+  return V2.has(Fo(e));
 }
-const Yb = [":popover-open", ":modal"];
+const Y2 = [":popover-open", ":modal"];
 function Ba(e) {
-  return Yb.some((t) => {
+  return Y2.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -5438,12 +5438,12 @@ function Ba(e) {
     }
   });
 }
-const qb = ["transform", "translate", "scale", "rotate", "perspective"], Zb = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Gb = ["paint", "layout", "strict", "content"];
+const q2 = ["transform", "translate", "scale", "rotate", "perspective"], Z2 = ["transform", "translate", "scale", "rotate", "perspective", "filter"], G2 = ["paint", "layout", "strict", "content"];
 function Vl(e) {
   const t = Hl(), r = lr(e) ? Ir(e) : e;
-  return qb.some((n) => r[n] ? r[n] !== "none" : !1) || (r.containerType ? r.containerType !== "normal" : !1) || !t && (r.backdropFilter ? r.backdropFilter !== "none" : !1) || !t && (r.filter ? r.filter !== "none" : !1) || Zb.some((n) => (r.willChange || "").includes(n)) || Gb.some((n) => (r.contain || "").includes(n));
+  return q2.some((n) => r[n] ? r[n] !== "none" : !1) || (r.containerType ? r.containerType !== "normal" : !1) || !t && (r.backdropFilter ? r.backdropFilter !== "none" : !1) || !t && (r.filter ? r.filter !== "none" : !1) || Z2.some((n) => (r.willChange || "").includes(n)) || G2.some((n) => (r.contain || "").includes(n));
 }
-function Kb(e) {
+function K2(e) {
   let t = Nn(e);
   for (; cn(t) && !To(t); ) {
     if (Vl(t))
@@ -5457,9 +5457,9 @@ function Kb(e) {
 function Hl() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Qb = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Q2 = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function To(e) {
-  return Qb.has(Fo(e));
+  return Q2.has(Fo(e));
 }
 function Ir(e) {
   return Cr(e).getComputedStyle(e);
@@ -5505,12 +5505,12 @@ function cl(e) {
 const Ro = Math.min, Xn = Math.max, ia = Math.round, wi = Math.floor, sn = (e) => ({
   x: e,
   y: e
-}), Xb = {
+}), X2 = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Jb = {
+}, J2 = {
   start: "end",
   end: "start"
 };
@@ -5550,7 +5550,7 @@ function o1(e) {
   return [ll(e), t, ll(t)];
 }
 function ll(e) {
-  return e.replace(/start|end/g, (t) => Jb[t]);
+  return e.replace(/start|end/g, (t) => J2[t]);
 }
 const Pd = ["left", "right"], Md = ["right", "left"], s1 = ["top", "bottom"], i1 = ["bottom", "top"];
 function a1(e, t, r) {
@@ -5571,7 +5571,7 @@ function c1(e, t, r, n) {
   return o && (s = s.map((i) => i + "-" + o), t && (s = s.concat(s.map(ll)))), s;
 }
 function aa(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Xb[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => X2[t]);
 }
 function l1(e) {
   return {
@@ -6206,9 +6206,9 @@ function Jh(e, t) {
     return r;
   }
   let n = $d(e, t);
-  for (; n && Hb(n) && Dc(n); )
+  for (; n && H2(n) && Dc(n); )
     n = $d(n, t);
-  return n && To(n) && Dc(n) && !Vl(n) ? r : n || Kb(e) || r;
+  return n && To(n) && Dc(n) && !Vl(n) ? r : n || K2(e) || r;
 }
 const j1 = async function(e) {
   const t = this.getOffsetParent || Jh, r = this.getDimensions, n = await r(e.floating);
@@ -18986,25 +18986,25 @@ function m4({ open: e, handleClose: t, guests: r }) {
   ] });
   return /* @__PURE__ */ u.jsxs(jo, { open: e, onClose: t, fullWidth: !0, maxWidth: "xs", PaperProps: { sx: { border: "solid 0.1 px", height: "100%" } }, children: [
     /* @__PURE__ */ u.jsxs(L, { sx: { p: "16px 8px" }, children: [
-      /* @__PURE__ */ u.jsx(be, { variant: "subtitle1", sx: { fontWeight: 800, ml: 1 }, children: "Lista de invitados" }),
+      /* @__PURE__ */ u.jsx(be, { variant: "subtitle1", sx: { fontWeight: 800, ml: 1, color: "#333333" }, children: "Lista de invitados" }),
       /* @__PURE__ */ u.jsx(Mt, { onClick: t, startIcon: /* @__PURE__ */ u.jsx("img", { src: u4, width: 20 }), sx: { textTransform: "none", color: "#666", fontSize: "16px", p: 0, minWidth: 0, ml: 0.5, "&:hover": { bgcolor: "transparent" } }, children: "Volver al evento" }),
       /* @__PURE__ */ u.jsx(Kt, { onClick: t, sx: { position: "absolute", right: 8, top: 12 }, children: /* @__PURE__ */ u.jsx(an, {}) })
     ] }),
-    /* @__PURE__ */ u.jsx(Yr, {}),
+    /* @__PURE__ */ u.jsx(Yr, { sx: { backgroundColor: "black" } }),
     /* @__PURE__ */ u.jsxs(Ea, { sx: { p: 2 }, children: [
       o.length > 0 && /* @__PURE__ */ u.jsxs(L, { sx: { mb: 3 }, children: [
         /* @__PURE__ */ u.jsx(a, { title: "Invitados", count: o.length }),
         o.map(i)
       ] }),
       n.length > 0 && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-        /* @__PURE__ */ u.jsx(Yr, { sx: { my: 1 } }),
+        /* @__PURE__ */ u.jsx(Yr, { sx: { my: 1, backgroundColor: "black" } }),
         /* @__PURE__ */ u.jsxs(L, { sx: { mb: 3 }, children: [
           /* @__PURE__ */ u.jsx(a, { title: "Confirmados", count: n.length, badgeColor: "#1976D2" }),
           n.map(i)
         ] })
       ] }),
       s.length > 0 && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-        /* @__PURE__ */ u.jsx(Yr, { sx: { my: 1 } }),
+        /* @__PURE__ */ u.jsx(Yr, { sx: { my: 1, backgroundColor: "black" } }),
         /* @__PURE__ */ u.jsxs(L, { children: [
           /* @__PURE__ */ u.jsx(a, { title: "No asistirán", count: s.length, badgeColor: "#1976D2" }),
           s.map(i)
@@ -20692,7 +20692,7 @@ const X4 = (e, t, r) => {
   }, We = Y ? Te[Y] : null;
   return /* @__PURE__ */ u.jsxs("div", { id: "Agenda", style: { height: "100%", width: "100%" }, children: [
     /* @__PURE__ */ u.jsx(
-      Nb,
+      N2,
       {
         header: /* @__PURE__ */ u.jsx(ux, { currentDate: s, onPrevMonth: $e, onNextMonth: Be, onAddEvent: C, onDateChange: R }),
         sidebar: /* @__PURE__ */ u.jsx(