@m4l/styles 0.0.47 → 0.0.48

package/theme/overrides/M4LRHFComponents/{index.02fada22.js → index.f37c2406.js}

@@ -1,6 +1,6 @@
 import { alpha as o } from "@mui/system";
 import { alpha as e } from "@mui/material/styles";
-const a = (t) => ({
+const r = (t) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       "&.M4LRHFTextFieldPassword-root": {
@@ -8,7 +8,7 @@ const a = (t) => ({
       }
     }
   }
-}), n = (t) => ({
+}), l = (t) => ({
   M4LRHFTextField: {
     styleOverrides: {
       "&.M4LRHFTextField-root": {
@@ -165,7 +165,7 @@ const a = (t) => ({
       }
     }
   }
-}), l = (t) => ({
+}), n = (t) => ({
   M4LRHFCheckbox: {
     styleOverrides: {
       "&.M4LRHFCheckbox-root": {
@@ -413,6 +413,19 @@ const a = (t) => ({
               objectPosition: "left"
             }
           }
+        },
+        "&.M4LRHFAutocomplete-multiple": {
+          "& .MuiAutocomplete-root": {
+            height: "auto"
+          },
+          "& .MuiAutocomplete-inputRoot": {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "6px"
+          },
+          "& .MuiInputBase-root": {
+            padding: "2px !important"
+          }
         }
       }
     }
@@ -506,6 +519,30 @@ const a = (t) => ({
         }
       }
     }
+  },
+  M4LRHFAutocompleteChip: {
+    styleOverrides: {
+      "&.M4LRHFAutocomplete-sizeSmall": {
+        height: "18px",
+        minHeight: "18px !important",
+        "& .MuiChip-deleteIcon": {
+          fontSize: "16px"
+        },
+        "& .MuiChip-label": {
+          paddingRight: 0
+        }
+      },
+      "&.M4LRHFAutocomplete-sizeMedium": {
+        height: "24px",
+        minHeight: "24px !important",
+        "& .MuiChip-deleteIcon": {
+          fontSize: "20px"
+        },
+        "& .MuiChip-label": {
+          paddingRight: 0
+        }
+      }
+    }
   }
 }), d = (t) => ({
   M4LRHFAutocompleteAsync: {
@@ -1004,13 +1041,13 @@ const a = (t) => ({
   }
 });
 export {
-  n as M,
-  a,
+  l as M,
+  r as a,
   p as b,
   d as c,
   u as d,
   s as e,
   M as f,
-  l as g,
+  n as g,
   c as h
 };

package/theme/overrides/{index.8e0b0233.js → index.155beeb3.js}

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

package/theme/{typography.ed54f014.js → typography.8878fde5.js}

@@ -1,13 +1,5 @@
-import "@mui/material/styles";
-import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.2a91ffaf.js";
-import "@mui/system";
-import "./defaultThemeOptions.656b9eff.js";
-import "./shadows.86540b18.js";
-import "./palette.0590e8a6.js";
-import "@mui/material";
-import { r as t, p as e } from "../utils/getFontValue.88831637.js";
-const i = "Segoe UI, Poppins, sans-serif", r = {
+import { r as e, p as t } from "../utils/getFontValue.88831637.js";
+const i = "Segoe UI, Poppins, sans-serif", g = {
   fontFamily: i,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
@@ -15,116 +7,116 @@ const i = "Segoe UI, Poppins, sans-serif", r = {
   h1: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 38, md: 40, lg: 40 })
+    ...e({ sm: 38, md: 40, lg: 40 })
   },
   h2: {
     fontWeight: 600,
     lineHeight: 1,
-    ...t({ sm: 40, md: 44, lg: 48 })
+    ...e({ sm: 40, md: 44, lg: 48 })
   },
   h3: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 30, md: 32, lg: 32 })
+    ...e({ sm: 30, md: 32, lg: 32 })
   },
   h4: {
     fontWeight: 600,
     lineHeight: 1.5,
-    ...t({ sm: 20, md: 24, lg: 24 })
+    ...e({ sm: 20, md: 24, lg: 24 })
   },
   h5: {
     fontWeight: 500,
     lineHeight: "28px",
     letterSpacing: "-0.01em",
-    ...t({ sm: 22, md: 24, lg: 24 })
+    ...e({ sm: 22, md: 24, lg: 24 })
   },
   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: 18, md: 15, lg: 15 })
+    ...e({ sm: 18, md: 15, lg: 15 })
   },
   subtitleDens: {
     fontWeight: 600,
     lineHeight: "24px",
     letterSpacing: "-0.006em",
-    ...t({ sm: 18, md: 15, lg: 15 })
+    ...e({ sm: 18, md: 15, lg: 15 })
   },
   paragraph: {
     fontWeight: 400,
     lineHeight: "16px",
     letterSpacing: "-0.003em",
-    ...t({ sm: 16, md: 13, lg: 13 })
+    ...e({ sm: 16, md: 13, lg: 13 })
   },
   paragraphDens: {
     fontWeight: 600,
     lineHeight: "20px",
     letterSpacing: "-0.003em",
-    ...t({ sm: 16, md: 13, lg: 13 })
+    ...e({ sm: 16, 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: 14, md: 11, lg: 11 })
+    ...e({ sm: 14, 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: 14, md: 12, lg: 12 })
+    ...e({ sm: 14, md: 12, lg: 12 })
   }
 };
 export {
-  r as t
+  g as t
 };

package/types/augmentations.d.ts

@@ -1,121 +1,121 @@
-import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
-import { ColorStateOptions, CustomShadowOptions } from '../theme';
-import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-
-
-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' {
-
-    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;
-    }
-    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;
-        /* 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;
-    }
-}
-
-// declare module '@mui/core/Typography' {
-//     interface TypographyProps {
-//       variant?: 'subtitle';
-//     }
-// }
-
-declare module '@mui/material/styles' {
-    interface Theme {
-        stretch?: boolean;
-        customShadows: CustomShadowOptions;
-    }
-
-    interface ThemeOptions {
-        stretch?: boolean;
-        customShadows?: CustomShadowOptions;
-    }
-
-    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;
-    }
-
-    interface TypeBackground { 
-        neutral: string;
-        autofill: string;
-        header: string;
-        background: string;
-    }
-
-}
-
-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';
+
+
+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' {
+
+    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;
+    }
+    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;
+        /* 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;
+    }
+}
+
+// declare module '@mui/core/Typography' {
+//     interface TypographyProps {
+//       variant?: 'subtitle';
+//     }
+// }
+
+declare module '@mui/material/styles' {
+    interface Theme {
+        stretch?: boolean;
+        customShadows: CustomShadowOptions;
+    }
+
+    interface ThemeOptions {
+        stretch?: boolean;
+        customShadows?: CustomShadowOptions;
+    }
+
+    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;
+    }
+
+    interface TypeBackground { 
+        neutral: string;
+        autofill: string;
+        header: string;
+        background: string;
+    }
+
+}
+
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        subtitle: true;
+        subtitleDens: true;
+        paragraph: true;
+        paragraphDens: true;
+        body: true;
+        bodyDens: true;
+        action: true;
+    }
+}

package/types/types.d.ts

@@ -1,24 +1,24 @@
-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;
+}
+

package/utils/{getColorState.7b9634af.js → getColorState.6c23eada.js}

@@ -1,11 +1,6 @@
 import { alpha as a } from "@mui/system";
-import "../theme/defaultThemeOptions.656b9eff.js";
-import "../theme/shadows.86540b18.js";
 import { P as e, O as r, S as o } from "../theme/palette.0590e8a6.js";
-import "../theme/typography.ed54f014.js";
-import "@mui/material";
-import "@mui/material/styles";
-const c = (i, n) => {
+const u = (i, n) => {
   let t = {};
   switch (i) {
     case "patronus":
@@ -240,5 +235,5 @@ const c = (i, n) => {
   return n === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  c 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.bc975e94.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.656b9eff.js";
-import "./shadows.86540b18.js";
-import "./palette.0590e8a6.js";
-import "./typography.ed54f014.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";