@cuemath/leap 2.8.35-beta.0 → 2.8.35-rj-0

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

@@ -1 +1 @@
-{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import type { ITabWrapperProps } from './tab-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n  $shape,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${$shape === 'square' ? layout.gutter * 0.5 : 0}px;\n      border-radius: ${$shape === 'curved' ? '50px' : '8px'};\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$selected","$size","$renderAs","$disabled","$shape","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAMA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAA,IAAWR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAa,IAAAH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,EAAkB,IAAIH,EAAMP,CAAK,GAC3C,EAAE,qBAAAW,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,MAAeN,EAASP,CAAS;AAEnF,SAAA;AAAA,eACMQ,CAAM;AAAA,kBACHC,CAAiB;AAAA,eACpBR,IAAY,gBAAgB,SAAS;AAAA,eACrCC,MAAW,WAAWG,EAAO,SAAS,MAAM,CAAC;AAAA,uBACrCH,MAAW,WAAW,SAAS,KAAK;AAAA,yBAEnDD,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEX,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIT,IAAYY,EAAW,WAAWf,IAAYe,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIEV,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEET,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}
+{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import type { ITabWrapperProps } from './tab-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $width,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      width: ${$width ? `${$width}px` : 'auto'};\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      border-radius:8px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${layout.gutter * 0.5}px;\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$width","$selected","$size","$renderAs","$disabled","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAMA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAA,IAAWR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAa,IAAAH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,EAAkB,IAAIH,EAAMN,CAAK,GAC3C,EAAE,qBAAAU,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,MAAeN,EAASN,CAAS;AAEnF,SAAA;AAAA,eACMH,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA,eAC/BU,CAAM;AAAA,kBACHC,CAAiB;AAAA;AAAA,eAEpBP,IAAY,gBAAgB,SAAS;AAAA,eACrCG,EAAO,SAAS,GAAG;AAAA,yBAE1BH,IACIC,EAAOS,EAAgB,QAAQ,IAC/Bb,IACEI,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEV,IACIC,EAAOO,EAAoB,QAAQ,IACnCX,IACEI,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIR,IAAYW,EAAW,WAAWd,IAAYc,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEX,IACIC,EAAOQ,EAAU,QAAQ,IACzBZ,IACEI,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIET,IACIC,EAAOO,EAAoB,QAAQ,IACnCX,IACEI,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEER,IACIC,EAAOS,EAAgB,QAAQ,IAC/Bb,IACEI,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BX,IACIC,EAAOQ,EAAU,QAAQ,IACzBZ,IACEI,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}

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

@@ -1,40 +1,35 @@
 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: o = "primary",
-    $size: r = "regular",
-    label: m,
-    $selected: t,
-    $width: n,
-    $disabled: a,
-    onClick: p,
-    shape: i = "square"
-  }) => {
-    const {
-      tab: { sizes: s }
-    } = f();
-    return /* @__PURE__ */ e(
-      T,
-      {
-        $selected: t,
-        $width: n,
-        onClick: p,
-        $size: r,
-        $renderAs: o,
-        $disabled: a,
-        $justifyContent: "center",
-        $alignItems: "center",
-        $shape: i,
-        children: /* @__PURE__ */ e(u, { $renderAs: s[r].textVariant, color: t ? "WHITE" : "BLACK", children: m })
-      }
-    );
-  }
-), $ = l;
+import { useTheme as s } from "styled-components";
+import c from "../text/text.js";
+import { TabWrapper as f } from "./tab-styled.js";
+const T = ({
+  $renderAs: o = "primary",
+  $size: r = "regular",
+  label: n,
+  $selected: t,
+  $width: a,
+  $disabled: m,
+  onClick: i
+}) => {
+  const {
+    tab: { sizes: p }
+  } = s();
+  return /* @__PURE__ */ e(
+    f,
+    {
+      $selected: t,
+      $width: a,
+      onClick: i,
+      $size: r,
+      $renderAs: o,
+      $disabled: m,
+      $justifyContent: "center",
+      $alignItems: "center",
+      children: /* @__PURE__ */ e(c, { $renderAs: p[r].textVariant, color: t ? "WHITE" : "BLACK", children: n })
+    }
+  );
+}, d = T;
 export {
-  $ as default
+  d 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 } 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;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React 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> = ({\n  $renderAs = 'primary',\n  $size = 'regular',\n  label,\n  $selected,\n  $width,\n  $disabled,\n  onClick,\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    >\n      <Text $renderAs={sizes[$size].textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n        {label}\n      </Text>\n    </Styled.TabWrapper>\n  );\n};\n\nexport default TabComponent;\n"],"names":["TabComponent","$renderAs","$size","label","$selected","$width","$disabled","onClick","sizes","useTheme","jsx","Styled.TabWrapper","Text","Tab"],"mappings":";;;;AAQA,MAAMA,IAAoC,CAAC;AAAA,EACzC,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAA;AAAA,IACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,MACXC,EAAS;AAGX,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAAP;AAAA,MACA,QAAAC;AAAA,MACA,SAAAE;AAAA,MACA,OAAAL;AAAA,MACA,WAAAD;AAAA,MACA,WAAAK;AAAA,MACA,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,UAAA,gBAAAI,EAACE,GAAK,EAAA,WAAWJ,EAAMN,CAAK,EAAE,aAAa,OAAOE,IAAY,UAAU,SACrE,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAU,IAAeb;"}

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

@@ -6,7 +6,7 @@ const o = (a) => ({ sizes: {
   },
   small: {
     height: a * 2,
-    paddingHorizontal: a * 0.75,
+    paddingHorizontal: a * 0.5,
     textVariant: "body2"
   },
   regular: {

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

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.75,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'WHITE',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'BLACK',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GAgCc,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/theme/tab.ts"],"sourcesContent":["import type { ITabSizeConfig, ITabVariantConfig, TTabSizes, TTabVariants } from '../types';\n\ninterface IGetTabConfig {\n  (gutter: number): {\n    sizes: Record<TTabSizes, ITabSizeConfig>;\n    variants: Record<TTabVariants, ITabVariantConfig>;\n  };\n}\n\nconst getTabConfig: IGetTabConfig = (gutter: number) => {\n  const sizes: Record<TTabSizes, ITabSizeConfig> = {\n    xsmall: {\n      height: gutter * 1.625,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body3',\n    },\n    small: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * 0.5,\n      textVariant: 'body2',\n    },\n    regular: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n    medium: {\n      height: gutter * 3,\n      paddingHorizontal: gutter,\n      textVariant: 'body1',\n    },\n  };\n\n  const variants: Record<TTabVariants, ITabVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        hover: 'WHITE',\n        disabled: 'GREY_1',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        hover: 'BLACK',\n        disabled: 'BLACK_50',\n      },\n      borderColorName: {\n        inactive: 'GREY_3',\n        active: 'BLACK',\n        hover: 'BLACK',\n        disabled: 'GREY_1',\n      },\n      fontWeight: {\n        inactive: 400,\n        active: 500,\n        hover: 500,\n        disabled: 400,\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getTabConfig;\n"],"names":["getTabConfig","gutter"],"mappings":"AASM,MAAAA,IAA8B,CAACC,OAqD5B,EAAE,OApDwC;AAAA,EAC/C,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAS;AAAA,IAC5B,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA;AAAA,IACnB,aAAa;AAAA,EACf;AAAA,GAgCc,UA7B0C;AAAA,EACxD,SAAS;AAAA,IACP,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import type { Dispatch } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { IChannelMessage } from '@cuemath/cue-message-broker';
 import type { IframeHTMLAttributes } from 'react';
 import type { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
@@ -165,6 +166,10 @@ export declare const ChevronLeftIcon: React_2.FC<IconProps_2>;
 
 export declare const ChevronRightIcon: React_2.FC<IconProps>;
 
+export declare enum CIRCLE_ACTION_IDS {
+    STREAK_DECREASED = "streak_decreased"
+}
+
 export declare enum CIRCLE_ONBOARDING_ANALYTICS_STEPS {
     SKILL_ACTIVITY = "skill_activity",
     GAMES_ACTIVITY = "games_activity",
@@ -298,8 +303,6 @@ export declare enum EPostGameStat {
     POINT = "point"
 }
 
-export declare const EPResourceAssign: FC<IEPResourceAssign>;
-
 export declare const EraserIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 declare const Error_2: React_2.FC<IErrorProps>;
@@ -831,6 +834,8 @@ export declare interface ICircleHomeDetails {
     points: number;
     streakDays: number;
     streakStatus: TStreakStatus;
+    streakReduction: number;
+    streakDaysBeforeReduction: number;
     tournamentRank: number;
     projects: IProjects;
     timestamps: ITodaysContentTimeStamps;
@@ -1035,17 +1040,6 @@ declare interface IEditMilestoneModalProps extends IMilestoneEditProps {
     courseStream: TCourseStream;
 }
 
-declare interface IEPResourceAssign {
-    studentId: string;
-    stream: TCourseStream;
-    programId?: string;
-    userMilestoneId?: string;
-    onError: (errorMessage: string) => void;
-    onResourceAssign: () => void;
-    onExitResourceAssign: () => void;
-    onViewResource: (resource: IResourceItemData) => void;
-}
-
 declare interface IErrorProps {
     onTryAgain?: () => void;
     height?: string | number;
@@ -1130,6 +1124,8 @@ declare interface IGetCircleHomeResponseModel {
     points: number;
     tournament_rank: number;
     streak_days: number;
+    streak_reduction: number;
+    streak_days_before_reduction: number;
     streak_status: 'pending' | 'completed';
     projects: IProjects_2;
     timestamps: ITimeStampsResponseModel;
@@ -1212,6 +1208,11 @@ declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape'
     customBgColor?: TColorNames;
 }
 
+declare interface IInfoBarProps {
+    hue: THueNames;
+    children: React.ReactNode;
+}
+
 export declare interface IInfoMessage {
     message: string;
     position: 'top' | 'bottom';
@@ -1355,6 +1356,10 @@ declare interface ILeaderboardProps {
     userId: string;
     onClose: () => void;
     isLoading: boolean;
+    streakInfo: {
+        streakReduction: number;
+        startTimestampToday: number;
+    };
 }
 
 declare interface ILearningSheetData {
@@ -1983,6 +1988,8 @@ export declare enum IndicatorType {
 
 export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
+export declare const InfoBar: React.FC<IInfoBarProps>;
+
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare interface INudgeProps {
@@ -2060,6 +2067,7 @@ export declare interface IPlayer {
     grade?: string;
     avatar?: IAvatarLayer[] | null;
     playerType: TUserTypes;
+    countryCode: string;
 }
 
 export declare interface IPlayerStats {
@@ -2274,24 +2282,6 @@ declare interface IReferenceSheetProps {
     };
 }
 
-export declare interface IResourceItemData {
-    boards: string[];
-    created_on: string;
-    created_on_ts: number;
-    grades: string[];
-    id: string;
-    is_lesson_v3_enabled: boolean;
-    is_live: boolean;
-    learnosity_activity_ref: string;
-    name: string;
-    node_id: string;
-    node_type: string;
-    stream: TCourseStream;
-    topics: string[];
-    updated_on: string;
-    updated_on_ts: number;
-}
-
 export declare interface IResponseAnalyticsProps extends Omit<IClickableAnalyticsProps, 'label'> {
 }
 
@@ -2605,13 +2595,11 @@ export declare const isV3WorksheetAttempt: (attempt: IWorksheetAttemptModel) =>
 declare interface ITabProps {
     label: number | string;
     $selected: boolean;
-    $width?: number | string;
+    $width?: number;
     $renderAs?: TTabVariants;
     $size?: TTabSizes;
     $disabled?: boolean;
     onClick: () => void;
-    shape?: 'curved' | 'square';
-    minWidth?: number;
 }
 
 export declare interface ITabSizeConfig {
@@ -2766,7 +2754,7 @@ declare interface ITimeStampsResponseModel {
     rush_hour_end_timestamp?: number;
 }
 
-declare interface ITodaysContentTimeStamps {
+export declare interface ITodaysContentTimeStamps {
     current: number;
     startTimestamp: number;
     endTimestamp: number;
@@ -2817,6 +2805,7 @@ declare interface ITrialSessionMetadata {
 }
 
 declare interface ITrialSessionProps {
+    countryCode: string;
     classStartedOn?: Date;
     height?: string | number;
     userType: TUserTypes;
@@ -3026,6 +3015,7 @@ export declare interface IWorksheetAttemptModel {
     desmos_calculator_enabled: boolean;
     due_date: number | null;
     state: TLPARSheetAttemptState;
+    canvas_data?: Array<IChannelMessage>;
 }
 
 export declare interface IWorksheetBehavior {
@@ -3273,14 +3263,15 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_LEADERBOARD_INTRO_JOURNEY = "CIRCLE_LEADERBOARD_INTRO_JOURNEY",
     CIRCLE_POINTS_REWARD_JOURNEY = "CIRCLE_POINTS_REWARD_JOURNEY",
     CIRCLE_STREAK_UPDATE_JOURNEY = "CIRCLE_STREAK_UPDATE_JOURNEY",
-    CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY"
+    CIRCLE_TUTORIAL_JOURNEY = "CIRCLE_TUTORIAL_JOURNEY",
+    CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY"
 }
 
 export declare const JourneyProvider: FC<{
     children: ReactNode;
 }>;
 
-export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, }: ILeaderboardProps) => JSX_2.Element;
+export declare const Leaderboard: ({ leaderboardData, type, userId, onClose, isLoading, streakInfo, }: ILeaderboardProps) => JSX_2.Element;
 
 export declare const LearnosityPreloader: FC<PropsWithChildren<ILearnosityPreloaderProps>>;
 
@@ -3576,7 +3567,8 @@ export declare enum PLATFORM_EVENTS_STUDENT {
     STREAK_ICON_CLICKED = "streak_icon_clicked",
     LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked",
     ONBOARDING_STEP_VIEWED = "onboarding_step_viewed",
-    ONBOARDING_STEP_COMPLETED = "onboarding_step_completed"
+    ONBOARDING_STEP_COMPLETED = "onboarding_step_completed",
+    COACHMARK_DISMISSED = "coachmark_dismissed"
 }
 
 export declare enum PLATFORM_EVENTS_TEACHER {
@@ -3781,8 +3773,6 @@ export declare const SHEET_STATE: Record<TSheetStateProps, TSheetStateProps>;
 
 export declare const SheetError: NamedExoticComponent<ErrorProps>;
 
-export declare const SheetIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
@@ -3838,6 +3828,17 @@ declare const STICKER_BADGE: {
 
 export declare const StreakIcon: React_2.FC<IStreakIconProps>;
 
+export declare class StreakReductionLocalStorageUtil {
+    /**
+     * Determines whether the streak reduction should be shown today.
+     */
+    static showStreakReduction(storeKey: string, startTimestamp: number): boolean;
+    /**
+     * Call this when the user has dismissed the streak reduction.
+     */
+    static markStreakReductionDismissed(storeKey: string, startTimestamp: number): void;
+}
+
 export declare const StrikedEyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StudentDetails: FC<IStudentDetailsProps>;
@@ -4828,7 +4829,7 @@ export declare const UpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const useAutoPlayPermission: () => IAutoPlayPermissionContextType;
 
-export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void) => {
+export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>) => {
     publishStrokes: ((message: unknown) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;
@@ -4879,9 +4880,9 @@ declare const useGetCircleHomeAPI: (initialId?: string, initialQuery?: IGetCircl
     } & Record<string, unknown>) | undefined;
 };
 
-export declare const useGetCircleHomeDetailsDal: (userId: string, countryCode: string, grade: string) => Omit<ReturnType<typeof useGetCircleHomeAPI>, "data" | "get"> & {
+export declare const useGetCircleHomeDetailsDal: (userId: string, grade: string) => Omit<ReturnType<typeof useGetCircleHomeAPI>, "data" | "get"> & {
     data: ICircleHomeDetails | null;
-    getCircleHomeDetails: () => void;
+    getCircleHomeDetails: (countryCode: string) => void;
 };
 
 declare const useGetLeaderboard: (initialId?: string, initialQuery?: IGetLeaderboardPayloadModel | undefined) => {