@m4l/styles 1.0.9 → 2.0.1

package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export declare const M4LRHFAutocomplete: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
+export declare const M4LRHFAutocomplete: (theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme) => {
     M4LRHFAutocomplete: {
         styleOverrides: {
             '&.M4LRHFAutocomplete-root': {
@@ -47,6 +47,14 @@ export declare const M4LRHFAutocomplete: (theme: Omit<Theme, "palette" | "applyS
                                 height: string;
                                 padding: string;
                             };
+                            '& .M4LRHFAutocomplete-containerRefreshDown': {
+                                display: string;
+                                width: string;
+                                '& .M4LRHFAutocomplete-iconLeft': {
+                                    borderLeft: string;
+                                    borderColor: string;
+                                };
+                            };
                             '& .M4LRHFAutocomplete-iconDown': {};
                             '& .MuiOutlinedInput-notchedOutline': {
                                 inset: string;

package/theme/overrides/M4LRHFComponents/{index.3599b255.js → index.a4e93e8e.js}

@@ -1,6 +1,6 @@
 import { alpha as o } from "@mui/system";
 import { alpha as e } from "@mui/material/styles";
-const r = (t) => ({
+const a = (t) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       "&.M4LRHFTextFieldPassword-root": {
@@ -286,6 +286,14 @@ const r = (t) => ({
                 padding: "0 16px 0 8px",
                 ...t.colorSchemes.finalTheme.typography.body
               },
+              "& .M4LRHFAutocomplete-containerRefreshDown": {
+                display: "flex",
+                width: "auto",
+                "& .M4LRHFAutocomplete-iconLeft": {
+                  borderLeft: "1px solid",
+                  borderColor: t.vars.palette.state.borderPrimary
+                }
+              },
               "& .M4LRHFAutocomplete-iconDown": {},
               "& .MuiOutlinedInput-notchedOutline": {
                 inset: "0",
@@ -339,7 +347,10 @@ const r = (t) => ({
           },
           "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
             borderColor: t.vars.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${e(t.colorSchemes.finalTheme.palette.primary.main, 0.32)}`
+            boxShadow: `0px 1px 8px ${e(
+              t.colorSchemes.finalTheme.palette.primary.main,
+              0.32
+            )}`
           },
           "& .MuiInputBase-input": {
             color: t.vars.palette.text.primary
@@ -357,7 +368,10 @@ const r = (t) => ({
             background: t.vars.palette.state.active12,
             border: "2px solid",
             borderColor: t.vars.palette.state?.active,
-            boxShadow: `0px 1px 8px ${e(t.colorSchemes.finalTheme.palette.primary.main, 0.32)}`
+            boxShadow: `0px 1px 8px ${e(
+              t.colorSchemes.finalTheme.palette.primary.main,
+              0.32
+            )}`
           },
           "& .MuiInputBase-input": {
             color: t.vars.palette.text.primary
@@ -1052,7 +1066,7 @@ const r = (t) => ({
 });
 export {
   l as M,
-  r as a,
+  a,
   p as b,
   s as c,
   d,

package/theme/overrides/{index.f76e2bb0.js → index.11f693b6.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 { 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.a1f65f10.js";
-function ma(a) {
+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.a4e93e8e.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 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.79301515.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.616cfe0c.js → typography.947dc33f.js}

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

package/types/augmentations.d.ts

@@ -1,137 +1,137 @@
-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;
-  }
-}
+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/utils/{getColorState.7cbf2219.js → getColorState.18b61422.js}

@@ -1,8 +1,13 @@
 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";
-const u = (l, d) => {
+import "../theme/typography.947dc33f.js";
+import "@mui/material";
+import "@mui/material/styles";
+const m = (i, l) => {
   let t = {};
-  switch (l) {
+  switch (i) {
     case "patronus":
       t = {
         light: {
@@ -244,8 +249,8 @@ const u = (l, d) => {
       };
       break;
   }
-  return d === "light" ? { ...t.light } : { ...t.dark };
+  return l === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  u as g
+  m 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.34d0fdea.js

@@ -1 +0,0 @@
-