@cuemath/leap 3.1.46 → 3.1.47

package/dist/features/auth/forgot-password/forgot-password-styled.js

@@ -1,8 +1,8 @@
 import { styled as t } from "styled-components";
-import i from "../../ui/buttons/button/button.js";
-import p from "../../ui/layout/flex-view.js";
-import { media as o } from "../../utils/media.js";
-const x = t.form`
+import e from "../../ui/buttons/button/button.js";
+import o from "../../ui/layout/flex-view.js";
+import { getTheme as p } from "../../ui/theme/get-theme.js";
+const { mediaQueries: i } = p(), x = t.form`
   display: flex;
   flex: 1;
   margin-top: 0;
@@ -11,27 +11,27 @@ const x = t.form`
   max-width: 336px;
   width: 100%;
   height: 308px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
-`, a = t(p)`
+`, a = t(o)`
   margin-top: 0;
   max-width: 336px;
   width: 100%;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
-`, h = t(p)`
+`, s = t(o)`
   min-height: 300px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     height: 308px;
   }
-`, s = t(i)`
+`, d = t(e)`
   width: 100%;
 `;
 export {
-  s as ButtonWrapper,
-  h as Container,
+  d as ButtonWrapper,
+  s as Container,
   x as FormWrapper,
   a as OtpFormWrapper
 };

package/dist/features/auth/forgot-password/forgot-password-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { media } from '../../utils/media';\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  max-width: 336px;\n  width: 100%;\n  height: 308px;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const OtpFormWrapper = styled(FlexView)`\n  margin-top: 0;\n  max-width: 336px;\n  width: 100%;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const Container = styled(FlexView)`\n  min-height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport const ButtonWrapper = styled(Button)`\n  width: 100%;\n`;\n"],"names":["FormWrapper","styled","media","OtpFormWrapper","FlexView","Container","ButtonWrapper","Button"],"mappings":";;;;AAMO,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS9BC,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPC,IAAiBF,EAAOG,CAAQ;AAAA;AAAA;AAAA;AAAA,IAIzCF,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPG,IAAYJ,EAAOG,CAAQ;AAAA;AAAA,IAEpCF,EAAM,UAAU;AAAA;AAAA;AAAA,GAKPI,IAAgBL,EAAOM,CAAM;AAAA;AAAA;"}
+{"version":3,"file":"forgot-password-styled.js","sources":["../../../../src/features/auth/forgot-password/forgot-password-styled.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst { mediaQueries } = getTheme();\n\nexport const FormWrapper = styled.form`\n  display: flex;\n  flex: 1;\n  margin-top: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  max-width: 336px;\n  width: 100%;\n  height: 308px;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const OtpFormWrapper = styled(FlexView)`\n  margin-top: 0;\n  max-width: 336px;\n  width: 100%;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nexport const Container = styled(FlexView)`\n  min-height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport const ButtonWrapper = styled(Button)`\n  width: 100%;\n`;\n"],"names":["mediaQueries","getTheme","FormWrapper","styled","OtpFormWrapper","FlexView","Container","ButtonWrapper","Button"],"mappings":";;;;AAMA,MAAM,EAAE,cAAAA,EAAa,IAAIC,KAEZC,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAS9BH,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBI,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA,IAIzCL,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBM,IAAYH,EAAOE,CAAQ;AAAA;AAAA,IAEpCL,EAAa,eAAe;AAAA;AAAA;AAAA,GAKnBO,IAAgBJ,EAAOK,CAAM;AAAA;AAAA;"}

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js

@@ -1,7 +1,7 @@
-import t from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-import { media as e } from "../../../utils/media.js";
-const r = t.form`
+import e from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+import { getTheme as o } from "../../../ui/theme/get-theme.js";
+const { mediaQueries: t } = o(), n = e.form`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -9,17 +9,17 @@ const r = t.form`
   flex: 1;
   width: 100%;
   max-width: 336px;
-  ${e.minDesktop} {
+  ${t.minWidthDesktop} {
     margin-top: 8px;
   }
-`, n = t(o)`
+`, s = e(i)`
   height: 300px;
-  ${e.minDesktop} {
+  ${t.minWidthDesktop} {
     height: 308px;
   }
 `;
 export {
-  n as Container,
-  r as FormWrapper
+  s as Container,
+  n as FormWrapper
 };
 //# sourceMappingURL=identifier-otp-form-styled.js.map

package/dist/features/auth/login/identifier-otp-form/identifier-otp-form-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { media } from '../../../utils/media';\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 0;\n  flex: 1;\n  width: 100%;\n  max-width: 336px;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst Container = styled(FlexView)`\n  height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { FormWrapper, Container };\n"],"names":["FormWrapper","styled","media","Container","FlexView"],"mappings":";;;AAKA,MAAMA,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvBC,EAAM,UAAU;AAAA;AAAA;AAAA,GAKdC,IAAYF,EAAOG,CAAQ;AAAA;AAAA,IAE7BF,EAAM,UAAU;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"identifier-otp-form-styled.js","sources":["../../../../../src/features/auth/login/identifier-otp-form/identifier-otp-form-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { getTheme } from '../../../ui/theme/get-theme';\n\nconst { mediaQueries } = getTheme();\n\nconst FormWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 0;\n  flex: 1;\n  width: 100%;\n  max-width: 336px;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst Container = styled(FlexView)`\n  height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { FormWrapper, Container };\n"],"names":["mediaQueries","getTheme","FormWrapper","styled","Container","FlexView"],"mappings":";;;AAKA,MAAM,EAAE,cAAAA,EAAa,IAAIC,KAEnBC,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQvBH,EAAa,eAAe;AAAA;AAAA;AAAA,GAK1BI,IAAYD,EAAOE,CAAQ;AAAA;AAAA,IAE7BL,EAAa,eAAe;AAAA;AAAA;AAAA;"}

package/dist/features/auth/login/login-styled.js

@@ -1,21 +1,21 @@
 import t from "styled-components";
-import i from "../../ui/buttons/button/button.js";
+import o from "../../ui/buttons/button/button.js";
 import m from "../../ui/layout/flex-view.js";
-import { media as o } from "../../utils/media.js";
-const x = t.form`
+import { getTheme as e } from "../../ui/theme/get-theme.js";
+const { mediaQueries: i } = e(), x = t.form`
   max-width: 336px;
   width: 100%;
   margin-top: 0;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     margin-top: 8px;
   }
 `;
-t(i)`
+t(o)`
   max-width: 160px;
 `;
 const a = t(m)`
   min-height: 300px;
-  ${o.minDesktop} {
+  ${i.minWidthDesktop} {
     height: 308px;
   }
 `;

package/dist/features/auth/login/login-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { media } from '../../utils/media';\n\nexport const FormContainer = styled.form`\n  max-width: 336px;\n  width: 100%;\n  margin-top: 0;\n  ${media.minDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  max-width: 160px;\n`;\n\nconst Container = styled(FlexView)`\n  min-height: 300px;\n  ${media.minDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { ButtonWrapper, Container };\n"],"names":["FormContainer","styled","media","Button","Container","FlexView"],"mappings":";;;;AAMO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,IAIhCC,EAAM,UAAU;AAAA;AAAA;AAAA;AAKED,EAAOE,CAAM;AAAA;AAAA;AAI7B,MAAAC,IAAYH,EAAOI,CAAQ;AAAA;AAAA,IAE7BH,EAAM,UAAU;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"login-styled.js","sources":["../../../../src/features/auth/login/login-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Button from '../../ui/buttons/button/button';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst { mediaQueries } = getTheme();\n\nexport const FormContainer = styled.form`\n  max-width: 336px;\n  width: 100%;\n  margin-top: 0;\n  ${mediaQueries.minWidthDesktop} {\n    margin-top: 8px;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  max-width: 160px;\n`;\n\nconst Container = styled(FlexView)`\n  min-height: 300px;\n  ${mediaQueries.minWidthDesktop} {\n    height: 308px;\n  }\n`;\n\nexport { ButtonWrapper, Container };\n"],"names":["mediaQueries","getTheme","FormContainer","styled","Button","Container","FlexView"],"mappings":";;;;AAMA,MAAM,EAAE,cAAAA,EAAa,IAAIC,KAEZC,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA,IAIhCH,EAAa,eAAe;AAAA;AAAA;AAAA;AAKVG,EAAOC,CAAM;AAAA;AAAA;AAI7B,MAAAC,IAAYF,EAAOG,CAAQ;AAAA;AAAA,IAE7BN,EAAa,eAAe;AAAA;AAAA;AAAA;"}

package/dist/features/hooks/use-viewport/use-viewport.js

@@ -1,21 +1,22 @@
-import { useState as n, useEffect as r } from "react";
-import { getDeviceType as c } from "../../utils/media.js";
-const d = () => {
-  const [s, o] = n(() => window.innerWidth);
+import { useState as c, useEffect as r } from "react";
+import { getTheme as i } from "../../ui/theme/get-theme.js";
+const a = () => {
+  const [e, o] = c(() => i().device);
   r(() => {
-    function i() {
-      o(window.innerWidth);
+    function t() {
+      const { device: n } = i();
+      o(n);
     }
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
   }, []);
-  const e = c(s), t = e === "mobile";
+  const s = e === "mobile";
   return {
-    isMobile: t,
-    isCompact: t || e === "tablet",
-    isDesktop: e === "desktop" || e === "large" || e === "xl"
+    isMobile: s,
+    isCompact: s || e === "tablet",
+    isDesktop: e === "small-desktop" || e === "desktop" || e === "large-device" || e === "xlarge-device"
   };
-}, f = d;
+}, w = a;
 export {
-  f as default
+  w as default
 };
 //# sourceMappingURL=use-viewport.js.map

package/dist/features/hooks/use-viewport/use-viewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getDeviceType } from '../../utils/media';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [width, setWidth] = useState(() => window.innerWidth);\n\n  useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const deviceType = getDeviceType(width);\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large';\n  const isXL = deviceType === 'xl';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","width","setWidth","useState","useEffect","handleResize","deviceType","getDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AAC5C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM,OAAO,UAAU;AAE1D,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,MAAAH,EAAS,OAAO,UAAU;AAAA,IAC5B;AAEO,kBAAA,iBAAiB,UAAUG,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEC,QAAAC,IAAaC,EAAcN,CAAK,GAChCO,IAAWF,MAAe;AAMzB,SAAA;AAAA,IACL,UAAAE;AAAA,IACA,WAAWA,KAPIF,MAAe;AAAA,IAQ9B,WAPgBA,MAAe,aACjBA,MAAe,WAClBA,MAAe;AAAA,EAKS;AAEvC,GAEAG,IAAeT;"}
+{"version":3,"file":"use-viewport.js","sources":["../../../../src/features/hooks/use-viewport/use-viewport.ts"],"sourcesContent":["import type { IUseViewportReturn } from './use-viewport-types';\n\nimport { useEffect, useState } from 'react';\n\nimport { getTheme } from '../../ui/theme/get-theme';\n\nconst useViewport = (): IUseViewportReturn => {\n  const [deviceType, setDeviceType] = useState(() => getTheme().device);\n\n  useEffect(() => {\n    function handleResize() {\n      const { device: newDeviceType } = getTheme();\n\n      setDeviceType(newDeviceType);\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const isMobile = deviceType === 'mobile';\n  const isTablet = deviceType === 'tablet';\n  const isSmallDesktop = deviceType === 'small-desktop';\n  const isDesktop = deviceType === 'desktop';\n  const isLarge = deviceType === 'large-device';\n  const isXL = deviceType === 'xlarge-device';\n\n  return {\n    isMobile: isMobile,\n    isCompact: isMobile || isTablet,\n    isDesktop: isSmallDesktop || isDesktop || isLarge || isXL,\n  };\n};\n\nexport default useViewport;\n"],"names":["useViewport","deviceType","setDeviceType","useState","getTheme","useEffect","handleResize","newDeviceType","isMobile","useViewport$1"],"mappings":";;AAMA,MAAMA,IAAc,MAA0B;AACtC,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAAS,MAAMC,EAAA,EAAW,MAAM;AAEpE,EAAAC,EAAU,MAAM;AACd,aAASC,IAAe;AACtB,YAAM,EAAE,QAAQC,EAAc,IAAIH,EAAS;AAE3C,MAAAF,EAAcK,CAAa;AAAA,IAC7B;AAEO,kBAAA,iBAAiB,UAAUD,CAAY,GAEvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAE,CAAA;AAEL,QAAME,IAAWP,MAAe;AAOzB,SAAA;AAAA,IACL,UAAAO;AAAA,IACA,WAAWA,KARIP,MAAe;AAAA,IAS9B,WARqBA,MAAe,mBACpBA,MAAe,aACjBA,MAAe,kBAClBA,MAAe;AAAA,EAK2B;AAEzD,GAEAQ,IAAeT;"}

package/dist/features/ui/theme/constants.js

@@ -0,0 +1,11 @@
+const e = {
+  tablet: 760,
+  smallDesktop: 920,
+  desktop: 1072,
+  largeDevice: 1232,
+  xlargeDevice: 1424
+};
+export {
+  e as BREAKPOINTS
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/ui/theme/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/features/ui/theme/constants.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  tablet: 760,\n  smallDesktop: 920,\n  desktop: 1072,\n  largeDevice: 1232,\n  xlargeDevice: 1424,\n};\n"],"names":["BREAKPOINTS"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;"}

package/dist/features/ui/theme/get-device.js

@@ -0,0 +1,6 @@
+import { BREAKPOINTS as r } from "./constants.js";
+const l = (e) => e >= r.xlargeDevice ? "xlarge-device" : e >= r.largeDevice ? "large-device" : e >= r.smallDesktop ? "small-desktop" : e >= r.desktop ? "desktop" : e >= r.tablet ? "tablet" : "mobile";
+export {
+  l as getDevice
+};
+//# sourceMappingURL=get-device.js.map

package/dist/features/ui/theme/get-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-device.js","sources":["../../../../src/features/ui/theme/get-device.ts"],"sourcesContent":["import type { TDeviceType } from '../types';\n\nimport { BREAKPOINTS } from './constants';\n\nexport const getDevice = (width: number): TDeviceType => {\n  if (width >= BREAKPOINTS.xlargeDevice) return 'xlarge-device';\n\n  if (width >= BREAKPOINTS.largeDevice) return 'large-device';\n\n  if (width >= BREAKPOINTS.smallDesktop) return 'small-desktop';\n\n  if (width >= BREAKPOINTS.desktop) return 'desktop';\n\n  if (width >= BREAKPOINTS.tablet) return 'tablet';\n\n  return 'mobile';\n};\n"],"names":["getDevice","width","BREAKPOINTS"],"mappings":";AAIa,MAAAA,IAAY,CAACC,MACpBA,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,cAAoB,iBAEzCD,KAASC,EAAY,eAAqB,kBAE1CD,KAASC,EAAY,UAAgB,YAErCD,KAASC,EAAY,SAAe,WAEjC;"}

package/dist/features/ui/theme/get-theme.js

@@ -1,32 +1,34 @@
 import r from "./arrow-tooltip.js";
-import e from "./button.js";
-import i from "./checkbox.js";
-import m, { hues as g } from "./clrs.js";
-import { getDeviceConfig as n } from "./device.js";
-import f from "./input.js";
-import p from "./layout.js";
-import u from "./tab.js";
-import C from "./text.js";
-import c from "./text-button.js";
-import { getZIndexConfig as x } from "./z-index.js";
-const v = () => {
-  const t = p(), { gutter: o } = t;
+import i from "./button.js";
+import m from "./checkbox.js";
+import g, { hues as f } from "./clrs.js";
+import { getDevice as n } from "./get-device.js";
+import p from "./input.js";
+import u from "./layout.js";
+import { getMediaQueries as c } from "./media-queries.js";
+import s from "./tab.js";
+import x from "./text.js";
+import C from "./text-button.js";
+import { getZIndexConfig as a } from "./z-index.js";
+const z = () => {
+  const t = u(), { gutter: o, deviceWidth: e } = t;
   return {
     arrowTooltip: r(),
-    button: e(o),
-    colors: m(),
-    hues: g,
-    input: f(o),
-    checkbox: i(o),
+    button: i(o),
+    colors: g(),
+    hues: f,
+    input: p(o),
+    checkbox: m(o),
     layout: t,
-    tab: u(t.gutter),
-    text: C(),
-    textButton: c(),
-    zIndex: x(),
-    device: n()
+    tab: s(t.gutter),
+    text: x(),
+    textButton: C(),
+    zIndex: a(),
+    device: n(e),
+    mediaQueries: c()
   };
 };
 export {
-  v as getTheme
+  z as getTheme
 };
 //# sourceMappingURL=get-theme.js.map

package/dist/features/ui/theme/get-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDeviceConfig } from './device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDeviceConfig(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDeviceConfig"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,EAAW,IAAAF;AAEZ,SAAA;AAAA,IACL,cAAcG,EAAsB;AAAA,IACpC,QAAQC,EAAgBF,CAAM;AAAA,IAC9B,QAAQG,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeL,CAAM;AAAA,IAC5B,UAAUM,EAAkBN,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKS,EAAaT,EAAO,MAAM;AAAA,IAC/B,MAAMU,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAgB;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"get-theme.js","sources":["../../../../src/features/ui/theme/get-theme.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components';\n\nimport getArrowTooltipConfig from './arrow-tooltip';\nimport getButtonConfig from './button';\nimport getCheckboxConfig from './checkbox';\nimport getColors, { hues } from './clrs';\nimport { getDevice } from './get-device';\nimport getInputConfig from './input';\nimport getLayout from './layout';\nimport { getMediaQueries } from './media-queries';\nimport getTabConfig from './tab';\nimport getTextTypes from './text';\nimport getTextButtonConfig from './text-button';\nimport { getZIndexConfig } from './z-index';\n\nconst getTheme: () => DefaultTheme = () => {\n  const layout = getLayout();\n  const { gutter, deviceWidth } = layout;\n\n  return {\n    arrowTooltip: getArrowTooltipConfig(),\n    button: getButtonConfig(gutter),\n    colors: getColors(),\n    hues: hues,\n    input: getInputConfig(gutter),\n    checkbox: getCheckboxConfig(gutter),\n    layout,\n    tab: getTabConfig(layout.gutter),\n    text: getTextTypes(),\n    textButton: getTextButtonConfig(),\n    zIndex: getZIndexConfig(),\n    device: getDevice(deviceWidth),\n    mediaQueries: getMediaQueries(),\n  };\n};\n\nexport { getTheme };\n"],"names":["getTheme","layout","getLayout","gutter","deviceWidth","getArrowTooltipConfig","getButtonConfig","getColors","hues","getInputConfig","getCheckboxConfig","getTabConfig","getTextTypes","getTextButtonConfig","getZIndexConfig","getDevice","getMediaQueries"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAA+B,MAAM;AACzC,QAAMC,IAASC,KACT,EAAE,QAAAC,GAAQ,aAAAC,EAAgB,IAAAH;AAEzB,SAAA;AAAA,IACL,cAAcI,EAAsB;AAAA,IACpC,QAAQC,EAAgBH,CAAM;AAAA,IAC9B,QAAQI,EAAU;AAAA,IAClB,MAAAC;AAAA,IACA,OAAOC,EAAeN,CAAM;AAAA,IAC5B,UAAUO,EAAkBP,CAAM;AAAA,IAClC,QAAAF;AAAA,IACA,KAAKU,EAAaV,EAAO,MAAM;AAAA,IAC/B,MAAMW,EAAa;AAAA,IACnB,YAAYC,EAAoB;AAAA,IAChC,QAAQC,EAAgB;AAAA,IACxB,QAAQC,EAAUX,CAAW;AAAA,IAC7B,cAAcY,EAAgB;AAAA,EAAA;AAElC;"}

package/dist/features/ui/theme/layout.js

@@ -1,9 +1,12 @@
-function e(t = 1) {
+function n(t = 1) {
+  const e = window.innerWidth, i = window.innerHeight;
   return {
-    gutter: 16 * t
+    gutter: 16 * t,
+    deviceWidth: e,
+    deviceHeight: i
   };
 }
 export {
-  e as default
+  n as default
 };
 //# sourceMappingURL=layout.js.map

package/dist/features/ui/theme/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  return {\n    gutter: 16 * multiplier,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC3C,SAAA;AAAA,IACL,QAAQ,KAAKA;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n\n  return {\n    gutter: 16 * multiplier,\n    deviceWidth: width,\n    deviceHeight: height,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier","width","height"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAClD,QAAMC,IAAQ,OAAO,YACfC,IAAS,OAAO;AAEf,SAAA;AAAA,IACL,QAAQ,KAAKF;AAAA,IACb,aAAaC;AAAA,IACb,cAAcC;AAAA,EAAA;AAElB;"}

package/dist/features/ui/theme/media-queries.js

@@ -0,0 +1,11 @@
+import { BREAKPOINTS as i } from "./constants.js";
+const t = () => ({
+  minWidthTablet: `@media (min-width: ${i.tablet}px)`,
+  minWidthSmallDesktop: `@media (min-width: ${i.smallDesktop}px)`,
+  minWidthDesktop: `@media (min-width: ${i.desktop}px)`,
+  minWidthLargeDevice: `@media (min-width: ${i.largeDevice}px)`
+});
+export {
+  t as getMediaQueries
+};
+//# sourceMappingURL=media-queries.js.map

package/dist/features/ui/theme/media-queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-queries.js","sources":["../../../../src/features/ui/theme/media-queries.ts"],"sourcesContent":["import { BREAKPOINTS } from './constants';\n\nexport const getMediaQueries = () => ({\n  minWidthTablet: `@media (min-width: ${BREAKPOINTS.tablet}px)`,\n  minWidthSmallDesktop: `@media (min-width: ${BREAKPOINTS.smallDesktop}px)`,\n  minWidthDesktop: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  minWidthLargeDevice: `@media (min-width: ${BREAKPOINTS.largeDevice}px)`,\n});\n"],"names":["getMediaQueries","BREAKPOINTS"],"mappings":";AAEO,MAAMA,IAAkB,OAAO;AAAA,EACpC,gBAAgB,sBAAsBC,EAAY,MAAM;AAAA,EACxD,sBAAsB,sBAAsBA,EAAY,YAAY;AAAA,EACpE,iBAAiB,sBAAsBA,EAAY,OAAO;AAAA,EAC1D,qBAAqB,sBAAsBA,EAAY,WAAW;AACpE;"}

package/dist/index.d.ts

@@ -510,12 +510,19 @@ declare const getCheckboxConfig: IGetCheckboxConfig;
 
 declare function getColors(): TColorsMap;
 
-declare const getDeviceConfig: () => TSupportedDevices;
+declare const getDevice: (width: number) => TDeviceType;
 
 declare const getInputConfig: IGetInputConfig;
 
 declare function getLayout(multiplier?: number): ILayout;
 
+declare const getMediaQueries: () => {
+    minWidthTablet: string;
+    minWidthSmallDesktop: string;
+    minWidthDesktop: string;
+    minWidthLargeDevice: string;
+};
+
 declare const getTabConfig: IGetTabConfig;
 
 declare const getTextButtonConfig: IGetTextButtonConfig;
@@ -1686,6 +1693,8 @@ declare interface IJourneyProviderProps {
 
 export declare interface ILayout {
     gutter: number;
+    deviceWidth: number;
+    deviceHeight: number;
 }
 
 export declare interface ILeaderboardDetails {
@@ -3471,7 +3480,8 @@ export declare interface ITheme {
     textButton: ReturnType<typeof getTextButtonConfig>;
     zIndex: ReturnType<typeof getZIndexConfig>;
     checkbox: ReturnType<typeof getCheckboxConfig>;
-    device: ReturnType<typeof getDeviceConfig>;
+    device: ReturnType<typeof getDevice>;
+    mediaQueries: ReturnType<typeof getMediaQueries>;
 }
 
 declare interface ITile {
@@ -4221,11 +4231,6 @@ export declare const Maintenance: React_2.FC<IMaintenanceProps>;
 
 declare const MASTERY: "mastery";
 
-export declare const media: {
-    minDesktop: string;
-    minLarge: string;
-};
-
 export declare const MilestoneActionWidget: React_2.FC<IMilestoneActionWidgetProps>;
 
 export declare const MilestoneCreate: React.FC<IMileStoneCreateContainerProps>;
@@ -4937,6 +4942,8 @@ declare type TCueProgramData = {
 
 declare type TDefaultSection = Record<string, unknown>;
 
+export declare type TDeviceType = 'mobile' | 'tablet' | 'small-desktop' | 'desktop' | 'large-device' | 'xlarge-device';
+
 declare type TDrawingData = ITile | IStroke | undefined;
 
 declare type TEnglishSectionSummary = {
@@ -5750,8 +5757,6 @@ declare type TSubscribe = (id: string, cb: (data: IActionData | IActionData[]) =
 
 declare type TSubscribeMouseMove = (id: string, callback: (data: IPointerData) => void) => void;
 
-export declare type TSupportedDevices = 'mobile' | 'desktop';
-
 export declare type TTableMode = 'random' | 'sequence' | 'advance' | 'infinite';
 
 export declare type TTabSizes = 'xsmall' | 'small' | 'regular' | 'medium';

package/dist/index.js

@@ -265,21 +265,20 @@ import { WORKSHEET_V3_NODE_TYPES as eu } from "./features/sheets/utils/is-v3-wor
 import { COMPLETED_SHEET_STATE as ru, NODE_LABELS as tu, NODE_SUB_GROUP as au, NODE_TYPE as fu, PYTHON_NODE_TYPES as su, REWARDS_LIST as lu, SHEET_ACTIONS as pu, SHEET_ATTEMPT_LOCATION as uu, SHEET_ATTEMPT_LOCATION_MAP as mu, SHEET_ATTEMPT_STATE as du, SHEET_DATA_TYPE as xu, SHEET_STATE as nu } from "./features/sheets/constants/sheet.js";
 import { default as iu } from "./features/student-details/student-details.js";
 import { default as Tu } from "./features/utils/load-script.js";
-import { media as Eu } from "./features/utils/media.js";
-import { ACTION_BAR_HEIGHT as Au, QUESTIONS_GAP as Pu, QUESTION_WIDTH as _u, TOP_NAVIGATION_HEIGHT as hu } from "./features/worksheet/worksheet/constants.js";
-import { isOkayTypeQuestion as Lu } from "./features/worksheet/worksheet/worksheet-helpers.js";
-import { default as ku } from "./features/worksheet/worksheet/worksheet-container.js";
-import { default as Ou } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
-import { default as Du } from "./features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js";
-import { default as gu } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
-import { default as Uu } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
-import { default as Bu } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
-import { default as wu } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
-import { default as Vu } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
-import { default as Yu } from "./features/hooks/use-viewport/use-viewport.js";
-import { default as Ju } from "./features/puzzles/puzzle-container/puzzle-container.js";
-import { invalidatePuzzleToAssign as Ku, useGetPuzzleToAssign as ju } from "./features/puzzles/api/puzzle-assign.js";
-import { COUNTRY_CODE_MAP as qu } from "./constants/country.js";
+import { ACTION_BAR_HEIGHT as Eu, QUESTIONS_GAP as Cu, QUESTION_WIDTH as Au, TOP_NAVIGATION_HEIGHT as Pu } from "./features/worksheet/worksheet/constants.js";
+import { isOkayTypeQuestion as hu } from "./features/worksheet/worksheet/worksheet-helpers.js";
+import { default as Lu } from "./features/worksheet/worksheet/worksheet-container.js";
+import { default as ku } from "./features/worksheet/worksheet-preview/worksheet-preview.js";
+import { default as Ou } from "./features/worksheet/worksheet-preview/dynamic-worksheet-preview/dynamic-worksheet-preview.js";
+import { default as Du } from "./features/worksheet/worksheet/worksheet-permissions/sheet-locked.js";
+import { default as gu } from "./features/worksheet/worksheet/worksheet-permissions/error.js";
+import { default as Uu } from "./features/worksheet/learnosity-preloader/learnosity-preloader.js";
+import { default as Bu } from "./features/worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
+import { default as wu } from "./features/worksheet/worksheet-preview/hooks/use-worksheet-layout.js";
+import { default as Vu } from "./features/hooks/use-viewport/use-viewport.js";
+import { default as Yu } from "./features/puzzles/puzzle-container/puzzle-container.js";
+import { invalidatePuzzleToAssign as Ju, useGetPuzzleToAssign as Qu } from "./features/puzzles/api/puzzle-assign.js";
+import { COUNTRY_CODE_MAP as ju } from "./constants/country.js";
 export {
   Ip as ACHIEVEMENT_ACTIONS,
   nf as AUTH_TABS,
@@ -312,7 +311,7 @@ export {
   Cs as CIRCLE_ACTION_IDS,
   Ss as CIRCLE_ONBOARDING_ANALYTICS_STEPS,
   ru as COMPLETED_SHEET_STATE,
-  qu as COUNTRY_CODE_MAP,
+  ju as COUNTRY_CODE_MAP,
   D as CalendarIcon,
   Zt as Callout,
   Pt as CascadingSelectInput,
@@ -358,7 +357,7 @@ export {
   ee as DownIcon,
   re as DraftIcon,
   ae as DragIcon,
-  Du as DynamicPreviewWorksheet,
+  Ou as DynamicPreviewWorksheet,
   al as EClassTimeAlertLevel,
   es as ELeaderboardType,
   cp as EPResourceAssign,
@@ -409,7 +408,7 @@ export {
   Df as LPARChapter,
   gf as LPARMilestoneChapter,
   Ls as Leaderboard,
-  Bu as LearnosityPreloader,
+  Uu as LearnosityPreloader,
   ge as LeftIcon,
   Be as Lock2Icon,
   we as Lock3Icon,
@@ -451,12 +450,12 @@ export {
   ro as PointerIcon,
   bp as PostGameStats,
   no as PracticeIcon,
-  Ou as PreviewWorksheet,
+  ku as PreviewWorksheet,
   io as ProgressIcon,
   ps as ProjectOutcome,
   xs as ProjectType,
   Eo as Puzzle2Icon,
-  Ju as PuzzleCard,
+  Yu as PuzzleCard,
   To as PuzzleIcon,
   Ao as QuestionIcon,
   _o as QuestionLetterIcon,
@@ -488,10 +487,10 @@ export {
   ct as SelectInput,
   kt as SelectionCards,
   ia as Separator,
-  Uu as SheetError,
+  gu as SheetError,
   Go as SheetIcon,
   Zp as SheetList,
-  gu as SheetLocked,
+  Du as SheetLocked,
   Gs as SignUp,
   ja as SignupMethods,
   cr as SketchIcon,
@@ -537,14 +536,14 @@ export {
   tf as UsernamePasswordForm,
   Ta as Video,
   Pf as WHITELIST_EVENTS,
-  Au as WORKSHEET_ACTION_BAR_HEIGHT,
-  Pu as WORKSHEET_QUESTIONS_GAP,
-  _u as WORKSHEET_QUESTION_WIDTH,
-  hu as WORKSHEET_TOP_NAVIGATION_HEIGHT,
+  Eu as WORKSHEET_ACTION_BAR_HEIGHT,
+  Cu as WORKSHEET_QUESTIONS_GAP,
+  Au as WORKSHEET_QUESTION_WIDTH,
+  Pu as WORKSHEET_TOP_NAVIGATION_HEIGHT,
   eu as WORKSHEET_V3_NODE_TYPES,
   ss as WebView,
   ms as WebViewEvent,
-  ku as Worksheet,
+  Lu as Worksheet,
   Bf as checkIfPPTNodeType,
   fa as getTheme,
   Vf as invalidateGetChapterDetails,
@@ -552,11 +551,10 @@ export {
   kp as invalidateMilestoneResources,
   Ep as invalidateMilestonesData,
   Pp as invalidatePastMilestoneCount,
-  Ku as invalidatePuzzleToAssign,
+  Ju as invalidatePuzzleToAssign,
   Rp as invalidateTestHelpData,
-  Lu as isOkayTypeQuestion,
+  hu as isOkayTypeQuestion,
   Tu as loadScript,
-  Eu as media,
   Il as useAutoPlayPermission,
   Ws as useCanvasSyncBroker,
   gl as useChapterPageJourney,
@@ -570,13 +568,13 @@ export {
   Xf as useGetLeaderboardDal,
   Np as useGetMilestoneResources,
   _p as useGetPastMilestoneCount,
-  ju as useGetPuzzleToAssign,
+  Qu as useGetPuzzleToAssign,
   Lp as useGetTestHelpData,
   Dl as useHomePageJourney,
   $s as useInClassActionDispatcher,
   el as useInClassActionListener,
   Qs as useInClassMessageBroker,
-  wu as useIsLearnosityLoaded,
+  Bu as useIsLearnosityLoaded,
   hf as useIsTabBlocked,
   Pl as useJourney,
   Bt as useModalActions,
@@ -585,8 +583,8 @@ export {
   oa as useTrackingContext,
   js as useTrialSessionMessageBroker,
   $t as useUIContext,
-  Yu as useViewport,
-  Vu as useWorksheetLayout,
+  Vu as useViewport,
+  wu as useWorksheetLayout,
   Ur as useZoomDisable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.46",
+  "version": "3.1.47",
   "type": "module",
   "files": [
     "dist"

package/dist/features/ui/theme/device.js

@@ -1,5 +0,0 @@
-const n = () => window.innerWidth <= 600 ? "mobile" : "desktop";
-export {
-  n as getDeviceConfig
-};
-//# sourceMappingURL=device.js.map

package/dist/features/ui/theme/device.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device.js","sources":["../../../../src/features/ui/theme/device.ts"],"sourcesContent":["import type { TSupportedDevices } from '../types';\n\nexport const getDeviceConfig = (): TSupportedDevices => {\n  const MOBILE_WIDTH = 600;\n\n  return window.innerWidth <= MOBILE_WIDTH ? 'mobile' : 'desktop';\n};\n"],"names":["getDeviceConfig"],"mappings":"AAEO,MAAMA,IAAkB,MAGtB,OAAO,cAAc,MAAe,WAAW;"}

package/dist/features/utils/media.js

@@ -1,16 +0,0 @@
-const e = {
-  mobile: 480,
-  tablet: 760,
-  desktop: 920,
-  large: 1200,
-  xl: 1424
-}, l = (r) => r < e.mobile || r >= e.mobile && r < e.tablet ? "mobile" : r >= e.tablet && r < e.desktop ? "tablet" : r >= e.desktop && r < e.large ? "desktop" : r >= e.large && r < e.xl ? "large" : (r >= e.xl, "xl"), t = {
-  minDesktop: `@media (min-width: ${e.desktop}px)`,
-  minLarge: `@media (min-width: ${e.large}px)`
-};
-export {
-  e as BREAKPOINTS,
-  l as getDeviceType,
-  t as media
-};
-//# sourceMappingURL=media.js.map

package/dist/features/utils/media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","sources":["../../../src/features/utils/media.ts"],"sourcesContent":["export const BREAKPOINTS = {\n  mobile: 480,\n  tablet: 760,\n  desktop: 920,\n  large: 1200,\n  xl: 1424,\n};\nexport type TDeviceType = 'mobile' | 'tablet' | 'desktop' | 'large' | 'xl';\n\nexport const getDeviceType = (width: number): TDeviceType => {\n  if (width < BREAKPOINTS.mobile) return 'mobile';\n\n  if (width >= BREAKPOINTS.mobile && width < BREAKPOINTS.tablet) return 'mobile';\n\n  if (width >= BREAKPOINTS.tablet && width < BREAKPOINTS.desktop) return 'tablet';\n\n  if (width >= BREAKPOINTS.desktop && width < BREAKPOINTS.large) return 'desktop';\n\n  if (width >= BREAKPOINTS.large && width < BREAKPOINTS.xl) return 'large';\n\n  if (width >= BREAKPOINTS.xl) return 'xl';\n\n  return 'xl';\n};\n\nexport const media = {\n  minDesktop: `@media (min-width: ${BREAKPOINTS.desktop}px)`,\n  minLarge: `@media (min-width: ${BREAKPOINTS.large}px)`,\n};\n"],"names":["BREAKPOINTS","getDeviceType","width","media"],"mappings":"AAAO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AACN,GAGaC,IAAgB,CAACC,MACxBA,IAAQF,EAAY,UAEpBE,KAASF,EAAY,UAAUE,IAAQF,EAAY,SAAe,WAElEE,KAASF,EAAY,UAAUE,IAAQF,EAAY,UAAgB,WAEnEE,KAASF,EAAY,WAAWE,IAAQF,EAAY,QAAc,YAElEE,KAASF,EAAY,SAASE,IAAQF,EAAY,KAAW,WAE7DE,KAASF,EAAY,IAAW,OAKzBG,IAAQ;AAAA,EACnB,YAAY,sBAAsBH,EAAY,OAAO;AAAA,EACrD,UAAU,sBAAsBA,EAAY,KAAK;AACnD;"}