@m4l/styles 7.1.45-beta.0 → 7.1.46-beta.0

package/index.js

@@ -1,5 +1,5 @@
-import { alpha as o, useTheme as R } from "@mui/material/styles";
-import { alpha as g, createTheme as W } from "@mui/material";
+import { alpha as o, useTheme as R, createTheme as W } from "@mui/material/styles";
+import { alpha as b } from "@mui/material";
 import L from "@mui/material/useMediaQuery";
 const e = {
   patronusBlue: {
@@ -822,13 +822,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.patronus[20],
     // comprobado,
-    opacityGradient1Light: g(a.patronus[10], 0.35),
+    opacityGradient1Light: b(a.patronus[10], 0.35),
     // comprobado,
-    opacityGradient2Light: g(a.patronus[10], 0.15),
+    opacityGradient2Light: b(a.patronus[10], 0.15),
     // comprobado,
-    opacityGradient1Dark: g(a.patronus[10], 0.45),
+    opacityGradient1Dark: b(a.patronus[10], 0.45),
     // comprobado,
-    opacityGradient2Dark: g(a.patronus[10], 0.25),
+    opacityGradient2Dark: b(a.patronus[10], 0.25),
     // comprobado,
     opacityLight: a.patronus[10],
     // comprobado,
@@ -902,13 +902,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.grass[15] || "#fff",
     // comprobado,
-    opacityGradient1Light: g(a.grass[10], 0.35),
+    opacityGradient1Light: b(a.grass[10], 0.35),
     // comprobado,
-    opacityGradient2Light: g(a.grass[10], 0.15),
+    opacityGradient2Light: b(a.grass[10], 0.15),
     // comprobado,
-    opacityGradient1Dark: g(a.grass[10], 0.45),
+    opacityGradient1Dark: b(a.grass[10], 0.45),
     // comprobado,
-    opacityGradient2Dark: g(a.grass[10], 0.25),
+    opacityGradient2Dark: b(a.grass[10], 0.25),
     // comprobado,
     opacityLight: a.grass[10],
     // comprobado,
@@ -982,13 +982,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.turqui[20],
     // comprobado,
-    opacityGradient1Light: g(a.turqui[10], 0.35),
+    opacityGradient1Light: b(a.turqui[10], 0.35),
     // comprobado,
-    opacityGradient2Light: g(a.turqui[10], 0.15),
+    opacityGradient2Light: b(a.turqui[10], 0.15),
     // comprobado,
-    opacityGradient1Dark: g(a.turqui[10], 0.45),
+    opacityGradient1Dark: b(a.turqui[10], 0.45),
     // comprobado,
-    opacityGradient2Dark: g(a.turqui[10], 0.25),
+    opacityGradient2Dark: b(a.turqui[10], 0.25),
     // comprobado,
     opacityLight: a.turqui[10],
     // comprobado,
@@ -1064,13 +1064,13 @@ const e = {
     // comprobado,
     opacityLight: a.brown[10],
     // comprobado,
-    opacityGradient1Light: g(a.brown[10], 0.35),
+    opacityGradient1Light: b(a.brown[10], 0.35),
     // comprobado,
-    opacityGradient2Light: g(a.brown[10], 0.15),
+    opacityGradient2Light: b(a.brown[10], 0.15),
     // comprobado,
-    opacityGradient1Dark: g(a.brown[10], 0.45),
+    opacityGradient1Dark: b(a.brown[10], 0.45),
     // comprobado,
-    opacityGradient2Dark: g(a.brown[10], 0.25),
+    opacityGradient2Dark: b(a.brown[10], 0.25),
     // comprobado,
     opacityDark: a.brown[10],
     // comprobado,
@@ -1144,13 +1144,13 @@ const e = {
     // comprobado,
     opacityLight: a.blaze[10],
     // comprobado,
-    opacityGradient1Light: g(a.blaze[10], 0.35),
+    opacityGradient1Light: b(a.blaze[10], 0.35),
     // comprobado,
-    opacityGradient2Light: g(a.blaze[10], 0.15),
+    opacityGradient2Light: b(a.blaze[10], 0.15),
     // comprobado,
-    opacityGradient1Dark: g(a.blaze[10], 0.45),
+    opacityGradient1Dark: b(a.blaze[10], 0.45),
     // comprobado,
-    opacityGradient2Dark: g(a.blaze[10], 0.25),
+    opacityGradient2Dark: b(a.blaze[10], 0.25),
     // comprobado,
     opacityDark: a.blaze[10],
     // comprobado,
@@ -1413,9 +1413,9 @@ const e = {
     light: t.turqui.light,
     dark: t.turqui.dark
   }
-}, M = Object.keys(t), de = M.map((h) => ({
-  name: h,
-  value: t[h].main
+}, M = Object.keys(t), de = M.map((u) => ({
+  name: u,
+  value: t[u].main
 })), I = {
   default: {
     outlined: {
@@ -2508,7 +2508,7 @@ const e = {
       // Comprobado
     }
   }
-}, u = {
+}, g = {
   enabledLight: e.marbleLight[30],
   // Comprobado
   enabledDark: e.onyx[30],
@@ -2577,45 +2577,45 @@ const e = {
   toneOpacityDark: e.onyx[50]
   // Comprobado
 }, w = {
-  enabled: u.enabledLight,
-  enabledOpacity: u.enabledOpacityLight,
-  hover: u.hoverLight,
-  hoverOpacity: u.hoverOpacityLight,
-  contrastText: u.contrastText,
-  selected: u.selectedLight,
-  selectedOpacity: u.selectedOpacityLight,
-  focus: u.focusLight,
-  focusOpacity: u.focusOpacityLight,
-  active: u.activeLight,
-  activeOpacity: u.activeOpacityLight,
-  opacity: u.light,
-  opacityGradient1: u.opacityGradient1Light,
-  opacityGradient2: u.opacityGradient2Light,
-  toneOpacity: u.toneOpacityLight,
+  enabled: g.enabledLight,
+  enabledOpacity: g.enabledOpacityLight,
+  hover: g.hoverLight,
+  hoverOpacity: g.hoverOpacityLight,
+  contrastText: g.contrastText,
+  selected: g.selectedLight,
+  selectedOpacity: g.selectedOpacityLight,
+  focus: g.focusLight,
+  focusOpacity: g.focusOpacityLight,
+  active: g.activeLight,
+  activeOpacity: g.activeOpacityLight,
+  opacity: g.light,
+  opacityGradient1: g.opacityGradient1Light,
+  opacityGradient2: g.opacityGradient2Light,
+  toneOpacity: g.toneOpacityLight,
   //Por compatibilidad con MUI
-  main: u.mainLight,
-  light: u.light,
-  dark: u.dark
+  main: g.mainLight,
+  light: g.light,
+  dark: g.dark
 }, z = {
-  enabled: u.enabledDark,
-  enabledOpacity: u.enabledOpacityDark,
-  hover: u.hoverDark,
-  hoverOpacity: u.hoverOpacityDark,
-  contrastText: u.contrastText,
-  selected: u.selectedDark,
-  selectedOpacity: u.selectedOpacityDark,
-  focus: u.focusDark,
-  focusOpacity: u.focusOpacityDark,
-  active: u.activeDark,
-  activeOpacity: u.activeOpacityDark,
-  opacity: u.dark,
-  opacityGradient1: u.opacityGradient1Dark,
-  opacityGradient2: u.opacityGradient2Dark,
-  toneOpacity: u.toneOpacityDark,
+  enabled: g.enabledDark,
+  enabledOpacity: g.enabledOpacityDark,
+  hover: g.hoverDark,
+  hoverOpacity: g.hoverOpacityDark,
+  contrastText: g.contrastText,
+  selected: g.selectedDark,
+  selectedOpacity: g.selectedOpacityDark,
+  focus: g.focusDark,
+  focusOpacity: g.focusOpacityDark,
+  active: g.activeDark,
+  activeOpacity: g.activeOpacityDark,
+  opacity: g.dark,
+  opacityGradient1: g.opacityGradient1Dark,
+  opacityGradient2: g.opacityGradient2Dark,
+  toneOpacity: g.toneOpacityDark,
   //Por compatibilidad con MUI
-  main: u.mainDark,
-  light: u.light,
-  dark: u.dark
+  main: g.mainDark,
+  light: g.light,
+  dark: g.dark
 }, r = {
   info: {
     enabledLight: e.crayonBlue[50],
@@ -2658,13 +2658,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.crayon[10],
     // comprobado,
-    opacityGradient1Light: g(a.crayon[10], 0.25),
+    opacityGradient1Light: o(a.crayon[10], 0.25),
     // comprobado,
-    opacityGradient1Dark: g(a.crayon[10], 0.25),
+    opacityGradient1Dark: o(a.crayon[10], 0.25),
     // comprobado,
-    opacityGradient2Light: g(a.crayon[10], 0.1),
+    opacityGradient2Light: o(a.crayon[10], 0.1),
     // comprobado,
-    opacityGradient2Dark: g(a.crayon[10], 0.1),
+    opacityGradient2Dark: o(a.crayon[10], 0.1),
     // comprobado,
     opacityLight: a.crayon[10],
     // comprobado,
@@ -2732,13 +2732,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.middle[10],
     // comprobado,
-    opacityGradient1Light: g(a.middle[10], 0.25),
+    opacityGradient1Light: o(a.middle[10], 0.25),
     // comprobado,
-    opacityGradient1Dark: g(a.middle[10], 0.25),
+    opacityGradient1Dark: o(a.middle[10], 0.25),
     // comprobado,
-    opacityGradient2Light: g(a.middle[10], 0.1),
+    opacityGradient2Light: o(a.middle[10], 0.1),
     // comprobado,
-    opacityGradient2Dark: g(a.middle[10], 0.1),
+    opacityGradient2Dark: o(a.middle[10], 0.1),
     // comprobado,
     opacityLight: a.middle[10],
     // comprobado,
@@ -2806,13 +2806,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.flame[10],
     // comprobado,
-    opacityGradient1Light: g(a.flame[10], 0.25),
+    opacityGradient1Light: o(a.flame[10], 0.25),
     // comprobado,
-    opacityGradient1Dark: g(a.flame[10], 0.25),
+    opacityGradient1Dark: o(a.flame[10], 0.25),
     // comprobado,
-    opacityGradient2Light: g(a.flame[10], 0.1),
+    opacityGradient2Light: o(a.flame[10], 0.1),
     // comprobado,
-    opacityGradient2Dark: g(a.flame[10], 0.1),
+    opacityGradient2Dark: o(a.flame[10], 0.1),
     // comprobado,
     opacityLight: a.flame[10],
     // comprobado,
@@ -2880,13 +2880,13 @@ const e = {
     // comprobado,
     focusOpacityDark: a.acid[10],
     // comprobado,
-    opacityGradient1Light: g(a.acid[10], 0.25),
+    opacityGradient1Light: o(a.acid[10], 0.25),
     // comprobado,
-    opacityGradient1Dark: g(a.acid[10], 0.25),
+    opacityGradient1Dark: o(a.acid[10], 0.25),
     // comprobado,
-    opacityGradient2Light: g(a.acid[10], 0.1),
+    opacityGradient2Light: o(a.acid[10], 0.1),
     // comprobado,
-    opacityGradient2Dark: g(a.acid[10], 0.1),
+    opacityGradient2Dark: o(a.acid[10], 0.1),
     // comprobado,
     opacityLight: a.acid[10],
     // comprobado,
@@ -3091,8 +3091,8 @@ const e = {
     light: r.error.light,
     dark: r.error.dark
   }
-}, V = v[500], N = "#000000", H = (h) => {
-  const s = o(h, 0.2), i = o(h, 0.14), n = o(h, 0.12);
+}, V = v[500], N = "#000000", H = (u) => {
+  const s = o(u, 0.2), i = o(u, 0.14), n = o(u, 0.12);
   return [
     "none",
     `0px 2px 1px -1px ${s},0px 1px 1px 0px ${i},0px 1px 3px 0px ${n}`,
@@ -3120,7 +3120,7 @@ const e = {
     `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}`
   ];
-}, U = (h) => {
+}, U = (u) => {
   const s = {
     info: `0px 2px 8px 0px ${o(e.patronusBlue[50], 0.2)}`,
     secondary: `0px 2px 8px 0px ${o(e.patronusBlue[50], 0.24)}`,
@@ -3138,7 +3138,7 @@ const e = {
       0.24
     )}`
   };
-  return h === "light" ? {
+  return u === "light" ? {
     z1: `0px 2px 3px -2px ${o("#606f85", 0.08)}, 0px 2px 8px 0px ${o("#606f85", 0.08)}`,
     z2: `0px 4px 10px -5px ${o("#566376", 0.12)}, 0px 4px 20px -2px ${o("#566376", 0.12)}`,
     z3: `0px 4px 8px -5px  ${o("#404A59", 0.16)}, 0px 8px 30px -1px ${o("#566376", 0.12)}`,
@@ -3534,30 +3534,30 @@ const e = {
   weight: l,
   letterSpacing: c.normal
 };
-function se(h, s, i, n) {
+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 h === "up" ? E : h === "down" ? S : h === "between" ? q : h === "only" ? $ : !1;
+  return u === "up" ? E : u === "down" ? S : u === "between" ? q : u === "only" ? $ : !1;
 }
 const C = "patronus", B = t[C];
-function D(h) {
-  if (h == null)
+function D(u) {
+  if (u == null)
     return B;
   try {
-    return t?.[h] ?? B;
+    return t?.[u] ?? B;
   } catch {
     return B;
   }
 }
-function ge(h) {
-  return Math.round(parseFloat(h) * 16);
+function ge(u) {
+  return Math.round(parseFloat(u) * 16);
 }
-function f(h) {
-  return `${h / 16}rem`;
+function f(u) {
+  return `${u / 16}rem`;
 }
-function k({ sm: h, md: s, lg: i }) {
+function k({ sm: u, md: s, lg: i }) {
   return {
     "@media (min-width:0px)": {
-      fontSize: `${h}px`
+      fontSize: `${u}px`
     },
     "@media (min-width:900px)": {
       fontSize: `${s}px`
@@ -3567,13 +3567,13 @@ function k({ sm: h, md: s, lg: i }) {
     }
   };
 }
-const ue = (h, s) => s?.[h]?.main || h, G = {
+const ue = (u, s) => s?.[u]?.main || u, G = {
   light: {
     scrollBar: "#5663763D",
     gridHover: "#FCFCFC"
   }
-}, j = (h) => {
-  const s = h ?? C, i = _?.[s], n = Y?.[s];
+}, j = (u) => {
+  const s = u ?? C, i = _?.[s], n = Y?.[s];
   return {
     light: {
       mode: "light",
@@ -3811,7 +3811,7 @@ const ue = (h, s) => s?.[h]?.main || h, G = {
   r2: "8px",
   r3: "12px",
   r4: "16px"
-}, b = {
+}, h = {
   sp0: "0px",
   "sp0-5": "2px",
   sp1: "4px",
@@ -3839,55 +3839,55 @@ const ue = (h, s) => s?.[h]?.main || h, G = {
   "sp14-5": "58px"
 }, x = {
   base: {
-    small: b.sp5,
-    medium: b.sp6,
-    large: b.sp7
+    small: h.sp5,
+    medium: h.sp6,
+    large: h.sp7
   },
   action: {
-    small: b.sp7,
-    medium: b.sp8,
-    large: b.sp9
+    small: h.sp7,
+    medium: h.sp8,
+    large: h.sp9
   },
   container: {
-    small: b.sp9,
-    medium: b.sp10,
-    large: b.sp11
+    small: h.sp9,
+    medium: h.sp10,
+    large: h.sp11
   },
   box: {
-    small: b.sp7,
-    medium: b["sp7-5"],
-    large: b.sp8
+    small: h.sp7,
+    medium: h["sp7-5"],
+    large: h.sp8
   },
   case: {
-    small: b["sp4-5"],
-    medium: b["sp5-5"],
-    large: b.sp6
+    small: h["sp4-5"],
+    medium: h["sp5-5"],
+    large: h.sp6
   }
 }, y = {
   base: {
-    small: b["sp3-5"],
-    medium: b.sp4,
-    large: b.sp5
+    small: h["sp3-5"],
+    medium: h.sp4,
+    large: h.sp5
   },
   action: {
-    small: b.sp5,
-    medium: b.sp6,
-    large: b.sp8
+    small: h.sp5,
+    medium: h.sp6,
+    large: h.sp8
   },
   container: {
-    small: b.sp7,
-    medium: b.sp8,
-    large: b.sp9
+    small: h.sp7,
+    medium: h.sp8,
+    large: h.sp9
   },
   box: {
-    small: b["sp6-5"],
-    medium: b.sp7,
-    large: b.sp8
+    small: h["sp6-5"],
+    medium: h.sp7,
+    large: h.sp8
   },
   case: {
-    small: b.sp4,
-    medium: b.sp5,
-    large: b.sp6
+    small: h.sp4,
+    medium: h.sp5,
+    large: h.sp6
   }
 }, oe = {
   small: {
@@ -3959,24 +3959,24 @@ const ue = (h, s) => s?.[h]?.main || h, G = {
     ...ee
   },
   baseSpacings: {
-    ...b
+    ...h
   },
   density: {
     ...X
   }
 };
-function he(h, s) {
-  const i = h ?? "light", n = s ?? C, m = W();
+function he(u, s) {
+  const i = u ?? "light", n = s ?? C, m = W();
   return {
     ...m,
     ...m.typography,
     ...F,
     ...Z[i],
     customShadows: {
-      primary: i === "light" ? `0 4px 8px -4px ${g(D(n)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${g(D(n)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${g(D(n)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${g(D(n)?.enabledDark, 0.02)}`,
-      primary2: i === "light" ? `0px 2px 3px 0px ${g(D(n)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${g(D(n)?.hoverOpacityDark, 0.2)}`,
+      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)
     },
     stretch: !0,
@@ -3997,7 +3997,7 @@ const ie = "Inter, Segoe UI, Poppins, sans-serif", F = {
   fontSize: 14,
   fontWeightLight: 300,
   htmlFontSize: 16,
-  pxToRem: (h) => `${h / 16}rem`,
+  pxToRem: (u) => `${u / 16}rem`,
   // Definindo en Patronus
   h1: {
     fontWeight: 600,
@@ -4120,7 +4120,7 @@ const ie = "Inter, Segoe UI, Poppins, sans-serif", F = {
     lineHeight: "16px",
     ...k({ sm: 12, md: 12, lg: 12 })
   }
-}, ne = (h) => ({
+}, ne = (u) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -4136,7 +4136,7 @@ const ie = "Inter, Segoe UI, Poppins, sans-serif", F = {
     }
   }
 });
-function be(h) {
+function be(u) {
   return {
     ...ne()
   };
@@ -4169,7 +4169,7 @@ export {
   oe as POINTER_QR_DESKTOP_SIZES,
   te as POINTER_QR_MOBILE_SIZES,
   t as PRESET_COLORS,
-  u as PRESET_DEFAULT,
+  g as PRESET_DEFAULT,
   r as PRESET_SEMANTICS_COLORS,
   Y as PRIMARY_COLORS_DARK,
   _ as PRIMARY_COLORS_LIGHT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.45-beta.0",
+  "version": "7.1.46-beta.0",
   "publishConfig": {
     "access": "public"
   },

package/utils/getColorState.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPalletColor } from '../types/types';
-import { Theme } from '@mui/material';
+import { Theme } from '@mui/material/styles';
 /**
  * Get color state
  */

package/utils/getColorState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getColorState.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/getColorState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,oBAAoB,EAC3B,SAAS,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAGrD,CAAC"}
+{"version":3,"file":"getColorState.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/getColorState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,oBAAoB,EAC3B,SAAS,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAGrD,CAAC"}

package/utils/getUserThemeOptions.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/material';
+import { Theme } from '@mui/material/styles';
 import { ThemeUserColor, ThemeUserMode } from '../types/types';
 /**
  * Returns the application theme based on the user-selected color and mode.

package/utils/getUserThemeOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getUserThemeOptions.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/getUserThemeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,MAAM,eAAe,CAAC;AAI1D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/D;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,aAAa,GAAG,SAAS,EACxC,cAAc,EAAE,cAAc,GAAG,SAAS,GACzC,KAAK,CA8BP"}
+{"version":3,"file":"getUserThemeOptions.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/getUserThemeOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/D;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,aAAa,GAAG,SAAS,EACxC,cAAc,EAAE,cAAc,GAAG,SAAS,GACzC,KAAK,CA8BP"}

package/utils/useResponsive.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoint } from '@mui/material';
+import { Breakpoint } from '@mui/material/styles';
 type Query = 'up' | 'down' | 'between' | 'only';
 type Key = Breakpoint | number;
 type Start = Breakpoint | number;

package/utils/useResponsive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsive.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/useResponsive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,KAAK,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAChD,KAAK,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;AAC/B,KAAK,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;AACjC,KAAK,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;AAC/B;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,WAoB9E"}
+{"version":3,"file":"useResponsive.d.ts","sourceRoot":"","sources":["../../../../../packages/styles/src/utils/useResponsive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD,KAAK,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAChD,KAAK,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;AAC/B,KAAK,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;AACjC,KAAK,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;AAC/B;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,WAoB9E"}