@m4l/styles 1.0.8 → 2.0.0

package/theme/overrides/{index.781cfe02.js → index.3234140e.js}

@@ -1,7 +1,7 @@
-import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as T, f as A, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
+import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
 import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.3599b255.js";
-import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Ta, x as Aa, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya, $ as Za } from "./M4LExtendedComponents/index.8c011674.js";
-function ma(a) {
+import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index.8f549882.js";
+function ta(a) {
   return Object.assign(
     s(a),
     o(a),
@@ -19,8 +19,8 @@ function ma(a) {
     B(a),
     F(a),
     P(a),
-    T(a),
     A(a),
+    T(a),
     b(a),
     C(),
     S(),
@@ -72,8 +72,8 @@ function ma(a) {
     Ba(),
     Fa(a),
     Pa(a),
-    Ta(),
-    Aa(a),
+    Aa(),
+    Ta(a),
     ba(a),
     Ca(a),
     Sa(a),
@@ -95,17 +95,16 @@ function ma(a) {
     Oa(a),
     qa(),
     Z(a),
-    za(a),
-    Ua(),
+    za(),
+    Ua(a),
     Ja(a),
     Ka(a),
-    Qa(a),
-    Wa(),
-    Xa(a),
-    Ya(),
-    Za(a)
+    Qa(),
+    Wa(a),
+    Xa(),
+    Ya(a)
   );
 }
 export {
-  ma as f
+  ta as f
 };

package/theme/{typography.947dc33f.js → typography.616cfe0c.js}

@@ -1,13 +1,6 @@
 import { createTheme as i } from "@mui/material";
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.a96a4046.js";
-import "@mui/system";
-import "./defaultThemeOptions.d580f3ec.js";
-import "./shadows.e0c009ff.js";
-import "./palette.287635f2.js";
-import { r as t, p as e } from "../utils/getFontValue.88831637.js";
-const n = "Segoe UI, Poppins, sans-serif", g = i(), W = {
+import { r as e, p as t } from "../utils/getFontValue.88831637.js";
+const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
   ...g.typography,
   fontFamily: n,
   fontWeightRegular: 400,
@@ -16,116 +9,116 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), W = {
   h1: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 38, md: 38, lg: 38 })
+    ...e({ sm: 38, md: 38, lg: 38 })
   },
   h2: {
     fontWeight: 600,
     lineHeight: 1,
-    ...t({ sm: 40, md: 40, lg: 40 })
+    ...e({ sm: 40, md: 40, lg: 40 })
   },
   h3: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 30, md: 30, lg: 30 })
+    ...e({ sm: 30, md: 30, lg: 30 })
   },
   h4: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 20, md: 20, lg: 20 })
+    ...e({ sm: 20, md: 20, lg: 20 })
   },
   h5: {
     fontWeight: 500,
     lineHeight: "28px",
     letterSpacing: "-0.01em",
-    ...t({ sm: 22, md: 22, lg: 22 })
+    ...e({ sm: 22, md: 22, lg: 22 })
   },
   h6: {
     fontWeight: 500,
     lineHeight: "24px",
     letterSpacing: "-0.08em",
-    ...t({ sm: 18, md: 18, lg: 18 })
+    ...e({ sm: 18, md: 18, lg: 18 })
   },
   subtitle: {
     fontWeight: 400,
     lineHeight: "20px",
     letterSpacing: "-0.006em",
-    ...t({ sm: 15, md: 15, lg: 15 })
+    ...e({ sm: 15, md: 15, lg: 15 })
   },
   subtitleDens: {
     fontWeight: 600,
     lineHeight: "24px",
     letterSpacing: "-0.006em",
-    ...t({ sm: 15, md: 15, lg: 15 })
+    ...e({ sm: 15, md: 15, lg: 15 })
   },
   paragraph: {
     fontWeight: 400,
     lineHeight: "16px",
     letterSpacing: "-0.003em",
-    ...t({ sm: 13, md: 13, lg: 13 })
+    ...e({ sm: 13, md: 13, lg: 13 })
   },
   paragraphDens: {
     fontWeight: 600,
     lineHeight: "20px",
     letterSpacing: "-0.003em",
-    ...t({ sm: 13, md: 13, lg: 13 })
+    ...e({ sm: 13, md: 13, lg: 13 })
   },
   subtitle1: {
     fontWeight: 600,
     lineHeight: 1.5,
-    fontSize: e(14)
+    fontSize: t(14)
   },
   subtitle2: {
     fontWeight: 600,
     lineHeight: 1.5,
-    fontSize: e(12)
+    fontSize: t(12)
   },
   body: {
     fontWeight: 400,
     lineHeight: "16px",
-    ...t({ sm: 11, md: 11, lg: 11 })
+    ...e({ sm: 11, md: 11, lg: 11 })
   },
   bodyDens: {
     fontWeight: 600,
     lineHeight: "16px",
-    ...t({ sm: 11, md: 11, lg: 11 })
+    ...e({ sm: 11, md: 11, lg: 11 })
   },
   body0: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: e(16)
+    fontSize: t(16)
   },
   body1: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: e(14)
+    fontSize: t(14)
   },
   body2: {
     lineHeight: 1.5,
     fontWeight: 400,
-    fontSize: e(12)
+    fontSize: t(12)
   },
   caption: {
     lineHeight: 1.5,
-    fontSize: e(11)
+    fontSize: t(11)
   },
   overline: {
     fontWeight: 700,
     lineHeight: 1.5,
-    fontSize: e(12),
+    fontSize: t(12),
     textTransform: "uppercase"
   },
   button: {
     fontWeight: 700,
     lineHeight: 24 / 14,
-    fontSize: e(14),
+    fontSize: t(14),
     textTransform: "capitalize"
   },
   action: {
     fontWeight: 600,
     lineHeight: "16px",
-    ...t({ sm: 12, md: 12, lg: 12 })
+    ...e({ sm: 12, md: 12, lg: 12 })
   }
 };
 export {
-  W as t
+  l as t
 };

package/types/augmentations.d.ts

@@ -1,144 +1,137 @@
-import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
-import { ColorStateOptions, CustomShadowOptions } from '../theme';
-import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-import { Breakpoints, ColorSystemOptions } from '@mui/material';
-import { CssVarsTheme } from '@mui/material/styles';
-
-declare module '@mui/material' {
-    interface Color {
-        0: string;
-        500_8: string;
-        500_12: string;
-        500_16: string;
-        500_24: string;
-        500_32: string;
-        500_48: string;
-        500_56: string;
-        500_80: string;
-    }
-}
-
-declare module '@mui/material/styles/createPalette' {
-
-
-}
-
-// declare module '@mui/core/Typography' {
-//     interface TypographyProps {
-//       variant?: 'subtitle';
-//     }
-// }
-
-declare module '@mui/material/styles' {
-
-    interface SimplePaletteColorOptions {
-        lighter?: string;
-        darker?: string;
-        LightSelected?: string;
-        LightSelectedHover?: string;
-        DarkSelected?: string;
-        DarkSelectedHover?: string;
-    }
-    interface PaletteColor {
-        lighter?: string;
-        darker?: string;
-        LightSelected?: string;
-        LightSelectedHover?: string;
-        DarkSelected?: string;
-        DarkSelectedHover?: string;
-        opacity?: string;
-        name?: string;
-    }
-    interface Palette {
-        gradients?: GradientsPaletteOptions;
-        chart: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-        patronus?: PatronusConstantColors;
-        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-        state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-        representative: string;
-        mode: 'light' | 'dark';
-        /* info: AgumentationInfoOptions; */
-    }
-
-    interface TypeText {
-        bgPrimary: string,
-    }
-    interface PaletteOptions {
-        gradients?: GradientsPaletteOptions;
-        chart?: ChartPaletteOptions;
-        grid?: GridPaletteOptions;
-        patronus?: PatronusConstantColors;
-        opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-        state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-        representative: string;
-        mode: 'light' | 'dark';
-    }
-
-    interface ColorSchemeOverrides {
-        finalTheme?: true;
-    }
-
-    interface Theme extends CssVarsTheme {
-        stretch: boolean;
-        customShadows: CustomShadowOptions;
-        breakpoints: Breakpoints;
-    }
-
-    interface ThemeVars {
-        customShadows: CustomShadowOptions;
-    }
-
-    interface ColorSystem {
-        typography: TypographyVariants;
-    }
-
-    interface TypeBackground {
-        neutral: string;
-        autofill: string;
-        header: string;
-        background: string;
-    }
-
-}
-
-
-
-declare module '@mui/material/styles' {
-
-    interface TypographyVariants {
-        subtitle: Record<string, any>;
-        subtitleDens: Record<string, any>;
-        paragraph: Record<string, any>;
-        paragraphDens: Record<string, any>;
-        body: Record<string, any>;
-        bodyDens: Record<string, any>;
-        action: Record<string, any>;
-    }
-
-    // allow configuration using `createTheme`
-    interface TypographyVariantsOptions {
-        subtitle: React.CSSProperties;
-        subtitleDens: React.CSSProperties;
-        paragraph: React.CSSProperties;
-        paragraphDens: React.CSSProperties;
-        body: React.CSSProperties;
-        bodyDens: React.CSSProperties;
-        action: React.CSSProperties;
-    }
-
-
-
-}
-
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        subtitle: true;
-        subtitleDens: true;
-        paragraph: true;
-        paragraphDens: true;
-        body: true;
-        bodyDens: true;
-        action: true;
-    }
-}
+import {
+  PatronusConstantColors,
+  PatronusOpacityColors,
+  PatronusOpacityOptions,
+} from '../theme/palette';
+import { ColorStateOptions, CustomShadowOptions } from '../theme';
+import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
+import { Breakpoints } from '@mui/material';
+import { CssVarsTheme } from '@mui/material/styles';
+
+declare module '@mui/material' {
+  interface Color {
+    0: string;
+    500_8: string;
+    500_12: string;
+    500_16: string;
+    500_24: string;
+    500_32: string;
+    500_48: string;
+    500_56: string;
+    500_80: string;
+  }
+}
+
+declare module '@mui/material/styles/createPalette' {}
+
+// declare module '@mui/core/Typography' {
+//     interface TypographyProps {
+//       variant?: 'subtitle';
+//     }
+// }
+
+declare module '@mui/material/styles' {
+  interface SimplePaletteColorOptions {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+  }
+  interface PaletteColor {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+    opacity?: string;
+    name?: string;
+  }
+  interface Palette {
+    gradients?: GradientsPaletteOptions;
+    chart: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+    /* info: AgumentationInfoOptions; */
+  }
+
+  interface TypeText {
+    bgPrimary: string;
+  }
+  interface PaletteOptions {
+    gradients?: GradientsPaletteOptions;
+    chart?: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+  }
+
+  interface ColorSchemeOverrides {
+    finalTheme?: true;
+  }
+
+  interface Theme extends CssVarsTheme {
+    stretch: boolean;
+    customShadows: CustomShadowOptions;
+    breakpoints: Breakpoints;
+  }
+
+  interface ThemeVars {
+    customShadows: CustomShadowOptions;
+  }
+
+  interface ColorSystem {
+    typography: TypographyVariants;
+  }
+
+  interface TypeBackground {
+    neutral: string;
+    autofill: string;
+    header: string;
+    background: string;
+  }
+}
+
+declare module '@mui/material/styles' {
+  interface TypographyVariants {
+    subtitle: Record<string, any>;
+    subtitleDens: Record<string, any>;
+    paragraph: Record<string, any>;
+    paragraphDens: Record<string, any>;
+    body: Record<string, any>;
+    bodyDens: Record<string, any>;
+    action: Record<string, any>;
+  }
+
+  // allow configuration using `createTheme`
+  interface TypographyVariantsOptions {
+    subtitle: React.CSSProperties;
+    subtitleDens: React.CSSProperties;
+    paragraph: React.CSSProperties;
+    paragraphDens: React.CSSProperties;
+    body: React.CSSProperties;
+    bodyDens: React.CSSProperties;
+    action: React.CSSProperties;
+  }
+}
+
+declare module '@mui/material/Typography' {
+  interface TypographyPropsVariantOverrides {
+    subtitle: true;
+    subtitleDens: true;
+    paragraph: true;
+    paragraphDens: true;
+    body: true;
+    bodyDens: true;
+    action: true;
+  }
+}

package/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './types.d';
+export * from './types';
 export * from './augmentations.d';

package/types/types.d.ts

@@ -1,24 +1,29 @@
-export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
-
-export interface GridPaletteOptions {
-    sectionHeader: string;
-    rowHover: string;
-    divider: string;
-}
-
-export interface ChartPaletteOptions {
-    violet: string[];
-    blue: string[];
-    green: string[];
-    yellow: string[];
-    red: string[];
-}
-
-export interface GradientsPaletteOptions {
-    primary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-
+export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
+export interface GridPaletteOptions {
+    sectionHeader: string;
+    rowHover: string;
+    divider: string;
+}
+export interface ChartPaletteOptions {
+    violet: string[];
+    blue: string[];
+    green: string[];
+    yellow: string[];
+    red: string[];
+}
+export interface GradientsPaletteOptions {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+export declare type ColorVariants = {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+};

package/utils/{getColorState.18b61422.js → getColorState.7cbf2219.js}

@@ -1,13 +1,8 @@
 import { alpha as a } from "@mui/system";
-import "../theme/defaultThemeOptions.d580f3ec.js";
-import "../theme/shadows.e0c009ff.js";
 import { P as e, O as r, S as o } from "../theme/palette.287635f2.js";
-import "../theme/typography.947dc33f.js";
-import "@mui/material";
-import "@mui/material/styles";
-const m = (i, l) => {
+const u = (l, d) => {
   let t = {};
-  switch (i) {
+  switch (l) {
     case "patronus":
       t = {
         light: {
@@ -249,8 +244,8 @@ const m = (i, l) => {
       };
       break;
   }
-  return l === "light" ? { ...t.light } : { ...t.dark };
+  return d === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  m as g
+  u as g
 };

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />

package/theme/index.16e25179.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.d580f3ec.js";
-import "./shadows.e0c009ff.js";
-import "./palette.287635f2.js";
-import "./typography.947dc33f.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";