@cuemath/leap 3.2.20-beta-0.2 → 3.2.21-m

package/dist/features/ui/buttons/icon-button/icon-button.js

@@ -1,38 +1,34 @@
-import { jsx as e } from "react/jsx-runtime";
-import { memo as b, useMemo as z } from "react";
-import { useTheme as B } from "styled-components";
-import { ILLUSTRATIONS as T } from "../../../../assets/illustrations/illustrations.js";
-import $ from "../../hooks/use-click-handler.js";
-import { EDeviceType as c } from "../../theme/constants.js";
-import { Loader as A } from "../button/button-styled.js";
-import { IconButtonWrapper as C, IconWrapper as O } from "./icon-button-styled.js";
-const h = b((m) => {
+import { jsx as o } from "react/jsx-runtime";
+import { memo as p } from "react";
+import { ILLUSTRATIONS as u } from "../../../../assets/illustrations/illustrations.js";
+import f from "../../hooks/use-click-handler.js";
+import { Loader as I } from "../button/button-styled.js";
+import { IconButtonWrapper as $, IconWrapper as C } from "./icon-button-styled.js";
+const L = p((n) => {
   const {
-    Icon: l,
-    size: o,
-    sizeOnMobile: n,
-    sizeOnTablet: r,
-    onClick: a,
-    renderAs: i,
-    disabled: u,
-    analyticsLabel: p,
-    analyticsProps: d,
-    customBgColor: f,
-    busy: I
-  } = m, { handleClick: L } = $({ analyticsLabel: p, analyticsProps: d }, a), { device: t } = B(), s = z(() => t <= c.MOBILE ? n || r || o : t <= c.TABLET && r || o, [t, o, n, r]);
-  return /* @__PURE__ */ e(
-    C,
+    Icon: e,
+    size: r,
+    onClick: s,
+    renderAs: t,
+    disabled: c,
+    analyticsLabel: i,
+    analyticsProps: l,
+    customBgColor: m,
+    busy: a
+  } = n, { handleClick: d } = f({ analyticsLabel: i, analyticsProps: l }, s);
+  return /* @__PURE__ */ o(
+    $,
     {
-      disabled: u,
-      $size: o,
-      $buttonRenderAs: i,
-      onClick: L,
-      $customBgColor: f,
-      children: I ? /* @__PURE__ */ e(A, { src: T.LOADER, alt: "Loader", $size: s || "small" }) : /* @__PURE__ */ e(O, { $size: s, $buttonRenderAs: i, children: /* @__PURE__ */ e(l, {}) })
+      disabled: c,
+      $size: r,
+      $buttonRenderAs: t,
+      onClick: d,
+      $customBgColor: m,
+      children: a ? /* @__PURE__ */ o(I, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(C, { $size: r, $buttonRenderAs: t, children: /* @__PURE__ */ o(e, {}) })
     }
   );
-}), x = h;
+}), h = L;
 export {
-  x as default
+  h as default
 };
 //# sourceMappingURL=icon-button.js.map

package/dist/features/ui/buttons/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { EDeviceType } from '../../theme/constants';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    sizeOnMobile,\n    sizeOnTablet,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={renderSize || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={renderSize} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","sizeOnMobile","sizeOnTablet","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","device","useTheme","renderSize","useMemo","EDeviceType","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAX,GACE,EAAE,aAAAY,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO,GAC7E,EAAE,QAAAS,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBf,KAAgBC,KAAgBF,IAGrCY,KAAUI,EAAY,UACjBd,KAAgBF,GAIxB,CAACY,GAAQZ,GAAMC,GAAcC,CAAY,CAAC;AAG3C,SAAA,gBAAAe;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAb;AAAA,MACA,OAAOL;AAAA,MACP,iBAAiBI;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEU,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAON,KAAc,SAAS,IAE7E,gBAAAG,EAAAI,GAAA,EAAmB,OAAOP,GAAY,iBAAiBV,GACtD,UAAC,gBAAAa,EAAAlB,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDuB,IAAe1B;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={size} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;AASA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAT,GACE,EAAE,aAAAU,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO;AAGjF,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAR;AAAA,MACA,OAAOH;AAAA,MACP,iBAAiBE;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEK,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOb,KAAQ,SAAS,IAEvE,gBAAAU,EAAAI,GAAA,EAAmB,OAAOd,GAAM,iBAAiBE,GAChD,UAAC,gBAAAQ,EAAAX,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDgB,IAAenB;"}

package/dist/features/ui/buttons/text-button/text-button.js

@@ -1,34 +1,30 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useMemo as T } from "react";
-import { useTheme as a } from "styled-components";
-import { EDeviceType as c } from "../../theme/constants.js";
-import $ from "../clickable/clickable.js";
-import { Text as h } from "./text-button-styled.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as x } from "styled-components";
+import a from "../clickable/clickable.js";
+import { Text as f } from "./text-button-styled.js";
 const l = ({
-  label: e,
-  size: r = "regular",
-  sizeOnMobile: n,
-  sizeOnTablet: t,
-  disabled: f = !1,
-  onClick: i,
-  analyticsLabel: p,
-  analyticsProps: s,
-  color: x
+  label: t,
+  size: o = "regular",
+  disabled: e = !1,
+  onClick: n,
+  analyticsLabel: s,
+  analyticsProps: i,
+  color: m
 }) => {
-  const { textButton: d, device: o } = a(), m = T(() => o <= c.MOBILE ? n || t || r : o <= c.TABLET && t || r, [o, r, n, t]), { textVariant: B } = d.sizes[m];
-  return /* @__PURE__ */ u(
-    $,
+  const { textButton: c } = x(), { textVariant: u } = c.sizes[o];
+  return /* @__PURE__ */ r(
+    a,
     {
-      label: e,
-      disabled: f,
-      onClick: i,
-      analyticsLabel: p,
-      analyticsProps: s,
-      children: /* @__PURE__ */ u(h, { $color: x, $renderAs: B, $buttonSize: m, children: e })
+      label: t,
+      disabled: e,
+      onClick: n,
+      analyticsLabel: s,
+      analyticsProps: i,
+      children: /* @__PURE__ */ r(f, { $color: m, $renderAs: u, $buttonSize: o, children: t })
     }
   );
-}, j = l;
+}, h = l;
 export {
-  j as default
+  h as default
 };
 //# sourceMappingURL=text-button.js.map

package/dist/features/ui/buttons/text-button/text-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React, { useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { EDeviceType } from '../../theme/constants';\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  sizeOnMobile,\n  sizeOnTablet,\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton, device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  const { textVariant } = textButton.sizes[renderSize];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={renderSize}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","sizeOnMobile","sizeOnTablet","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","device","useTheme","renderSize","useMemo","EDeviceType","textVariant","jsx","Clickable","Styled.Text","TextButton$1"],"mappings":";;;;;;AASA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,YAAAC,GAAY,QAAAC,EAAO,IAAIC,EAAS,GAClCC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBZ,KAAgBC,KAAgBF,IAGrCS,KAAUI,EAAY,UACjBX,KAAgBF,GAIxB,CAACS,GAAQT,GAAMC,GAAcC,CAAY,CAAC,GAEvC,EAAE,aAAAY,EAAgB,IAAAN,EAAW,MAAMG,CAAU;AAGjD,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAjB;AAAA,MACA,UAAAI;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAS,EAACE,GAAA,EAAY,QAAQV,GAAO,WAAWO,GAAa,aAAaH,GAC9D,UACHZ,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAmB,IAAepB;"}
+{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text","TextButton$1"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAed;"}

package/dist/features/ui/grade-selector/grade-selector.js

@@ -1,46 +1,40 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTheme as s } from "styled-components";
-import { EDeviceType as f } from "../theme/constants.js";
-import { GradeSelectorWrapper as x } from "./grade-selector-styled.js";
-import E from "./grade-tab.js";
-function I({
-  selectedValue: i,
-  onSelect: n,
-  tabsWidth: p,
-  width: u,
-  grades: l,
-  renderAs: d,
-  size: e,
-  sizeOnMobile: m,
-  sizeOnTablet: t,
-  layoutAlignment: a
+import { jsx as r } from "react/jsx-runtime";
+import { GradeSelectorWrapper as a } from "./grade-selector-styled.js";
+import f from "./grade-tab.js";
+function d({
+  selectedValue: t,
+  onSelect: o,
+  tabsWidth: i,
+  width: l,
+  grades: m,
+  renderAs: n,
+  size: c,
+  layoutAlignment: p
 }) {
-  const { device: o } = s(), G = h(() => o <= f.MOBILE ? m || t || e : o <= f.TABLET && t || e, [o, e, m, t]);
-  return /* @__PURE__ */ c(
-    x,
+  return /* @__PURE__ */ r(
+    a,
     {
-      width: u,
-      layoutAlignment: a,
+      width: l,
+      layoutAlignment: p,
       $alignItems: "center",
       $flexDirection: "row",
-      children: l.map((r) => /* @__PURE__ */ c(
-        E,
+      children: m.map((e) => /* @__PURE__ */ r(
+        f,
         {
-          label: r === "0" ? "KG" : r,
-          selected: i === r,
-          width: p,
-          onSelect: n,
-          renderAs: d,
-          size: G,
-          grade: r
+          label: e === "0" ? "KG" : e,
+          selected: t === e,
+          width: i,
+          onSelect: o,
+          renderAs: n,
+          size: c,
+          grade: e
         },
-        r
+        e
       ))
     }
   );
 }
 export {
-  I as default
+  d as default
 };
 //# sourceMappingURL=grade-selector.js.map

package/dist/features/ui/grade-selector/grade-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\n\nimport { useMemo, type ReactElement } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  sizeOnMobile,\n  sizeOnTablet,\n  layoutAlignment,\n}: IGradeSelectorProps): ReactElement {\n  const { device } = useTheme();\n  const renderSize = useMemo(() => {\n    if (device <= EDeviceType.MOBILE) {\n      return sizeOnMobile || sizeOnTablet || size;\n    }\n\n    if (device <= EDeviceType.TABLET) {\n      return sizeOnTablet || size;\n    }\n\n    return size;\n  }, [device, size, sizeOnMobile, sizeOnTablet]);\n\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={renderSize}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","sizeOnMobile","sizeOnTablet","layoutAlignment","device","useTheme","renderSize","useMemo","EDeviceType","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;;;;AASA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,GAAsC;AAC9B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBP,KAAgBC,KAAgBF,IAGrCI,KAAUI,EAAY,UACjBN,KAAgBF,GAIxB,CAACI,GAAQJ,GAAMC,GAAcC,CAAY,CAAC;AAG3C,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,iBAAAM;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAL,EAAO,IAAI,CAASa,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUjB,MAAkBiB;AAAA,UAC5B,OAAOf;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAMO;AAAA,UACN,OAAAK;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"grade-selector.js","sources":["../../../../src/features/ui/grade-selector/grade-selector.tsx"],"sourcesContent":["import type { IGradeSelectorProps } from './grade-selector-types';\nimport type { ReactElement } from 'react';\n\nimport * as Styled from './grade-selector-styled';\nimport GradeTab from './grade-tab';\n\nfunction GradeSelector({\n  selectedValue,\n  onSelect,\n  tabsWidth,\n  width,\n  grades,\n  renderAs,\n  size,\n  layoutAlignment,\n}: IGradeSelectorProps): ReactElement {\n  return (\n    <Styled.GradeSelectorWrapper\n      width={width}\n      layoutAlignment={layoutAlignment}\n      $alignItems=\"center\"\n      $flexDirection=\"row\"\n    >\n      {grades.map(grade => {\n        return (\n          <GradeTab\n            key={grade}\n            label={grade === '0' ? 'KG' : grade}\n            selected={selectedValue === grade}\n            width={tabsWidth}\n            onSelect={onSelect}\n            renderAs={renderAs}\n            size={size}\n            grade={grade}\n          />\n        );\n      })}\n    </Styled.GradeSelectorWrapper>\n  );\n}\n\nexport default GradeSelector;\n"],"names":["GradeSelector","selectedValue","onSelect","tabsWidth","width","grades","renderAs","size","layoutAlignment","jsx","Styled.GradeSelectorWrapper","grade","GradeTab"],"mappings":";;;AAMA,SAASA,EAAc;AAAA,EACrB,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AACF,GAAsC;AAElC,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,iBAAAI;AAAA,MACA,aAAY;AAAA,MACZ,gBAAe;AAAA,MAEd,UAAAH,EAAO,IAAI,CAASM,MAEjB,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UAEC,OAAOD,MAAU,MAAM,OAAOA;AAAA,UAC9B,UAAUV,MAAkBU;AAAA,UAC5B,OAAOR;AAAA,UACP,UAAAD;AAAA,UACA,UAAAI;AAAA,UACA,MAAAC;AAAA,UACA,OAAAI;AAAA,QAAA;AAAA,QAPKA;AAAA,MAAA,CAUV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/ui/tab/tab.js

@@ -1,44 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { memo as h, useMemo as C } from "react";
-import { useTheme as E } from "styled-components";
-import y from "../text/text.js";
-import { EDeviceType as a } from "../theme/constants.js";
-import { TabWrapper as A } from "./tab-styled.js";
-const B = h(
+import { jsx as e } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { useTheme as f } from "styled-components";
+import u from "../text/text.js";
+import { TabWrapper as T } from "./tab-styled.js";
+const l = c(
   ({
-    $renderAs: p = "primary",
+    $renderAs: o = "primary",
     $size: r = "regular",
-    $sizeOnMobile: o,
-    $sizeOnTablet: t,
-    label: c,
-    $selected: n,
-    $width: i,
-    $disabled: f,
-    onClick: u,
-    shape: s = "square"
+    label: m,
+    $selected: t,
+    $width: n,
+    $disabled: a,
+    onClick: p,
+    shape: i = "square"
   }) => {
     const {
-      tab: { sizes: T },
-      device: e
-    } = E(), d = C(() => e <= a.MOBILE ? o || t || r : e <= a.TABLET && t || r, [e, r, o, t]), x = T[d].textVariant;
-    return /* @__PURE__ */ m(
-      A,
+      tab: { sizes: s }
+    } = f();
+    return /* @__PURE__ */ e(
+      T,
       {
-        $selected: n,
-        $width: i,
-        onClick: u,
+        $selected: t,
+        $width: n,
+        onClick: p,
         $size: r,
-        $renderAs: p,
-        $disabled: f,
+        $renderAs: o,
+        $disabled: a,
         $justifyContent: "center",
         $alignItems: "center",
-        $shape: s,
-        children: /* @__PURE__ */ m(y, { $renderAs: x, color: n ? "WHITE" : "BLACK", children: c })
+        $shape: i,
+        children: /* @__PURE__ */ e(u, { $renderAs: s[r].textVariant, color: t ? "WHITE" : "BLACK", children: m })
       }
     );
   }
-), V = B;
+), $ = l;
 export {
-  V as default
+  $ as default
 };
 //# sourceMappingURL=tab.js.map

package/dist/features/ui/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React, { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './tab-styled';\n\nconst TabComponent: React.FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    $sizeOnMobile,\n    $sizeOnTablet,\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n      device,\n    } = useTheme();\n\n    const renderSize = useMemo(() => {\n      if (device <= EDeviceType.MOBILE) {\n        return $sizeOnMobile || $sizeOnTablet || $size;\n      }\n\n      if (device <= EDeviceType.TABLET) {\n        return $sizeOnTablet || $size;\n      }\n\n      return $size;\n    }, [device, $size, $sizeOnMobile, $sizeOnTablet]);\n\n    const textVariant = sizes[renderSize].textVariant;\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","$sizeOnMobile","$sizeOnTablet","label","$selected","$width","$disabled","onClick","shape","sizes","device","useTheme","renderSize","useMemo","EDeviceType","textVariant","jsx","Styled.TabWrapper","Text","TabComponent$1"],"mappings":";;;;;;AASA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,MACb,QAAAC;AAAA,QACEC,EAAS,GAEPC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBb,KAAiBC,KAAiBF,IAGvCU,KAAUI,EAAY,UACjBZ,KAAiBF,GAIzB,CAACU,GAAQV,GAAOC,GAAeC,CAAa,CAAC,GAE1Ca,IAAcN,EAAMG,CAAU,EAAE;AAGpC,WAAA,gBAAAI;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAb;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAP;AAAA,QACA,WAAAD;AAAA,QACA,WAAAO;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAQ,EAACE,KAAK,WAAWH,GAAa,OAAOX,IAAY,UAAU,SACxD,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAgB,IAAetB;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React, { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport * as Styled from './tab-styled';\n\nconst TabComponent: React.FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n    } = useTheme();\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={sizes[$size].textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","label","$selected","$width","$disabled","onClick","shape","sizes","useTheme","jsx","Styled.TabWrapper","Text","TabComponent$1"],"mappings":";;;;;AAQA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,QACXC,EAAS;AAGX,WAAA,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAR;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAL;AAAA,QACA,WAAAD;AAAA,QACA,WAAAK;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAG,EAACE,GAAK,EAAA,WAAWJ,EAAMP,CAAK,EAAE,aAAa,OAAOE,IAAY,UAAU,SACrE,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAW,IAAef;"}

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { default as React_2 } from 'react';
 import * as React_3 from 'react';
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -134,8 +134,7 @@ declare enum BLOCK_TYPE {
     PUZZLE_CARDS = "PUZZLE_CARDS",
     SAT_MOCK_TEST = "SAT_MOCK_TEST",
     STEP_UP = "STEP_UP",
-    CHALLENGE_ARENA = "CHALLENGE_ARENA",
-    DOWNLOADS = "DOWNLOADS"
+    CHALLENGE_ARENA = "CHALLENGE_ARENA"
 }
 
 declare const BLOCK_TYPE_2: {
@@ -531,8 +530,6 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
-
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
 declare const getButtonConfig: IGetButtonConfig;
@@ -580,7 +577,7 @@ export declare const GooglePlacesSearchInput: ComponentType<Omit_2<IGooglePlaces
 
 export declare const GradeInput: NamedExoticComponent<ICustomInputFieldProps>;
 
-export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, sizeOnMobile, sizeOnTablet, layoutAlignment, }: IGradeSelectorProps): ReactElement;
+export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, layoutAlignment, }: IGradeSelectorProps): ReactElement;
 
 export declare const HandIcon: React_2.FC;
 
@@ -838,8 +835,6 @@ declare interface IBlockSectionsCallbacks extends INodeCardCallbacks {
 declare interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, IClickableAnalyticsProps {
     label: string;
     renderAs: TButtonVariants;
-    sizeOnMobile?: TButtonSizes;
-    sizeOnTablet?: TButtonSizes;
     size?: TButtonSizes;
     shape?: 'curved' | 'square';
     disabled?: boolean;
@@ -1580,8 +1575,6 @@ declare interface IGradeSelectorProps {
     width?: number;
     renderAs?: TTabVariants;
     size?: TTabSizes;
-    sizeOnMobile?: TTabSizes;
-    sizeOnTablet?: TTabSizes;
     onSelect: (grade: string) => void;
     grades: string[];
     layoutAlignment?: 'center' | 'auto';
@@ -3508,8 +3501,6 @@ declare interface ITabProps {
     $width?: number | string;
     $renderAs?: TTabVariants;
     $size?: TTabSizes;
-    $sizeOnMobile?: TTabSizes;
-    $sizeOnTablet?: TTabSizes;
     $disabled?: boolean;
     onClick: () => void;
     shape?: 'curved' | 'square';
@@ -3624,8 +3615,6 @@ declare interface ITestsListProps {
 declare interface ITextButtonProps extends IClickableAnalyticsProps {
     label: string;
     size?: TTextButtonSizes;
-    sizeOnMobile?: TTextButtonSizes;
-    sizeOnTablet?: TTextButtonSizes;
     disabled?: boolean;
     onClick?: () => void;
     color?: TColorNames;
@@ -4591,7 +4580,6 @@ export declare const NODE_TYPE: {
     readonly TARGET_PRACTICE: "TARGET_PRACTICE";
     readonly MASTERY: "MASTERY";
     readonly TRIAL_DIAGNOSTIC: "TRIAL_DIAGNOSTIC";
-    readonly PDF: "PDF";
 };
 
 export declare enum NODE_TYPES {