@m4l/styles 2.0.0 → 2.0.1

package/index.js

@@ -1,51 +1,51 @@
-import { g as f, m as O } from "./config.5405b46b.js";
-import { d as S } from "./theme/defaultThemeOptions.cc70c82e.js";
-import { c as C, s as l } from "./theme/shadows.e0c009ff.js";
-import { t as n } from "./theme/typography.616cfe0c.js";
-import { f as P } from "./theme/overrides/index.3234140e.js";
-import { C as d, E as A, G as E, I as N, O as b, P as c, a as I, b as h, S as F, c as Y, W as v, p as w } from "./theme/palette.287635f2.js";
-import { u as G } from "./utils/useResponsive.2c45e8e0.js";
-import { g as M } from "./utils/getColorState.7cbf2219.js";
-import { e as y, b as D, c as V, d as W, g as k, a as q, t as B } from "./utils/getColorPresets.a96a4046.js";
-import { g as H, p as J, a as K, r as Q } from "./utils/getFontValue.88831637.js";
-import "@mui/material";
+import { d as f } from "./theme/defaultThemeOptions.d580f3ec.js";
+import { c as R, s as S } from "./theme/shadows.e0c009ff.js";
+import { C, E as l, G as g, I as n, O as u, P, a as T, b as d, S as A, c as E, W as N, p as b } from "./theme/palette.287635f2.js";
+import { t as I } from "./theme/typography.947dc33f.js";
+import { f as F } from "./theme/overrides/index.11f693b6.js";
+import { u as v } from "./utils/useResponsive.2c45e8e0.js";
+import { e as z, b as G, c as L, d as M, g as U, a as y, t as D } from "./utils/getColorPresets.a96a4046.js";
+import { g as W } from "./utils/getColorState.18b61422.js";
+import { g as q, p as B, a as j, r as H } from "./utils/getFontValue.88831637.js";
+import { g as K, m as Q } from "./config.5405b46b.js";
 import "@mui/material/styles";
-import "./theme/overrides/MUIComponents/index.5c43e3b5.js";
-import "./theme/overrides/M4LRHFComponents/index.3599b255.js";
-import "@mui/system";
-import "./theme/overrides/M4LExtendedComponents/index.8f549882.js";
 import "@mui/material/useMediaQuery";
+import "@mui/system";
+import "@mui/material";
+import "./theme/overrides/MUIComponents/index.5c43e3b5.js";
+import "./theme/overrides/M4LRHFComponents/index.a4e93e8e.js";
+import "./theme/overrides/M4LExtendedComponents/index.79301515.js";
 export {
-  d as COMMON,
-  A as ERROR,
-  E as GREY,
-  N as INFO,
-  b as OPACITYCOLORS,
-  c as PATRONUSCOLORS,
-  I as PRIMARY,
-  h as SECONDARY,
-  F as STATEDEFAULT,
-  Y as SUCCESS,
-  v as WARNING,
-  y as blaze,
-  D as brown,
-  V as colorPresets,
-  C as createCustomShadows,
-  W as defaultPreset,
-  S as defaultThemeOptions,
-  P as fnComponentsOverrides,
-  k as getColorPresets,
-  M as getColorState,
-  H as getFontValue,
-  f as globalRemSize,
-  q as grass,
-  O as muiBreakpointsValues,
-  w as palette,
-  J as pxToRem,
-  K as remToPx,
-  Q as responsiveFontSizes,
-  l as shadows,
-  B as turqui,
-  n as typography,
-  G as useResponsive
+  C as COMMON,
+  l as ERROR,
+  g as GREY,
+  n as INFO,
+  u as OPACITYCOLORS,
+  P as PATRONUSCOLORS,
+  T as PRIMARY,
+  d as SECONDARY,
+  A as STATEDEFAULT,
+  E as SUCCESS,
+  N as WARNING,
+  z as blaze,
+  G as brown,
+  L as colorPresets,
+  R as createCustomShadows,
+  M as defaultPreset,
+  f as defaultThemeOptions,
+  F as fnComponentsOverrides,
+  U as getColorPresets,
+  W as getColorState,
+  q as getFontValue,
+  K as globalRemSize,
+  y as grass,
+  Q as muiBreakpointsValues,
+  b as palette,
+  B as pxToRem,
+  j as remToPx,
+  H as responsiveFontSizes,
+  S as shadows,
+  D as turqui,
+  I as typography,
+  v as useResponsive
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/{defaultThemeOptions.cc70c82e.js → defaultThemeOptions.d580f3ec.js}

@@ -1,10 +1,13 @@
-import { t as a } from "./typography.616cfe0c.js";
+import "@mui/material/styles";
+import "@mui/material/useMediaQuery";
+import { g as t } from "../utils/getColorPresets.a96a4046.js";
+import "@mui/system";
+import { t as a } from "./typography.947dc33f.js";
 import { p as e } from "./palette.287635f2.js";
 import { createTheme as o, alpha as s } from "@mui/material";
 import { s as p, c as m } from "./shadows.e0c009ff.js";
-import { g as t } from "../utils/getColorPresets.a96a4046.js";
-import { g as i } from "../utils/getColorState.7cbf2219.js";
-const r = o(), f = {
+import { g as i } from "../utils/getColorState.18b61422.js";
+const r = o(), k = {
   ...r,
   typography: a,
   palette: {
@@ -27,5 +30,5 @@ const r = o(), f = {
   stretch: !0
 };
 export {
-  f as d
+  k as d
 };

package/theme/index.16e25179.js

@@ -0,0 +1,7 @@
+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";

package/theme/overrides/M4LExtendedComponents/{index.8f549882.js → index.79301515.js}

@@ -1,7 +1,11 @@
 import { alpha as t } from "@mui/material/styles";
 import { alpha as e } from "@mui/system";
+import "../../defaultThemeOptions.d580f3ec.js";
+import "../../shadows.e0c009ff.js";
 import { P as r } from "../../palette.287635f2.js";
-const p = (o) => ({
+import "../../typography.947dc33f.js";
+import "@mui/material";
+const c = (o) => ({
   M4LIcon: {
     styleOverrides: {
       ["&.M4LIcon-root"]: {
@@ -50,7 +54,7 @@ const p = (o) => ({
       }
     }
   }
-}), d = (o) => ({
+}), g = (o) => ({
   M4LIconButton: {
     styleOverrides: {
       ["&.M4LIconButton-root"]: {
@@ -185,7 +189,7 @@ const p = (o) => ({
       }
     }
   }
-}), l = (o) => ({
+}), x = (o) => ({
   M4LanguagePopover: {
     styleOverrides: {
       ["&.M4LanguagePopover-root"]: {
@@ -206,7 +210,7 @@ const p = (o) => ({
       }
     }
   }
-}), s = (o) => ({
+}), u = (o) => ({
   M4LImageButton: {
     styleOverrides: {
       ["&.M4LImageButton-root"]: {
@@ -260,7 +264,7 @@ const p = (o) => ({
       }
     }
   }
-}), c = (o) => ({
+}), b = (o) => ({
   M4LImage: {
     styleOverrides: {
       ["&.M4LImage-root"]: {
@@ -271,7 +275,7 @@ const p = (o) => ({
       }
     }
   }
-}), g = (o) => ({
+}), M = (o) => ({
   M4LPopover: {
     styleOverrides: {
       "&.M4LPopover-root": {
@@ -362,7 +366,7 @@ const p = (o) => ({
       }
     }
   }
-}), x = (o) => ({
+}), L = (o) => ({
   M4LErrorLabel: {
     styleOverrides: {
       ["&.M4LHelperText-root"]: {
@@ -381,7 +385,7 @@ const p = (o) => ({
       }
     }
   }
-}), u = (o) => ({
+}), v = (o) => ({
   M4LTypography: {
     styleOverrides: {
       ["&.M4LTypography-root"]: {
@@ -393,7 +397,7 @@ const p = (o) => ({
       }
     }
   }
-}), b = (o) => ({
+}), h = (o) => ({
   M4LButton: {
     styleOverrides: {
       "&.M4LButton-root": {
@@ -626,7 +630,7 @@ const p = (o) => ({
       }
     }
   }
-}), M = (o) => ({
+}), y = (o) => ({
   M4LNavLink: {
     styleOverrides: {
       ["&.M4LNavLink-root"]: {
@@ -646,7 +650,7 @@ const p = (o) => ({
       }
     }
   }
-}), L = (o) => ({
+}), f = (o) => ({
   M4LSideBar: {
     styleOverrides: {
       "&.M4LSideBar-root": {
@@ -2348,7 +2352,7 @@ const p = (o) => ({
       }
     }
   }
-}), v = (o) => ({
+}), w = (o) => ({
   M4LAreasAdmin: {
     styleOverrides: {
       "&.M4LAreasAdmin-root": {
@@ -2789,7 +2793,7 @@ const p = (o) => ({
       }
     }
   }
-}), h = (o) => ({
+}), m = (o) => ({
   M4LAreasViewer: {
     styleOverrides: {
       "&.M4LAreasViewer-root": {
@@ -3333,7 +3337,7 @@ const p = (o) => ({
       }
     }
   }
-}), y = (o) => ({
+}), C = (o) => ({
   M4LAppBar: {
     styleOverrides: {
       "&.M4LAppBar-root": {
@@ -3448,7 +3452,7 @@ const p = (o) => ({
       }
     }
   }
-}), f = (o) => ({
+}), k = (o) => ({
   M4LAvatar: {
     styleOverrides: {
       "&.M4LAvatar-root": {
@@ -3487,7 +3491,7 @@ const p = (o) => ({
       }
     }
   }
-}), w = (o) => ({
+}), S = (o) => ({
   M4LAccountPopover: {
     styleOverrides: {
       "&.M4LAccountPopover-root": {
@@ -3766,7 +3770,7 @@ const p = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), B = (o) => ({
   M4LModuleLayout: {
     styleOverrides: {
       "&.M4LModuleLayout-root": {
@@ -3783,7 +3787,7 @@ const p = (o) => ({
       }
     }
   }
-}), C = (o) => ({
+}), I = (o) => ({
   M4LMasterDetailLayout: {
     styleOverrides: {
       "&.M4LMasterDetailLayout-root": {
@@ -3816,7 +3820,7 @@ const p = (o) => ({
       }
     }
   }
-}), k = (o) => ({
+}), T = (o) => ({
   M4LSplitLayout: {
     styleOverrides: {
       "&.M4LSplitLayout-root": {
@@ -3937,7 +3941,7 @@ const p = (o) => ({
       }
     }
   }
-}), S = (o) => ({
+}), R = (o) => ({
   M4LCommonActions: {
     styleOverrides: {
       "&.M4LCommonActions-root": {
@@ -3950,7 +3954,7 @@ const p = (o) => ({
       }
     }
   }
-}), B = (o) => ({
+}), A = (o) => ({
   M4LinearProgressIndeterminate: {
     styleOverrides: {
       "&.M4LinearProgressIndeterminate-root": {
@@ -4004,7 +4008,7 @@ const p = (o) => ({
       }
     }
   }
-}), I = (o) => ({
+}), P = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
@@ -4106,7 +4110,7 @@ const p = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), D = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
@@ -4169,7 +4173,7 @@ const p = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), H = (o) => ({
   M4LAccordion: {
     styleOverrides: {
       "&.M4LAccordion-root": {
@@ -4310,7 +4314,7 @@ const p = (o) => ({
       }
     }
   }
-}), A = (o) => ({
+}), W = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -4325,7 +4329,7 @@ const p = (o) => ({
       }
     }
   }
-}), P = (o) => ({
+}), O = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -4505,7 +4509,7 @@ const p = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), z = (o) => ({
   M4LModalDialog: {
     styleOverrides: {
       "&.M4LModal-root": {
@@ -4631,7 +4635,7 @@ const p = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), V = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
@@ -4680,7 +4684,7 @@ const p = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), G = (o) => ({
   M4LTooltip: {
     styleOverrides: {
       "&.M4LTooltip-root": {
@@ -4701,7 +4705,7 @@ const p = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), F = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -4732,7 +4736,7 @@ const p = (o) => ({
       }
     }
   }
-}), z = (o) => (console.log("Test media query", o.typography.body), {
+}), j = (o) => (console.log("Test media query", o.typography.body), {
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -5079,7 +5083,7 @@ const p = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), N = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -5186,7 +5190,7 @@ const p = (o) => ({
       }
     }
   }
-}), G = (o) => ({
+}), E = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -5260,7 +5264,7 @@ const p = (o) => ({
       }
     }
   }
-}), F = (o) => ({
+}), $ = (o) => ({
   M4LStack: {
     styleOverrides: {
       "&.M4LStack-root": {
@@ -5273,7 +5277,7 @@ const p = (o) => ({
       }
     }
   }
-}), j = (o) => ({
+}), U = (o) => ({
   M4LTabs: {
     styleOverrides: {
       "&.M4LTabs-root": {
@@ -5313,7 +5317,7 @@ const p = (o) => ({
       }
     }
   }
-}), N = (o) => ({
+}), _ = (o) => ({
   M4LNoItemSelected: {
     styleOverrides: {
       "&.M4LNoItemSelected-root": {
@@ -5333,7 +5337,7 @@ const p = (o) => ({
       }
     }
   }
-}), E = (o) => ({
+}), q = (o) => ({
   M4LScrollBar: {
     styleOverrides: {
       "&.M4LScrollBar-root": {
@@ -5368,7 +5372,7 @@ const p = (o) => ({
       }
     }
   }
-}), $ = (o) => ({
+}), J = (o) => ({
   M4LGridLayout: {
     styleOverrides: {
       "&.M4LGridLayout-root": {
@@ -5376,7 +5380,7 @@ const p = (o) => ({
       }
     }
   }
-}), U = (o) => ({
+}), K = (o) => ({
   M4LTabContent: {
     styleOverrides: {
       "&.M4LTabContent-root": {
@@ -5407,7 +5411,7 @@ const p = (o) => ({
       }
     }
   }
-}), _ = (o) => ({
+}), Q = (o) => ({
   M4LMenuActions: {
     styleOverrides: {
       "&.M4LMenuActions-root": {
@@ -5441,7 +5445,7 @@ const p = (o) => ({
       }
     }
   }
-}), q = (o) => ({
+}), X = (o) => ({
   M4LPrintingSystem: {
     styleOverrides: {
       "&.M4LPrintingSystem-root": {
@@ -5623,7 +5627,7 @@ const p = (o) => ({
       }
     }
   }
-}), J = (o) => ({
+}), Y = (o) => ({
   M4LFormatter: {
     styleOverrides: {
       "&.M4LFormatter-root": {
@@ -5640,7 +5644,7 @@ const p = (o) => ({
       }
     }
   }
-}), K = (o) => ({
+}), Z = (o) => ({
   M4LoadingError: {
     styleOverrides: {
       "&.M4LoadingError-root": {
@@ -5699,7 +5703,7 @@ const p = (o) => ({
       }
     }
   }
-}), Q = (o) => ({
+}), oo = (o) => ({
   M4LMFLoader: {
     styleOverrides: {
       "&.M4LMFLoader-root": {
@@ -5718,7 +5722,7 @@ const p = (o) => ({
       }
     }
   }
-}), X = (o) => ({
+}), to = (o) => ({
   M4LLoadingButton: {
     styleOverrides: {
       "&.M4LLoadingButton-root": {
@@ -5950,7 +5954,7 @@ const p = (o) => ({
       }
     }
   }
-}), Y = (o) => ({
+}), ro = (o) => ({
   M4LPDFViewer: {
     styleOverrides: {
       "&.M4LPDFViewer-root": {
@@ -5965,7 +5969,7 @@ const p = (o) => ({
       }
     }
   }
-}), Z = (o) => ({
+}), eo = (o) => ({
   M4LTopBar: {
     styleOverrides: {
       "&.M4LTopBar-root": {
@@ -6028,7 +6032,7 @@ const p = (o) => ({
       }
     }
   }
-}), oo = (o) => ({
+}), ao = (o) => ({
   M4LAppBarCommercial: {
     styleOverrides: {
       "&.M4LAppBarCommercial-root": {
@@ -6049,7 +6053,7 @@ const p = (o) => ({
       }
     }
   }
-}), to = (o) => ({
+}), io = (o) => ({
   M4LSectionCommercial: {
     styleOverrides: {
       "&.M4LSectionCommercial-root": {
@@ -6068,7 +6072,7 @@ const p = (o) => ({
       }
     }
   }
-}), ro = (o) => ({
+}), no = (o) => ({
   M4LHamburgerMenuCommercial: {
     styleOverrides: {
       "&.M4LHamburgerMenuCommercial-root": {
@@ -6078,7 +6082,7 @@ const p = (o) => ({
       }
     }
   }
-}), eo = (o) => ({
+}), po = (o) => ({
   M4LFieldLabel: {
     styleOverrides: {
       "&.M4LFieldLabel-root": {
@@ -6101,7 +6105,7 @@ const p = (o) => ({
       }
     }
   }
-}), ao = (o) => ({
+}), lo = (o) => ({
   M4LMap: {
     styleOverrides: {
       "&.M4LMap-root": {
@@ -6350,7 +6354,7 @@ const p = (o) => ({
       }
     }
   }
-}), io = (o) => ({
+}), so = (o) => ({
   M4LMapGpsTools: {
     styleOverrides: {
       "&.M4LMapGpsTools-gpsToolsRoot": {
@@ -6407,57 +6411,57 @@ const p = (o) => ({
   }
 });
 export {
-  R as A,
-  P as B,
-  D as C,
-  H as D,
-  W as E,
-  V as F,
-  G,
-  F as H,
-  j as I,
-  N as J,
-  E as K,
-  $ as L,
-  X as M,
-  U as N,
-  _ as O,
-  q as P,
-  J as Q,
-  K as R,
-  Q as S,
-  Y as T,
-  Z as U,
-  oo as V,
-  to as W,
-  ro as X,
-  eo as Y,
-  io as Z,
-  ao as _,
-  A as a,
-  p as b,
-  d as c,
-  l as d,
-  s as e,
-  M as f,
-  c as g,
-  O as h,
-  g as i,
-  z as j,
-  x as k,
-  u as l,
-  b as m,
-  L as n,
-  y as o,
-  v as p,
-  h as q,
-  f as r,
-  w as s,
-  m as t,
-  C as u,
-  k as v,
-  S as w,
-  B as x,
-  I as y,
-  T as z
+  H as A,
+  O as B,
+  z as C,
+  V as D,
+  G as E,
+  N as F,
+  E as G,
+  $ as H,
+  U as I,
+  _ as J,
+  q as K,
+  J as L,
+  to as M,
+  K as N,
+  Q as O,
+  X as P,
+  Y as Q,
+  Z as R,
+  oo as S,
+  ro as T,
+  eo as U,
+  ao as V,
+  io as W,
+  no as X,
+  po as Y,
+  so as Z,
+  lo as _,
+  W as a,
+  c as b,
+  g as c,
+  x as d,
+  u as e,
+  y as f,
+  b as g,
+  F as h,
+  M as i,
+  j,
+  L as k,
+  v as l,
+  h as m,
+  f as n,
+  C as o,
+  w as p,
+  m as q,
+  k as r,
+  S as s,
+  B as t,
+  I as u,
+  T as v,
+  R as w,
+  A as x,
+  P as y,
+  D as z
 };

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.3234140e.js → index.11f693b6.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 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 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";
+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),

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 @@
-