@m4l/styles 7.1.48 → 7.1.49-beta-improvement-606-typography-leveling.0

package/index.js

@@ -1,4 +1,4 @@
-import { alpha as o, useTheme as R, createTheme as W } from "@mui/material/styles";
+import { alpha as o, useTheme as W, createTheme as R } from "@mui/material/styles";
 import { alpha as b } from "@mui/material";
 import L from "@mui/material/useMediaQuery";
 const e = {
@@ -1413,10 +1413,10 @@ const e = {
     light: t.turqui.light,
     dark: t.turqui.dark
   }
-}, M = Object.keys(t), de = M.map((u) => ({
+}, I = Object.keys(t), pe = I.map((u) => ({
   name: u,
   value: t[u].main
-})), I = {
+})), M = {
   default: {
     outlined: {
       color: e.oxford[70],
@@ -2576,7 +2576,7 @@ const e = {
   // Comprobado
   toneOpacityDark: e.onyx[50]
   // Comprobado
-}, w = {
+}, H = {
   enabled: g.enabledLight,
   enabledOpacity: g.enabledOpacityLight,
   hover: g.hoverLight,
@@ -2596,7 +2596,7 @@ const e = {
   main: g.mainLight,
   light: g.light,
   dark: g.dark
-}, z = {
+}, B = {
   enabled: g.enabledDark,
   enabledOpacity: g.enabledOpacityDark,
   hover: g.hoverDark,
@@ -3091,34 +3091,34 @@ const e = {
     light: r.error.light,
     dark: r.error.dark
   }
-}, V = v[500], N = "#000000", H = (u) => {
-  const s = o(u, 0.2), i = o(u, 0.14), n = o(u, 0.12);
+}, V = v[500], N = "#000000", w = (u) => {
+  const s = o(u, 0.2), d = o(u, 0.14), p = o(u, 0.12);
   return [
     "none",
-    `0px 2px 1px -1px ${s},0px 1px 1px 0px ${i},0px 1px 3px 0px ${n}`,
-    `0px 3px 1px -2px ${s},0px 2px 2px 0px ${i},0px 1px 5px 0px ${n}`,
-    `0px 3px 3px -2px ${s},0px 3px 4px 0px ${i},0px 1px 8px 0px ${n}`,
-    `0px 2px 4px -1px ${s},0px 4px 5px 0px ${i},0px 1px 10px 0px ${n}`,
-    `0px 3px 5px -1px ${s},0px 5px 8px 0px ${i},0px 1px 14px 0px ${n}`,
-    `0px 3px 5px -1px ${s},0px 6px 10px 0px ${i},0px 1px 18px 0px ${n}`,
-    `0px 4px 5px -2px ${s},0px 7px 10px 1px ${i},0px 2px 16px 1px ${n}`,
-    `0px 5px 5px -3px ${s},0px 8px 10px 1px ${i},0px 3px 14px 2px ${n}`,
-    `0px 5px 6px -3px ${s},0px 9px 12px 1px ${i},0px 3px 16px 2px ${n}`,
-    `0px 6px 6px -3px ${s},0px 10px 14px 1px ${i},0px 4px 18px 3px ${n}`,
-    `0px 6px 7px -4px ${s},0px 11px 15px 1px ${i},0px 4px 20px 3px ${n}`,
-    `0px 7px 8px -4px ${s},0px 12px 17px 2px ${i},0px 5px 22px 4px ${n}`,
-    `0px 7px 8px -4px ${s},0px 13px 19px 2px ${i},0px 5px 24px 4px ${n}`,
-    `0px 7px 9px -4px ${s},0px 14px 21px 2px ${i},0px 5px 26px 4px ${n}`,
-    `0px 8px 9px -5px ${s},0px 15px 22px 2px ${i},0px 6px 28px 5px ${n}`,
-    `0px 8px 10px -5px ${s},0px 16px 24px 2px ${i},0px 6px 30px 5px ${n}`,
-    `0px 8px 11px -5px ${s},0px 17px 26px 2px ${i},0px 6px 32px 5px ${n}`,
-    `0px 9px 11px -5px ${s},0px 18px 28px 2px ${i},0px 7px 34px 6px ${n}`,
-    `0px 9px 12px -6px ${s},0px 19px 29px 2px ${i},0px 7px 36px 6px ${n}`,
-    `0px 10px 13px -6px ${s},0px 20px 31px 3px ${i},0px 8px 38px 7px ${n}`,
-    `0px 10px 13px -6px ${s},0px 21px 33px 3px ${i},0px 8px 40px 7px ${n}`,
-    `0px 10px 14px -6px ${s},0px 22px 35px 3px ${i},0px 8px 42px 7px ${n}`,
-    `0px 11px 14px -7px ${s},0px 23px 36px 3px ${i},0px 9px 44px 8px ${n}`,
-    `0px 11px 15px -7px ${s},0px 24px 38px 3px ${i},0px 9px 46px 8px ${n}`
+    `0px 2px 1px -1px ${s},0px 1px 1px 0px ${d},0px 1px 3px 0px ${p}`,
+    `0px 3px 1px -2px ${s},0px 2px 2px 0px ${d},0px 1px 5px 0px ${p}`,
+    `0px 3px 3px -2px ${s},0px 3px 4px 0px ${d},0px 1px 8px 0px ${p}`,
+    `0px 2px 4px -1px ${s},0px 4px 5px 0px ${d},0px 1px 10px 0px ${p}`,
+    `0px 3px 5px -1px ${s},0px 5px 8px 0px ${d},0px 1px 14px 0px ${p}`,
+    `0px 3px 5px -1px ${s},0px 6px 10px 0px ${d},0px 1px 18px 0px ${p}`,
+    `0px 4px 5px -2px ${s},0px 7px 10px 1px ${d},0px 2px 16px 1px ${p}`,
+    `0px 5px 5px -3px ${s},0px 8px 10px 1px ${d},0px 3px 14px 2px ${p}`,
+    `0px 5px 6px -3px ${s},0px 9px 12px 1px ${d},0px 3px 16px 2px ${p}`,
+    `0px 6px 6px -3px ${s},0px 10px 14px 1px ${d},0px 4px 18px 3px ${p}`,
+    `0px 6px 7px -4px ${s},0px 11px 15px 1px ${d},0px 4px 20px 3px ${p}`,
+    `0px 7px 8px -4px ${s},0px 12px 17px 2px ${d},0px 5px 22px 4px ${p}`,
+    `0px 7px 8px -4px ${s},0px 13px 19px 2px ${d},0px 5px 24px 4px ${p}`,
+    `0px 7px 9px -4px ${s},0px 14px 21px 2px ${d},0px 5px 26px 4px ${p}`,
+    `0px 8px 9px -5px ${s},0px 15px 22px 2px ${d},0px 6px 28px 5px ${p}`,
+    `0px 8px 10px -5px ${s},0px 16px 24px 2px ${d},0px 6px 30px 5px ${p}`,
+    `0px 8px 11px -5px ${s},0px 17px 26px 2px ${d},0px 6px 32px 5px ${p}`,
+    `0px 9px 11px -5px ${s},0px 18px 28px 2px ${d},0px 7px 34px 6px ${p}`,
+    `0px 9px 12px -6px ${s},0px 19px 29px 2px ${d},0px 7px 36px 6px ${p}`,
+    `0px 10px 13px -6px ${s},0px 20px 31px 3px ${d},0px 8px 38px 7px ${p}`,
+    `0px 10px 13px -6px ${s},0px 21px 33px 3px ${d},0px 8px 40px 7px ${p}`,
+    `0px 10px 14px -6px ${s},0px 22px 35px 3px ${d},0px 8px 42px 7px ${p}`,
+    `0px 11px 14px -7px ${s},0px 23px 36px 3px ${d},0px 9px 44px 8px ${p}`,
+    `0px 11px 15px -7px ${s},0px 24px 38px 3px ${d},0px 9px 46px 8px ${p}`
   ];
 }, U = (u) => {
   const s = {
@@ -3160,392 +3160,952 @@ const e = {
     ...s
   };
 }, Z = {
-  light: H(V),
-  dark: H(N)
-}, d = {
-  pt10: "10px",
-  pt11: "11px",
-  pt12: "12px",
-  pt13: "13px",
-  pt14: "14px",
-  pt15: "15px",
-  pt16: "16px",
-  pt17: "17px",
-  pt18: "18px",
-  pt19: "19px",
-  pt20: "20px",
-  pt21: "21px",
-  pt22: "22px",
-  pt23: "23px",
-  pt24: "24px",
-  pt25: "25px",
-  pt26: "26px",
-  pt27: "27px",
-  pt28: "28px",
-  pt29: "29px",
-  pt30: "30px",
-  pt31: "31px",
-  pt32: "32px",
-  pt33: "33px",
-  pt34: "34px",
-  pt35: "35px",
-  pt36: "36px",
-  pt37: "37px",
-  pt38: "38px",
-  pt39: "39px",
-  pt40: "40px",
-  pt41: "41px",
-  pt42: "42px",
-  pt43: "43px",
-  pt44: "44px",
-  pt45: "45px",
-  pt46: "46px",
-  pt47: "47px",
-  pt48: "48px",
-  pt49: "49px",
-  pt50: "50px",
-  pt51: "51px",
-  pt52: "52px",
-  pt53: "53px",
-  pt54: "54px",
-  pt55: "55px",
-  pt56: "56px",
-  pt57: "57px",
-  pt58: "58px",
-  pt59: "59px",
-  pt60: "60px"
-}, c = {
-  normal: "0.5px",
-  dens: "0.8px"
-}, p = {
-  lh1: "14px",
-  lh2: "16px",
-  lh3: "20px",
-  lh4: "24px",
-  lh5: "28px",
-  lh6: "32px",
-  normal: "normal"
+  light: w(V),
+  dark: w(N)
 }, l = {
-  sizeMedium: 500,
-  sizeBold: 700,
-  SizeRegular: 400
+  9: "9px",
+  10: "10px",
+  11: "11px",
+  12: "12px",
+  13: "13px",
+  14: "14px",
+  15: "15px",
+  16: "16px",
+  17: "17px",
+  18: "18px",
+  19: "19px",
+  20: "20px",
+  21: "21px",
+  22: "22px",
+  23: "23px",
+  24: "24px",
+  25: "25px",
+  26: "26px",
+  27: "27px",
+  28: "28px",
+  29: "29px",
+  30: "30px",
+  31: "31px",
+  32: "32px",
+  33: "33px",
+  34: "34px",
+  35: "35px",
+  36: "36px",
+  37: "37px",
+  38: "38px",
+  39: "39px",
+  40: "40px",
+  41: "41px",
+  42: "42px",
+  43: "43px",
+  44: "44px",
+  45: "45px",
+  46: "46px",
+  47: "47px",
+  48: "48px",
+  49: "49px",
+  50: "50px",
+  51: "51px",
+  52: "52px",
+  53: "53px",
+  54: "54px",
+  55: "55px",
+  56: "56px",
+  57: "57px",
+  58: "58px",
+  59: "59px",
+  60: "60px"
+}, i = {
+  "normal0-5": "0.5px",
+  "dens0-8": "0.8px",
+  "0%": "0"
+}, n = {
+  lh14: "14px",
+  lh16: "16px",
+  lh20: "20px",
+  lh24: "24px",
+  lh28: "28px",
+  lh32: "32px",
+  normal: "normal",
+  "100%": "1"
+}, c = {
+  medium500: 500,
+  bold700: 700,
+  semibold600: 600,
+  regular400: 400
 }, K = {
-  small: {
+  /**
+   * Tamaño de los textos en el dispositivo móvil.
+   * Revisado: ok
+   */
+  medium: {
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
     h1: {
-      fontSize: d.pt42,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[42],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título secundario de la página.
+     * Revisado: ok
+     */
     h2: {
-      fontSize: d.pt32,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[32],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título terciario de la página.
+     * Revisado: ok
+     */
     h3: {
-      fontSize: d.pt26,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[26],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título cuarto de la página.
+     * Revisado: ok
+     */
     h5: {
-      fontSize: d.pt20,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[20],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título sexto de la página.
+     * Revisado: ok
+     */
+    h6: {
+      fontSize: l[20],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
+    titleStandard: {
+      fontSize: l[18],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["0%"]
+    },
+    /**
+     * Subtítulo fino de la página.
+     * Revisado: ok
+     */
+    subtitleSlim: {
+      fontSize: l[14],
+      fontWeight: c.medium500,
+      lineHeight: n.normal,
+      letterSpacing: i["dens0-8"]
     },
-    subtitle: {
-      fontSize: d.pt15,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Subtítulo de la página.
+     * Revisado: ok
+     */
+    subtitleStandard: {
+      fontSize: l[14],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Subtítulo denso de la página.
+     * Revisado: ok
+     */
     subtitleDens: {
-      fontSize: d.pt15,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[14],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    paragraph: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Párrafo fino de la página.
+     * Revisado: ok
+     */
+    paragraphSlim: {
+      fontSize: l[13],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Párrafo de la página.
+     * Revisado: ok
+     */
+    paragraphStandard: {
+      fontSize: l[13],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Párrafo denso de la página.
+     * Revisado: ok
+     */
     paragraphDens: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[13],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Caption fino de la página.
+     * Revisado: ok
+     */
+    captionSlim: {
+      fontSize: l[12],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    body: {
-      fontSize: d.pt11,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Caption de la página.
+     * Revisado: ok
+     */
+    captionStandard: {
+      fontSize: l[12],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Caption denso de la página.
+     * Revisado: ok
+     */
+    captionDens: {
+      fontSize: l[12],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
+    /**
+     * Body fino de la página.
+     * Revisado: ok
+     */
+    bodySlim: {
+      fontSize: l[11],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body de la página.
+     * Revisado: ok
+     */
+    bodyStandard: {
+      fontSize: l[11],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body denso de la página.
+     * Revisado: ok
+     */
     bodyDens: {
-      fontSize: d.pt11,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[11],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    caption: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Micro fino de la página.
+     * Revisado: ok
+     */
+    microSlim: {
+      fontSize: l[10],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    captionDens: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+    /**
+     * Micro de la página.
+     * Revisado: ok
+     */
+    microStandard: {
+      fontSize: l[10],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Micro denso de la página.
+     * Revisado: ok
+     */
+    microDens: {
+      fontSize: l[10],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     }
   },
-  medium: {
+  small: {
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
     h1: {
-      fontSize: d.pt44,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[44],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título secundario de la página.
+     * Revisado: ok
+     */
     h2: {
-      fontSize: d.pt32,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[32],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título terciario de la página.
+     * Revisado: ok
+     */
     h3: {
-      fontSize: d.pt28,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[28],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título cuarto de la página.
+     * Revisado: ok
+     */
     h5: {
-      fontSize: d.pt20,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[20],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título sexto de la página.
+     * Revisado: ok
+     */
+    h6: {
+      fontSize: l[20],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    subtitle: {
-      fontSize: d.pt16,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
+    titleStandard: {
+      fontSize: l[20],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["0%"]
     },
+    /**
+     * Subtítulo fino de la página.
+     * Revisado: ok
+     */
+    subtitleSlim: {
+      fontSize: l[16],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Subtítulo de la página.
+     * Revisado: ok
+     */
+    subtitleStandard: {
+      fontSize: l[16],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Subtítulo denso de la página.
+     * Revisado: ok
+     */
     subtitleDens: {
-      fontSize: d.pt16,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[16],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Párrafo fino de la página.
+     * Revisado: ok
+     */
+    paragraphSlim: {
+      fontSize: l[14],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    paragraph: {
-      fontSize: d.pt14,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Párrafo de la página.
+     * Revisado: ok
+     */
+    paragraphStandard: {
+      fontSize: l[14],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
     paragraphDens: {
-      fontSize: d.pt14,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[14],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    body: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Caption fino de la página.
+     * Revisado: ok
+     */
+    captionSlim: {
+      fontSize: l[13],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Caption de la página.
+     * Revisado: ok
+     */
+    captionStandard: {
+      fontSize: l[13],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Caption denso de la página.
+     * Revisado: ok
+     */
+    captionDens: {
+      fontSize: l[13],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body fino de la página.
+     * Revisado: ok
+     */
+    bodySlim: {
+      fontSize: l[12],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body de la página.
+     * Revisado: ok
+     */
+    bodyStandard: {
+      fontSize: l[12],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body denso de la página.
+     * Revisado: ok
+     */
     bodyDens: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[12],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    caption: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Micro fino de la página.
+     * Revisado: ok
+     */
+    microSlim: {
+      fontSize: l[11],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    captionDens: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+    /**
+     * Micro de la página.
+     * Revisado: ok
+     */
+    microStandard: {
+      fontSize: l[11],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Micro denso de la página.
+     * Revisado: ok
+     */
+    microDens: {
+      fontSize: l[11],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     }
   }
 }, Q = {
-  small: {
+  /**
+   * Tamaño de los textos en el escritorio.
+   * Revisado: ok
+   */
+  medium: {
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
     h1: {
-      fontSize: d.pt54,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[54],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título secundario de la página.
+     * Revisado: ok
+     */
     h2: {
-      fontSize: d.pt42,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[42],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título terciario de la página.
+     * Revisado: ok
+     */
     h3: {
-      fontSize: d.pt30,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[30],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título cuarto de la página.
+     * Revisado: ok
+     */
     h5: {
-      fontSize: d.pt26,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[26],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título sexto de la página.
+     * Revisado: ok
+     */
+    h6: {
+      fontSize: l[22],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["0%"]
     },
-    subtitle: {
-      fontSize: d.pt14,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
+    titleStandard: {
+      fontSize: l[18],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["0%"]
     },
+    /**
+     * Subtítulo fino de la página.
+     * Revisado: ok
+     */
+    subtitleSlim: {
+      fontSize: l[15],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Subtítulo de la página.
+     * Revisado: ok
+     */
+    subtitleStandard: {
+      fontSize: l[15],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Subtítulo denso de la página.
+     * Revisado: ok
+     */
     subtitleDens: {
-      fontSize: d.pt14,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[15],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Párrafo fino de la página.
+     * Revisado: ok
+     */
+    paragraphSlim: {
+      fontSize: l[12],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    paragraph: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Párrafo de la página.
+     * Revisado: ok
+     */
+    paragraphStandard: {
+      fontSize: l[12],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Párrafo denso de la página.
+     * Revisado: ok
+     */
     paragraphDens: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[12],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    body: {
-      fontSize: d.pt10,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Caption fino de la página.
+     * Revisado: ok
+     */
+    captionSlim: {
+      fontSize: l[11],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Caption de la página.
+     * Revisado: ok
+     */
+    captionStandard: {
+      fontSize: l[11],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Caption denso de la página.
+     * Revisado: ok
+     */
+    captionDens: {
+      fontSize: l[11],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body fino de la página.
+     * Revisado: ok
+     */
+    bodySlim: {
+      fontSize: l[10],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body de la página.
+     * Revisado: ok
+     */
+    bodyStandard: {
+      fontSize: l[10],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body denso de la página.
+     * Revisado: ok
+     */
     bodyDens: {
-      fontSize: d.pt10,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[10],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    caption: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Micro fino de la página.
+     * Revisado: ok
+     */
+    microSlim: {
+      fontSize: l[9],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    captionDens: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+    /**
+     * Micro de la página.
+     * Revisado: ok
+     */
+    microStandard: {
+      fontSize: l[9],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Micro denso de la página.
+     * Revisado: ok
+     */
+    microDens: {
+      fontSize: l[9],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     }
   },
-  medium: {
+  small: {
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
     h1: {
-      fontSize: d.pt56,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[56],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título secundario de la página.
+     * Revisado: ok
+     */
     h2: {
-      fontSize: d.pt44,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[44],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título terciario de la página.
+     * Revisado: ok
+     */
     h3: {
-      fontSize: d.pt32,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[32],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Título cuarto de la página.
+     * Revisado: ok
+     */
     h5: {
-      fontSize: d.pt28,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+      fontSize: l[28],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título sexto de la página.
+     * Revisado: ok
+     */
+    h6: {
+      fontSize: l[24],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Título principal de la página.
+     * Revisado: ok
+     */
+    titleStandard: {
+      fontSize: l[20],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["0%"]
     },
-    subtitle: {
-      fontSize: d.pt15,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Subtítulo fino de la página.
+     * Revisado: ok
+     */
+    subtitleSlim: {
+      fontSize: l[15],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
+    /**
+     * Subtítulo de la página.
+     * Revisado: ok
+     */
+    subtitleStandard: {
+      fontSize: l[15],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Subtítulo denso de la página.
+     * Revisado: ok
+     */
     subtitleDens: {
-      fontSize: d.pt15,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[15],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Párrafo fino de la página.
+     * Revisado: ok
+     */
+    paragraphSlim: {
+      fontSize: l[13],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    paragraph: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Párrafo de la página.
+     * Revisado: ok
+     */
+    paragraphStandard: {
+      fontSize: l[13],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Párrafo denso de la página.
+     * Revisado: ok
+     */
     paragraphDens: {
-      fontSize: d.pt13,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[13],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
+    },
+    /**
+     * Caption fino de la página.
+     * Revisado: ok
+     */
+    captionSlim: {
+      fontSize: l[12],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
-    body: {
-      fontSize: d.pt11,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Caption de la página.
+     * Revisado: ok
+     */
+    captionStandard: {
+      fontSize: l[12],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["normal0-5"]
     },
+    /**
+     * Caption denso de la página.
+     * Revisado: ok
+     */
+    captionDens: {
+      fontSize: l[12],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body fino de la página.
+     * Revisado: ok
+     */
+    bodySlim: {
+      fontSize: l[11],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body de la página.
+     * Revisado: ok
+     */
+    bodyStandard: {
+      fontSize: l[11],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Body denso de la página.
+     * Revisado: ok
+     */
     bodyDens: {
-      fontSize: d.pt11,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+      fontSize: l[11],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    caption: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeMedium,
-      lineHeight: p.normal,
-      letterSpacing: c.normal
+    /**
+     * Micro fino de la página.
+     * Revisado: ok
+     */
+    microSlim: {
+      fontSize: l[10],
+      fontWeight: c.medium500,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     },
-    captionDens: {
-      fontSize: d.pt12,
-      fontWeight: l.sizeBold,
-      lineHeight: p.normal,
-      letterSpacing: c.dens
+    /**
+     * Micro de la página.
+     * Revisado: ok
+     */
+    microStandard: {
+      fontSize: l[10],
+      fontWeight: c.semibold600,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
+    },
+    /**
+     * Micro denso de la página.
+     * Revisado: ok
+     */
+    microDens: {
+      fontSize: l[10],
+      fontWeight: c.bold700,
+      lineHeight: n["100%"],
+      letterSpacing: i["dens0-8"]
     }
   }
 }, J = {
   mobile: K,
   desktop: Q,
-  lineHeight: p,
-  weight: l,
-  letterSpacing: c.normal
+  lineHeight: n,
+  weight: c,
+  letterSpacing: i["normal0-5"]
 };
-function se(u, s, i, n) {
-  const m = R(), E = L(m.breakpoints.up(s)), S = L(m.breakpoints.down(s)), q = L(m.breakpoints.between(i, n)), $ = L(m.breakpoints.only(s));
-  return u === "up" ? E : u === "down" ? S : u === "between" ? q : u === "only" ? $ : !1;
+function se(u, s, d, p) {
+  const m = W(), z = L(m.breakpoints.up(s)), E = L(m.breakpoints.down(s)), q = L(m.breakpoints.between(d, p)), $ = L(m.breakpoints.only(s));
+  return u === "up" ? z : u === "down" ? E : u === "between" ? q : u === "only" ? $ : !1;
 }
-const C = "patronus", B = t[C];
+const C = "patronus", S = t[C];
 function D(u) {
   if (u == null)
-    return B;
+    return S;
   try {
-    return t?.[u] ?? B;
+    return t?.[u] ?? S;
   } catch {
-    return B;
+    return S;
   }
 }
 function ge(u) {
@@ -3554,7 +4114,7 @@ function ge(u) {
 function f(u) {
   return `${u / 16}rem`;
 }
-function k({ sm: u, md: s, lg: i }) {
+function k({ sm: u, md: s, lg: d }) {
   return {
     "@media (min-width:0px)": {
       fontSize: `${u}px`
@@ -3563,7 +4123,7 @@ function k({ sm: u, md: s, lg: i }) {
       fontSize: `${s}px`
     },
     "@media (min-width:1200px)": {
-      fontSize: `${i}px`
+      fontSize: `${d}px`
     }
   };
 }
@@ -3573,18 +4133,18 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
     gridHover: "#FCFCFC"
   }
 }, j = (u) => {
-  const s = u ?? C, i = _?.[s], n = Y?.[s];
+  const s = u ?? C, d = _?.[s], p = Y?.[s];
   return {
     light: {
       mode: "light",
       common: A,
       primary: {
-        ...i
+        ...d
       },
       default: {
-        ...w,
+        ...H,
         semanticText: e.onyx[20],
-        focusVisible: i.focusVisible
+        focusVisible: d.focusVisible
       },
       divider: e.coolGrey[20],
       text: {
@@ -3597,7 +4157,7 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
         default: e.marbleLight[10],
         neutral: e.marbleLight[30],
         surface: e.marbleLight[50],
-        hover: w.hover,
+        hover: H.hover,
         backdrop: a.oxford[30],
         base: e.marbleLight[20],
         blur: a.marble[60],
@@ -3608,46 +4168,46 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
       chips: {
         primary: {
           outlined: {
-            color: i.enabled,
+            color: d.enabled,
             // Comprobado
-            backgroundColor: i.enabledOpacity,
+            backgroundColor: d.enabledOpacity,
             // Comprobado
-            backgroundHover: i.hoverOpacity,
+            backgroundHover: d.hoverOpacity,
             // Comprobado
-            backgroundActive: i.activeOpacity,
+            backgroundActive: d.activeOpacity,
             // Comprobado
             /* Tone */
-            colorTone: i.semanticText,
+            colorTone: d.semanticText,
             // Comprobado
-            backgroundColorTone: i.enabled,
+            backgroundColorTone: d.enabled,
             // Comprobado
-            backgroundHoverTone: i.hover,
+            backgroundHoverTone: d.hover,
             // Comprobado
-            backgroundActiveTone: i.activeOpacity
+            backgroundActiveTone: d.activeOpacity
             // Comprobado
           },
           contained: {
-            color: i.semanticText,
+            color: d.semanticText,
             // Comprobado
-            backgroundColor: i.enabledOpacity,
+            backgroundColor: d.enabledOpacity,
             // Comprobado
-            backgroundHover: i.hoverOpacity,
+            backgroundHover: d.hoverOpacity,
             // Comprobado
-            backgroundActive: i.activeOpacity,
+            backgroundActive: d.activeOpacity,
             // Comprobado
             /* Tono */
             colorTone: e.marbleLight[30],
             // Comprobado
-            backgroundColorTone: i.enabled,
+            backgroundColorTone: d.enabled,
             // Comprobado
-            backgroundHoverTone: i.hover,
+            backgroundHoverTone: d.hover,
             // Comprobado
-            backgroundActiveTone: i.active
+            backgroundActiveTone: d.active
             // Comprobado
           }
           /* opacidad */
         },
-        ...I
+        ...M
       },
       border: {
         main: t[s]?.borderMainLight,
@@ -3668,19 +4228,19 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
       },
       info: {
         ...O.info,
-        focusVisible: i.focusVisible
+        focusVisible: d.focusVisible
       },
       success: {
         ...O.success,
-        focusVisible: i.focusVisible
+        focusVisible: d.focusVisible
       },
       warning: {
         ...O.warning,
-        focusVisible: i.focusVisible
+        focusVisible: d.focusVisible
       },
       error: {
         ...O.error,
-        focusVisible: i.focusVisible
+        focusVisible: d.focusVisible
       }
     },
     dark: {
@@ -3688,12 +4248,12 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
       common: A,
       // no definido en figma
       primary: {
-        ...n
+        ...p
       },
       default: {
-        ...z,
+        ...B,
         semanticText: e.coolGrey[20],
-        focusVisible: n?.focusVisible
+        focusVisible: p?.focusVisible
       },
       text: {
         primary: e.coolGrey[20],
@@ -3706,7 +4266,7 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
         default: e.onyx[60],
         neutral: e.onyx[80],
         surface: e.onyx[90],
-        hover: z.hover,
+        hover: B.hover,
         backdrop: a.onyx[30],
         base: e.onyx[70],
         blur: a.onyx[60],
@@ -3717,41 +4277,41 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
       chips: {
         primary: {
           outlined: {
-            color: n.semanticText,
+            color: p.semanticText,
             // Comprobado
-            backgroundColor: n.enabledOpacity,
+            backgroundColor: p.enabledOpacity,
             // Comprobado
-            backgroundHover: n.hoverOpacity,
+            backgroundHover: p.hoverOpacity,
             // Comprobado
-            backgroundActive: n.activeOpacity,
+            backgroundActive: p.activeOpacity,
             // Comprobado
             /* Tono */
-            colorTone: n.semanticText,
+            colorTone: p.semanticText,
             // Comprobado
-            backgroundColorTone: n.enabled,
+            backgroundColorTone: p.enabled,
             // Comprobado
-            backgroundHoverTone: n.hover,
+            backgroundHoverTone: p.hover,
             // Comprobado
-            backgroundActiveTone: n.activeOpacity
+            backgroundActiveTone: p.activeOpacity
             // Comprobado
           },
           contained: {
-            color: n.semanticText,
+            color: p.semanticText,
             // Comprobado
-            backgroundColor: n.enabledOpacity,
+            backgroundColor: p.enabledOpacity,
             // Comprobado
-            backgroundHover: n.hoverOpacity,
+            backgroundHover: p.hoverOpacity,
             // Comprobado
-            backgroundActive: n.activeOpacity,
+            backgroundActive: p.activeOpacity,
             // Comprobado
             /* Tono */
             colorTone: e.marbleLight[30],
             // Comprobado
-            backgroundColorTone: n.enabled,
+            backgroundColorTone: p.enabled,
             // Comprobado
-            backgroundHoverTone: n.hover,
+            backgroundHoverTone: p.hover,
             // Comprobado
-            backgroundActiveTone: n.active
+            backgroundActiveTone: p.active
             // Comprobado
           }
           /* opacidad */
@@ -3779,19 +4339,19 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
       },
       info: {
         ...T.info,
-        focusVisible: n.focusVisible
+        focusVisible: p.focusVisible
       },
       success: {
         ...T.success,
-        focusVisible: n.focusVisible
+        focusVisible: p.focusVisible
       },
       warning: {
         ...T.warning,
-        focusVisible: n.focusVisible
+        focusVisible: p.focusVisible
       },
       error: {
         ...T.error,
-        focusVisible: n.focusVisible
+        focusVisible: p.focusVisible
       }
     }
   };
@@ -3966,23 +4526,23 @@ const ue = (u, s) => s?.[u]?.main || u, G = {
   }
 };
 function he(u, s) {
-  const i = u ?? "light", n = s ?? C, m = W();
+  const d = u ?? "light", p = s ?? C, m = R();
   return {
     ...m,
     ...m.typography,
     ...F,
-    ...Z[i],
+    ...Z[d],
     customShadows: {
-      primary: i === "light" ? `0 4px 8px -4px ${o(D(n)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${o(D(n)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${o(D(n)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${o(D(n)?.enabledDark, 0.02)}`,
-      primary2: i === "light" ? `0px 2px 3px 0px ${o(D(n)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${o(D(n)?.hoverOpacityDark, 0.2)}`,
-      ...U(i)
+      primary: d === "light" ? `0 4px 8px -4px ${o(D(p)?.enabledLight, 0.12)},
+       0 2px 27px 2px ${o(D(p)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${o(D(p)?.enabledDark, 0.12)},
+       0 2px 27px 2px ${o(D(p)?.enabledDark, 0.02)}`,
+      primary2: d === "light" ? `0px 2px 3px 0px ${o(D(p)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${o(D(p)?.hoverOpacityDark, 0.2)}`,
+      ...U(d)
     },
     stretch: !0,
     palette: {
       ...m.palette,
-      ...j(n)[i]
+      ...j(p)[d]
     },
     typography: { ...m.typography, ...F },
     size: re
@@ -4155,13 +4715,13 @@ const xe = {
 }, ke = "medium";
 export {
   e as BASE_COLORS,
-  d as BASE_FONT_SIZE,
-  c as BASE_LETTER_SPACING,
-  p as BASE_LINE_HEIGHT,
+  l as BASE_FONT_SIZE,
+  i as BASE_LETTER_SPACING,
+  n as BASE_LINE_HEIGHT,
   a as BASE_OPACITY_COLORS,
   P as BASE_TAG_OBJECT_COLORS_DARK,
-  I as BASE_TAG_OBJECT_COLORS_LIGHT,
-  l as BASE_WEIGHT,
+  M as BASE_TAG_OBJECT_COLORS_LIGHT,
+  c as BASE_WEIGHT,
   A as COMMON_COLORS,
   C as DEFAULT_PRESET,
   ke as DEFAULT_SIZE,
@@ -4177,7 +4737,7 @@ export {
   Q as TYPOGRAPHY_SIZES_DESKTOP,
   K as TYPOGRAPHY_SIZES_MOBILE,
   U as createCustomShadows,
-  B as defaultPresetColors,
+  S as defaultPresetColors,
   be as fnComponentsOverrides,
   D as getColorPresets,
   ue as getColorState,
@@ -4185,7 +4745,7 @@ export {
   he as getUserThemeOptions,
   ye as globalRemSize,
   xe as muiBreakpointsValues,
-  de as presetsOptionsMainColor,
+  pe as presetsOptionsMainColor,
   f as pxToRem,
   ge as remToPx,
   k as responsiveFontSizes,