@cuemath/leap 3.2.18-mb → 3.2.18

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 type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -52,17 +52,21 @@ export declare const AchievementNotShareReasonModal: React_2.FC<IShareInstructio
 
 export declare const AchievementShareInstructionModal: React_2.FC<IShareInstructionModalProps>;
 
+export declare const AfternoonIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const AnimatedArc: React_2.FC<IAnimatedArcProps>;
 
+export declare const AnimatedAvatarMessage: NamedExoticComponent<IAnimatedAvatarMessageProps>;
+
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
     children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
-export declare const ArrowTooltip: FC<IArrowTooltipProps>;
+export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
 
 export declare const AUTH_TABS: IAuthTab[];
 
@@ -311,6 +315,10 @@ declare const COURSE_STREAMS: {
 
 export declare const CrossIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const CueBoardFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const CueBoardIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const CueCanvas: React_2.FC<ICueCanvas>;
 
 export declare const CueCanvasController: React_2.FC<IToolbarProps>;
@@ -344,6 +352,8 @@ export declare const DraftIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const DragIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const Drawer: FC<IDrawerProps>;
+
 export declare const DynamicPreviewWorksheet: FC<IDynamicWorksheetPreview>;
 
 export declare enum EClassTimeAlertLevel {
@@ -351,6 +361,15 @@ export declare enum EClassTimeAlertLevel {
     FIFTEEN_MIN = "15min"
 }
 
+export declare enum EDeviceType {
+    MOBILE = 0,
+    TABLET = 1,
+    SMALL_DESKTOP = 2,
+    DESKTOP = 3,
+    LARGE_DEVICE = 4,
+    XLARGE_DEVICE = 5
+}
+
 export declare const Edit2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const EditIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -407,6 +426,8 @@ declare interface ErrorProps {
     handleClick: () => void;
 }
 
+export declare const EveningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const EVENTS: {
     PUZZLE_FEEDBACK_CELEBRATION: "PUZZLE_FEEDBACK_CELEBRATION";
     HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN";
@@ -517,7 +538,7 @@ declare const getCheckboxConfig: IGetCheckboxConfig;
 
 declare function getColors(): TColorsMap;
 
-declare const getDevice: (width: number) => TDeviceType;
+declare const getDevice: (width: number) => EDeviceType;
 
 declare const getInputConfig: IGetInputConfig;
 
@@ -556,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, layoutAlignment, }: IGradeSelectorProps): ReactElement;
+export declare function GradeSelector({ selectedValue, onSelect, tabsWidth, width, grades, renderAs, size, sizeOnMobile, sizeOnTablet, layoutAlignment, }: IGradeSelectorProps): ReactElement;
 
 export declare const HandIcon: React_2.FC;
 
@@ -564,6 +585,8 @@ export declare const HelpIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const HighlighterIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const HintFillIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const HomeIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const HomeworkCardList: React_2.NamedExoticComponent<HWCardListProps>;
@@ -629,6 +652,21 @@ declare interface IAnimatedArcProps {
     showAnimatedRainbowArc?: boolean;
 }
 
+declare interface IAnimatedAvatarMessageProps {
+    message: string;
+    onShowContent: (show: boolean) => void;
+    confirmationFrames: [number, number];
+    confirmationMessage?: string;
+    isConfirmationVisible?: boolean;
+    ref: React.Ref<IAnimatedAvatarMessageRef>;
+    height?: string | number;
+}
+
+export declare type IAnimatedAvatarMessageRef = {
+    fadeOutMessage: () => Promise<void>;
+    playConfirmationFrames: () => Promise<void>;
+};
+
 declare interface IAppLoaderProps {
     width?: string | number;
     height?: string | number;
@@ -662,6 +700,7 @@ export declare interface IArrowTooltipProps {
     widthX?: number;
     zIndex?: number;
     parentWidth?: number | string;
+    isBlocking?: boolean;
 }
 
 declare interface IAttempt {
@@ -673,6 +712,7 @@ declare interface IAuthPageLayoutProps {
     leftBlock: ReactElement;
     rightBlock?: ReactElement;
     isFullWidth?: boolean;
+    rightBlockBg?: TColorNames;
 }
 
 declare interface IAuthStaticPanelProps {
@@ -795,6 +835,8 @@ 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;
@@ -1329,6 +1371,16 @@ declare interface IDigitalMeterProps {
     actAsTimer?: boolean;
 }
 
+declare interface IDrawerProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+    drawerWidth?: number | string;
+    position?: 'left' | 'right';
+    zIndex?: number;
+    theme: 'light' | 'dark';
+}
+
 declare interface IDynamicWorksheetPreview {
     studentId: string;
     userNodeId: string;
@@ -1367,6 +1419,7 @@ declare interface IErrorProps {
     theme?: 'light' | 'dark';
     title?: string;
     description?: string;
+    size?: 'compact' | 'full';
 }
 
 declare interface IExpandableHeaderProps {
@@ -1524,6 +1577,8 @@ declare interface IGradeSelectorProps {
     width?: number;
     renderAs?: TTabVariants;
     size?: TTabSizes;
+    sizeOnMobile?: TTabSizes;
+    sizeOnTablet?: TTabSizes;
     onSelect: (grade: string) => void;
     grades: string[];
     layoutAlignment?: 'center' | 'auto';
@@ -1587,7 +1642,7 @@ declare interface IIdentifierOtpFormProps {
 }
 
 declare interface IImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    withLoader: boolean;
+    withLoader?: boolean;
     borderRadius?: number;
     borderColor?: TColorNames;
 }
@@ -1669,8 +1724,9 @@ export declare interface IJourneyContext {
      * @param scrollableContainerRef - Optional ref to a journey which has a scrollable container, it will make the entire page
      * uninteractable by adding an overlay - Required since we cannot determine the height of the scrollable container because
      * provider is at root level and from there we cannot access the scrollable container's height.
+     * @param isBlocking - If `true`, the journey will block user interaction with the page until completed. True by default.
      */
-    setJourney: (id: TJourneyId, coachmark: TCoachmarkJourneyProps[], scrollableContainerRef?: RefObject<HTMLDivElement | null>) => void;
+    setJourney: (id: TJourneyId, coachmark: TCoachmarkJourneyProps[], scrollableContainerRef?: RefObject<HTMLDivElement | null>, isBlocking?: boolean) => void;
     /**
      * Clears the current journey, removing all coachmarks.
      * Should be called inside useEffect to ensure cleanup.
@@ -1960,6 +2016,14 @@ export declare interface ILessonWebGameProps extends IBaseWebGameProps, ISyncabl
     targetQuestions: number;
 }
 
+declare interface ILinearProgressBarProps {
+    percentage: number;
+    height?: number;
+    backgroundColor?: TColorNames;
+    fillColor?: TColorNames;
+    borderRadius?: number;
+}
+
 export declare const ILLUSTRATIONS: {
     ALARM_CLOCK_ORANGE: string;
     ALARM_CLOCK_PURPLE: string;
@@ -1976,6 +2040,7 @@ export declare const ILLUSTRATIONS: {
     CALENDAR_BLUE: string;
     CALENDAR_GRAY: string;
     CALENDAR_GREEN: string;
+    CALENDAR_PURPLE: string;
     CAUTION: string;
     CHAPTER_10: string;
     CHAPTER_1: string;
@@ -2015,6 +2080,7 @@ export declare const ILLUSTRATIONS: {
     GRADUATE_PINK_FILLED_BG: string;
     GREEN_BALLOON: string;
     GREEN_FACE: string;
+    HANDSHAKE: string;
     LEARNED_SHIELD_GRAY: string;
     LEARNED_SHIELD_GREEN: string;
     LEARNT: string;
@@ -2033,6 +2099,7 @@ export declare const ILLUSTRATIONS: {
     MILESTONE_INTRO_2: string;
     MILESTONE_INTRO_3: string;
     MISTAKE: string;
+    MONEY: string;
     NODE_ACTIVITY_BG: string;
     NODE_CUSTOM_TEST_BG: string;
     NODE_DOWNLOAD_BG: string;
@@ -2050,6 +2117,7 @@ export declare const ILLUSTRATIONS: {
     NUMBER_4_ORANGE: string;
     ONE_STAR_FILLED: string;
     ORANGE_FACE: string;
+    PARENT_AVATAR: string;
     PEOPLE_WITH_ORANGE_FILL: string;
     PLAY: string;
     PLAY_ICON: string;
@@ -2086,6 +2154,7 @@ export declare const ILLUSTRATIONS: {
     TROPHY_BLUE_FILLED: string;
     TROPHY_CIRCLE: string;
     TROPHY_GREEN: string;
+    TRUSTPILOT: string;
     TWO_STARS_FILLED: string;
     UP_ARROW: string;
     USER_CROWN_GRID_BACKGROUND: string;
@@ -2441,7 +2510,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'fullscreen-transparent';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight';
     /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
     isDismissable?: boolean;
     /** Whether the modal requires authentication to view (default: true) */
@@ -2618,6 +2687,14 @@ declare interface IOpenImageReviewModalProps {
     image?: string;
 }
 
+declare interface IOTPInputProps {
+    length?: number;
+    value: string;
+    onChange: (val: string) => void;
+    error?: string;
+    isBusy?: boolean;
+}
+
 declare interface IOTPResendProps {
     onResendOTP: () => void;
     onResendVoiceOTP?: () => void;
@@ -2626,6 +2703,8 @@ declare interface IOTPResendProps {
     disabled?: boolean;
     renderAs?: 'submit' | 'text';
     width?: number | string;
+    textButtonColor?: TColorNames;
+    size?: 'small' | 'xsmall';
 }
 
 declare interface IOutcomeConfig {
@@ -2663,6 +2742,18 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
+declare interface IPillButtonProps {
+    id: string;
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    animatedLabel?: string;
+    icon?: string;
+    onClick: (val: string) => void;
+    tooltip?: string;
+    width?: number | string;
+}
+
 declare interface IPlaceholder {
     text?: string;
     marks?: string;
@@ -2826,6 +2917,14 @@ declare interface IPuzzle extends IBaseProject {
     solved: boolean;
 }
 
+declare interface IPuzzleAppProps {
+    itemRef: string;
+    title: string;
+    imageHue: THueNames;
+    feedbackComments?: string;
+    tip?: string;
+}
+
 export declare interface IPuzzleCard {
     sheetData: TLPARSheetData;
     blockStatus?: TPuzzleCardBlockStatus | null;
@@ -2995,6 +3094,7 @@ export declare interface IReviewWorksheetModel {
     title?: string;
     worksheet_id?: string;
     node_type: TNodeTypes;
+    items?: TWorksheetItems[];
 }
 
 declare interface ISATSheetItemCallbacks {
@@ -3041,6 +3141,15 @@ declare interface ISectionOption<Section = TDefaultSection> {
     data: Section[];
 }
 
+declare interface ISelectableInfoCardProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: string;
+    selected: boolean;
+    onClick: (val: string) => void;
+}
+
 declare interface ISelectInputProps<IDType extends string | number> extends Omit<IBaseSelectInputProps<IDType>, 'searchable' | 'searchText' | 'onSearchTextChange'> {
 }
 
@@ -3175,6 +3284,15 @@ declare interface ISignupMethodsProps {
     loadingProvider: TSocialAuthProvider | null;
 }
 
+declare interface ISignupOptionsProps {
+    onEmailSignup: () => void;
+    onGoogleSignup: () => void;
+    onAppleSignup: () => void;
+    onGoToLogin: () => void;
+    loadingProvider: TSocialAuthProvider | null;
+    title?: string;
+}
+
 export declare interface ISignUpProps {
     circleOnLeapSignedUp: boolean;
     circleOnLeapPremiumEnabled: boolean;
@@ -3234,22 +3352,14 @@ declare interface IStepperProps {
     currentStep: number;
 }
 
-export declare interface IStickerData {
+declare interface IStickerData {
     id: string;
     emoji: string;
     lottieUrl?: string;
-    name: string;
-}
-
-export declare interface IStickerProps {
-    emoji: string;
-    lottieUrl?: string;
-    size?: number | string;
-    onClick?: () => void;
-    disabled?: boolean;
+    name?: string;
 }
 
-export declare interface IStickerSelectorProps {
+declare interface IStickerGridProps {
     stickers: IStickerData[];
     columns?: number;
     gap?: number;
@@ -3257,16 +3367,10 @@ export declare interface IStickerSelectorProps {
     onStickerClick?: (sticker: IStickerData) => void;
 }
 
-export declare interface IStickersProps {
-    stickers: string[];
-    effect: TStickerEffects;
-    count: number;
-    duration: number;
-}
-
 declare interface IStreakIconProps extends React.HTMLProps<HTMLDivElement> {
     value: number;
     blink?: boolean;
+    isInteractive?: boolean;
 }
 
 export declare interface IStreakLeaderboardDetails extends IBaseLeaderboardDetails {
@@ -3344,6 +3448,8 @@ declare interface ISyncableWebGameProps {
 declare interface ITabItem {
     id: string;
     label: string;
+    iconPosition?: 'left' | 'right';
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 }
 
 export declare interface ITable {
@@ -3399,6 +3505,8 @@ declare interface ITabProps {
     $width?: number | string;
     $renderAs?: TTabVariants;
     $size?: TTabSizes;
+    $sizeOnMobile?: TTabSizes;
+    $sizeOnTablet?: TTabSizes;
     $disabled?: boolean;
     onClick: () => void;
     shape?: 'curved' | 'square';
@@ -3415,6 +3523,7 @@ declare interface ITabsProps {
     selectedTab: string;
     onChange: (tab: string) => void;
     tabs: ITabItem[];
+    background?: TColorNames;
 }
 
 export declare interface ITabVariantConfig {
@@ -3512,6 +3621,8 @@ declare interface ITestsListProps {
 declare interface ITextButtonProps extends IClickableAnalyticsProps {
     label: string;
     size?: TTextButtonSizes;
+    sizeOnMobile?: TTextButtonSizes;
+    sizeOnTablet?: TTextButtonSizes;
     disabled?: boolean;
     onClick?: () => void;
     color?: TColorNames;
@@ -3819,12 +3930,6 @@ declare interface IUseTrialSessionMessageBroker {
     };
 }
 
-declare interface IUseViewportReturn {
-    isCompact: boolean;
-    isMobile: boolean;
-    isDesktop: boolean;
-}
-
 declare interface IUseWorksheetLayout {
     (options: {
         userType: TUserTypes;
@@ -4182,7 +4287,6 @@ export declare enum JOURNEY_ID_STUDENT {
     CIRCLE_TABLES_INTRO_JOURNEY = "CIRCLE_TABLES_INTRO_JOURNEY",
     CIRCLE_TABLES_INFINTE_JOURNEY = "CIRCLE_TABLES_INFINITE_JOURNEY",
     CIRCLE_LESSONS_K_1_INTRO_JOURNEY = "CIRCLE_LESSONS_K_1_INTRO_JOURNEY",
-    CIRCLE_STREAK_REDUCTION_JOURNEY = "CIRCLE_STREAK_REDUCTION_JOURNEY",
     HOMEPAGE_JOURNEY = "HOMEPAGE_JOURNEY",
     CHAPTER_PAGE_JOURNEY = "CHAPTER_PAGE_JOURNEY",
     CHALLENGE_ARENA_JOURNEY = "CHALLENGE_ARENA_JOURNEY"
@@ -4214,6 +4318,8 @@ declare const LESSON_TAG_TYPE: {
     readonly DEFAULT: "DEFAULT";
 };
 
+export declare const LinearProgressBar: NamedExoticComponent<ILinearProgressBarProps>;
+
 export declare const loadScript: ILoadScript;
 
 export declare const Lock2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -4228,6 +4334,7 @@ export declare const LOTTIE: {
     ACTIVITY: string;
     ADVANCE_MODE_SEGMENT_LOTTIE: string;
     ALL_DONE: string;
+    ANIMATED_AVATAR: string;
     AVATAR_SELECTED: string;
     BEGINNER1X: string;
     BRONZE_1: string;
@@ -4259,12 +4366,14 @@ export declare const LOTTIE: {
     FAMILIAR1X: string;
     FIFTEEN_MIN_CLOCK: string;
     FIVE_MIN_CLOCK: string;
+    FLYING_DISK: string;
     GIFT: string;
     GOLD_1: string;
     GOLD_2: string;
     GOLD_3: string;
     GOLF: string;
     GRADE: string;
+    GRADUATION_CAP: string;
     HIGH_SCORE_CONFETTI: string;
     HIGH_SCORE_TEXT: string;
     INFINITE_BUTTON_BG: string;
@@ -4275,17 +4384,21 @@ export declare const LOTTIE: {
     LEVELUP_RINGS: string;
     LEVEL_1_ALLSTAR: string;
     LIGHTNING: string;
+    LIGHT_BULB: string;
     MAGICWAND: string;
     MAIL: string;
     MECHANICAL_ARM: string;
     MEDAL: string;
     MEDIUM: string;
+    MUSCLE: string;
     NUDGE_TAP: string;
     OTP: string;
     PARENT_AVATAR: string;
     PARTY_BALL: string;
     PARTY_POPPER: string;
+    PENCIL: string;
     PHONE_NUMBER: string;
+    PLUS_SIGN: string;
     POINT100: string;
     POINT10: string;
     POINT15: string;
@@ -4306,9 +4419,12 @@ export declare const LOTTIE: {
     PROFICIENT1X: string;
     PROJECT: string;
     PUZZLE: string;
+    RACING_CAR: string;
     RANDOM_MODE_SEGMENT_LOTTIE: string;
     RECAP: string;
+    ROCKET: string;
     SEQUENCE_MODE_SEGMENT_LOTTIE: string;
+    SHOVEL: string;
     SILVER_1: string;
     SILVER_2: string;
     SILVER_3: string;
@@ -4371,6 +4487,8 @@ export declare const ModalProvider: FC<IModalProviderProps>;
 
 export declare const MoreVerticalIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
+export declare const MorningIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>>;
 
 export declare const Next2Icon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4503,7 +4621,7 @@ export declare enum NODE_TYPES {
     'PUZZLE_CARD' = "PUZZLE_CARD"
 }
 
-export declare const Nudge: React_2.FC<INudgeProps>;
+export declare const Nudge: React_2.NamedExoticComponent<INudgeProps>;
 
 export declare const NumRangeInput: React.FC<NumRangeInputProps>;
 
@@ -4524,8 +4642,12 @@ declare interface NumRangeInputProps {
     endPlaceholder?: string;
 }
 
+export declare const OnboardingGuide: () => JSX.Element;
+
 export declare const OTPForm: MemoExoticComponent<({ onSubmit, onChange, value, error, isProcessing, isValid, helperText, }: ISingleFieldFormProps) => JSX.Element>;
 
+export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
+
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
@@ -4538,6 +4660,8 @@ export declare const PercentileInput: React_2.ForwardRefExoticComponent<IPercent
 
 export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
 
+export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
+
 /**
  ** Global/Platform specific events that needs to be tracked goes here
  ** Naming convention needs to be snake_case
@@ -4636,6 +4760,8 @@ declare const PUZZLE_CARD_STATE: {
 
 declare const PUZZLE_CARDS: "puzzle_cards";
 
+export declare const PuzzleApp: NamedExoticComponent<IPuzzleAppProps>;
+
 export declare const PuzzleCard: FC<IPuzzleCardContainerProps>;
 
 export declare const PuzzleFeedbackCelebration: FC;
@@ -4699,6 +4825,10 @@ declare const SAT_NODE_TYPE: {
 
 export declare const SATSheetSummary: FC<ISATSheetSummary>;
 
+export declare const ScreenGrabFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const ScreenGrabIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
 export declare const SearchableSelectInput: <IDType extends string | number>(props: ISearchableSelectInputProps<IDType>) => ReactElement;
 
 export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -4717,6 +4847,8 @@ declare enum SECTION_CODE {
 
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
 
+export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, }: ISelectableInfoCardProps) => JSX.Element>;
+
 export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => ReactElement;
 
 export declare const SelectionCards: <IDType extends string | number>({ options, value, values, onChange, analyticsLabel, analyticsProps, type, $background, $selectedBackground, $cardWidth, }: ISelectionCardListProps<IDType>) => JSX.Element;
@@ -4772,8 +4904,12 @@ export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
 
 export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, }: ISignUpProps) => JSX.Element;
 
+export declare const SignupHeader: () => JSX.Element;
+
 export declare const SignupMethods: NamedExoticComponent<ISignupMethodsProps>;
 
+export declare const SignupOptions: NamedExoticComponent<ISignupOptionsProps>;
+
 declare const SketchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 export { SketchIcon as ScribbleIcon }
 export { SketchIcon }
@@ -4827,11 +4963,22 @@ declare const STICKER_BADGE: {
     AWESOME: string;
 };
 
-export declare const stickerData: IStickerData[];
+declare type StickerEffect = 'burst_from_edges' | 'pop_expand' | 'float_up' | 'fall_down';
+
+export declare const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const StickersEffects: React_2.NamedExoticComponent<IStickersProps>;
+export declare const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const Stickers: React_2.NamedExoticComponent<StickersProps>;
+
+declare interface StickersProps {
+    stickers: string[];
+    effect: StickerEffect;
+    count: number;
+    duration: number;
+}
 
-export declare const StickersSelector: React_2.NamedExoticComponent<IStickerSelectorProps>;
+export declare const StickersSelector: React_2.NamedExoticComponent<IStickerGridProps>;
 
 export declare const StreakIcon: React_2.FC<IStreakIconProps>;
 
@@ -4861,7 +5008,7 @@ declare const TAB_CODES: {
 
 export declare const TabComponent: React_2.FC<ITabProps>;
 
-export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs }: ITabsProps) => JSX.Element>;
+export declare const Tabs: MemoExoticComponent<({ selectedTab, onChange, tabs, background }: ITabsProps) => JSX.Element>;
 
 export declare type TAction = EventToPayload<TInclassMessage>;
 
@@ -4950,7 +5097,7 @@ declare type TBlockType = keyof typeof BLOCK_TYPE_2;
 
 export declare type TButtonSizes = 'xsmall' | 'small' | 'regular' | 'medium' | 'large';
 
-export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray' | 'secondary-dark';
+export declare type TButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'secondary-gray' | 'secondary-dark' | 'black' | 'black-dark' | 'yellow-dark';
 
 declare type TCallback = (messages: TInclassMessage[]) => void;
 
@@ -5071,8 +5218,6 @@ 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 = {
@@ -5084,7 +5229,7 @@ declare type TEnrollmentTypes = (typeof ENROLLMENT_TYPES)[keyof typeof ENROLLMEN
 export declare const TestsCreation: FC<ITestsCreationProps>;
 
 /**
- * @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated
+ * @param $renderAs (fallback for any device), @param $renderOnMobileAs, @param $renderOnTabletAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated
  */
 declare const Text_2: IStyledComponent<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextProps>>;
 export { Text_2 as Text }
@@ -5106,6 +5251,8 @@ declare interface TextProps {
     $inline?: boolean;
     $textDecoration?: string;
     $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';
+    $renderOnMobileAs?: TTextVariants;
+    $renderOnTabletAs?: TTextVariants;
 }
 
 export declare type TFontFamilyNames = `${'Athletics'}-${'Light' | 'Regular' | 'Medium' | 'Bold' | 'Black'}` | `${'UntitledSans'}-${'Regular' | 'Medium'}`;
@@ -5749,7 +5896,7 @@ declare type TRenderAs_2 = 'canvas' | 'whiteboard';
 declare type TRewardHomeData = {
     user_badges: TBadgeData[] | [];
     user_rewards: TRewardsData[] | [];
-    user_stickers: TStickerData_2[] | [];
+    user_stickers: TStickerData[] | [];
 };
 
 declare type TRewardsData = {
@@ -5877,17 +6024,7 @@ export declare type TSkillStatus = 'pending' | 'completed';
 
 export declare type TSocialAuthProvider = 'google' | 'apple';
 
-export declare type TStickerData = {
-    id: number;
-    sticker: string;
-    x: number;
-    y: number;
-    size: number;
-    fromX?: string;
-    fromY?: string;
-};
-
-declare type TStickerData_2 = {
+declare type TStickerData = {
     actor_id: string;
     badge_id: string;
     badge_type: string;
@@ -5900,8 +6037,6 @@ declare type TStickerData_2 = {
     user_type: string;
 };
 
-export declare type TStickerEffects = 'burst-from-edges' | 'pop-expand' | 'float-up' | 'fall-down';
-
 export declare type TStreakStatus = 'pending' | 'completed';
 
 declare type TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;
@@ -5990,6 +6125,10 @@ export declare const Tutorial: ({ src, title, onCross, showProgress, onTutorialP
 
 export declare const TutoringIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
+declare type TWorksheetItems = {
+    ref: string;
+};
+
 declare type TWORKSHHET_QUESTION_MEDIA_TYPE = 'SIMULATION' | 'VIDEO' | 'AUDIO';
 
 export declare type TZIndexMap = Record<keyof typeof ZINDEX, number>;
@@ -6217,8 +6356,6 @@ export declare const useTrialSessionMessageBroker: IUseTrialSessionMessageBroker
 
 export declare const useUIContext: () => UIContextProps;
 
-export declare const useViewport: () => IUseViewportReturn;
-
 export declare const useWorksheetLayout: IUseWorksheetLayout;
 
 export declare const useZoomDisable: () => void;