nzk-react-components 2.0.0-5 → 2.0.0-7

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./components/Avatar/Avatar.js"),r=require("./components/Button/Button.js"),s=require("./components/DatePicker/DatePicker.js"),o=require("./components/IconButton/IconButton.js"),i=require("./components/Input/Input.js"),t=require("./components/Modal/Modal.js"),n=require("./components/Modal/ModalState.js"),p=require("./hooks/useAsync.js"),u=require("./hooks/useConfettis/index.js"),c=require("./hooks/useMountState.js"),a=require("./hooks/useCloudinary/index.js"),x=require("./hooks/useInterval.js"),j=require("./hooks/useEventListener.js"),q=require("./hooks/useElementSize.js"),l=require("./hooks/useDebounce.js"),g=require("./icons/NzkPurple.js"),T=require("./icons/Nzk.js"),w=require("./icons/AboutUs.js"),d=require("./icons/Achievements.js"),h=require("./icons/Activities.js"),y=require("./icons/AddChapter.js"),A=require("./icons/AdvancedTutoring.js"),S=require("./icons/Ant.js"),D=require("./icons/AppClose.js"),m=require("./icons/AppCreate.js"),W=require("./icons/AppDraft.js"),k=require("./icons/AppItems.js"),C=require("./icons/AppMenu.js"),P=require("./icons/AppReport.js"),f=require("./icons/AppSettings.js"),L=require("./icons/AppTeamwork.js"),M=require("./icons/AppWriting.js"),v=require("./icons/Archive.js"),B=require("./icons/ArrowDown.js"),E=require("./icons/ArrowLeftAlt.js"),F=require("./icons/ArrowLeft.js"),N=require("./icons/ArrowRightAlt.js"),R=require("./icons/ArrowRight.js"),I=require("./icons/ArrowUp.js"),U=require("./icons/Audio.js"),G=require("./icons/Awards.js"),b=require("./icons/Back.js"),z=require("./icons/Bear.js"),O=require("./icons/Beaver.js"),H=require("./icons/Bertie.js"),V=require("./icons/Biography.js"),Z=require("./icons/Book.js"),Q=require("./icons/CardSkills.js"),Y=require("./icons/Challenges.js"),K=require("./icons/Chart.js"),X=require("./icons/Checkmark.js"),J=require("./icons/Chest.js"),$=require("./icons/Claw.js"),_=require("./icons/CloseCopy.js"),ee=require("./icons/Close.js"),re=require("./icons/Collect.js"),se=require("./icons/Comment.js"),oe=require("./icons/Compass.js"),ie=require("./icons/Competitions.js"),te=require("./icons/Controller.js"),ne=require("./icons/Create.js"),pe=require("./icons/Customise.js"),ue=require("./icons/Date.js"),ce=require("./icons/Dice.js"),ae=require("./icons/Dictionary.js"),xe=require("./icons/Doug.js"),je=require("./icons/Down.js"),qe=require("./icons/Download.js"),le=require("./icons/Draft.js"),ge=require("./icons/DrawingTask.js"),Te=require("./icons/DrawingToolArrowDown.js"),we=require("./icons/DrawingToolArrowLeft.js"),de=require("./icons/DrawingToolArrowRight.js"),he=require("./icons/DrawingToolArrowUp.js"),ye=require("./icons/DrawingToolCamera.js"),Ae=require("./icons/DrawingToolColorMixer.js"),Se=require("./icons/DrawingToolEraser.js"),De=require("./icons/DrawingToolFillBrush.js"),me=require("./icons/DrawingToolLargeLine.js"),We=require("./icons/DrawingToolLineBrush.js"),ke=require("./icons/DrawingToolMediumLine.js"),Ce=require("./icons/DrawingToolOpacityFull.js"),Pe=require("./icons/DrawingToolOpacityHalf.js"),fe=require("./icons/DrawingToolRedo.js"),Le=require("./icons/DrawingToolSmallLine.js"),Me=require("./icons/DrawingToolStickers.js"),ve=require("./icons/DrawingToolUndo.js"),Be=require("./icons/Drawings.js"),Ee=require("./icons/Eat.js"),Fe=require("./icons/Edit.js"),Ne=require("./icons/Eek.js"),Re=require("./icons/Egg.js"),Ie=require("./icons/Electro.js"),Ue=require("./icons/Enclosure.js"),Ge=require("./icons/ExclamationGrey.js"),be=require("./icons/Exclamation.js"),ze=require("./icons/Eye.js"),Oe=require("./icons/Facebook.js"),He=require("./icons/Featured.js"),Ve=require("./icons/Features.js"),Ze=require("./icons/Filter.js"),Qe=require("./icons/Flag.js"),Ye=require("./icons/Flamingo.js"),Ke=require("./icons/Flip.js"),Xe=require("./icons/Followers.js"),Je=require("./icons/ForYou.js"),$e=require("./icons/FreeWrite.js"),_e=require("./icons/Gallery.js"),er=require("./icons/Games.js"),rr=require("./icons/Gift.js"),sr=require("./icons/Giraffe.js"),or=require("./icons/Goals.js"),ir=require("./icons/Guglum.js"),tr=require("./icons/Heart.js"),nr=require("./icons/Help.js"),pr=require("./icons/Heroes.js"),ur=require("./icons/IdeaCreator.js"),cr=require("./icons/Info.js"),ar=require("./icons/Instagram.js"),xr=require("./icons/Items.js"),jr=require("./icons/Keyboard.js"),qr=require("./icons/Layers.js"),lr=require("./icons/Lessons.js"),gr=require("./icons/Link.js"),Tr=require("./icons/List.js"),wr=require("./icons/Locations.js"),dr=require("./icons/Lock.js"),hr=require("./icons/Logout.js"),yr=require("./icons/Maji.js"),Ar=require("./icons/Megaphone.js"),Sr=require("./icons/Menu.js"),Dr=require("./icons/Message.js"),mr=require("./icons/Minus.js"),Wr=require("./icons/More.js"),kr=require("./icons/MrWhale.js"),Cr=require("./icons/Music.js"),Pr=require("./icons/MyHistory.js"),fr=require("./icons/MyZoo.js"),Lr=require("./icons/New.js"),Mr=require("./icons/News.js"),vr=require("./icons/Next.js"),Br=require("./icons/NightZookeeperStars.js"),Er=require("./icons/No.js"),Fr=require("./icons/Notifications.js"),Nr=require("./icons/Nozza.js"),Rr=require("./icons/NzktvBlue.js"),Ir=require("./icons/NzktvGreen.js"),Ur=require("./icons/OrbDisabled.js"),Gr=require("./icons/Orb.js"),br=require("./icons/Padlock.js"),zr=require("./icons/PaintBucket.js"),Or=require("./icons/Panda.js"),Hr=require("./icons/Pause.js"),Vr=require("./icons/Pdf.js"),Zr=require("./icons/Pencil.js"),Qr=require("./icons/Pending.js"),Yr=require("./icons/Penguin.js"),Kr=require("./icons/Pinterest.js"),Xr=require("./icons/PlayVideo.js"),Jr=require("./icons/Play.js"),$r=require("./icons/Playscript.js"),_r=require("./icons/Plus.js"),es=require("./icons/Poetry.js"),rs=require("./icons/Private.js"),ss=require("./icons/Progress.js"),os=require("./icons/Projects.js"),is=require("./icons/Prompt.js"),ts=require("./icons/PurpleMegaphone.js"),ns=require("./icons/Question.js"),ps=require("./icons/Quests.js"),us=require("./icons/ReadingLight.js"),cs=require("./icons/Refresh.js"),as=require("./icons/Report.js"),xs=require("./icons/Rewards.js"),js=require("./icons/Ryan.js"),qs=require("./icons/Sally.js"),ls=require("./icons/Save.js"),gs=require("./icons/Sealion.js"),Ts=require("./icons/Search.js"),ws=require("./icons/Send.js"),ds=require("./icons/Sepatpus.js"),hs=require("./icons/Settings.js"),ys=require("./icons/Sfx.js"),As=require("./icons/Sharing.js"),Ss=require("./icons/Shell.js"),Ds=require("./icons/Shop.js"),ms=require("./icons/Showcase.js"),Ws=require("./icons/Shuffle.js"),ks=require("./icons/Skip.js"),Cs=require("./icons/SlimTick.js"),Ps=require("./icons/SoundOff.js"),fs=require("./icons/SoundOn.js"),Ls=require("./icons/Sparks.js"),Ms=require("./icons/StarTutoring.js"),vs=require("./icons/StarWritingAward.js"),Bs=require("./icons/StarWriting.js"),Es=require("./icons/Stats.js"),Fs=require("./icons/StopWatch.js"),Ns=require("./icons/Story.js"),Rs=require("./icons/Streak.js"),Is=require("./icons/Tags.js"),Us=require("./icons/Target.js"),Gs=require("./icons/Task.js"),bs=require("./icons/TeamFlorence.js"),zs=require("./icons/TeamGiraffe.js"),Os=require("./icons/TeamGrudge.js"),Hs=require("./icons/TeamSeaLion.js"),Vs=require("./icons/Teamwork.js"),Zs=require("./icons/TextToSpeech.js"),Qs=require("./icons/ThumbsDown.js"),Ys=require("./icons/ThumbsUp.js"),Ks=require("./icons/Tick.js"),Xs=require("./icons/Torch.js"),Js=require("./icons/Transfer.js"),$s=require("./icons/TrashCopy.js"),_s=require("./icons/TrashWhite.js"),eo=require("./icons/Trash.js"),ro=require("./icons/Trophy.js"),so=require("./icons/Twitter.js"),oo=require("./icons/Up.js"),io=require("./icons/Update.js"),to=require("./icons/Upload.js"),no=require("./icons/User.js"),po=require("./icons/Users.js"),uo=require("./icons/Video.js"),co=require("./icons/Vincent.js"),ao=require("./icons/Whatsapp.js"),xo=require("./icons/Wishlist.js"),jo=require("./icons/Words.js"),qo=require("./icons/Work.js"),lo=require("./icons/WritingToolAlignCenter.js"),go=require("./icons/WritingToolAlignLeft.js"),To=require("./icons/WritingToolAlignRight.js"),wo=require("./icons/WritingToolBold.js"),ho=require("./icons/WritingToolItalic.js"),yo=require("./icons/WritingToolTextColor.js"),Ao=require("./icons/WritingToolUnderline.js"),So=require("./icons/WritingTypeAdventureStory.js"),Do=require("./icons/WritingTypeBiography.js"),mo=require("./icons/WritingTypeDiaryEntry.js"),Wo=require("./icons/WritingTypeExplanation.js"),ko=require("./icons/WritingTypeFreeWrite.js"),Co=require("./icons/WritingTypeInstructions.js"),Po=require("./icons/WritingTypeLetterWriting.js"),fo=require("./icons/WritingTypeNewspaperArticle.js"),Lo=require("./icons/WritingTypePersuasiveWriting.js"),Mo=require("./icons/WritingTypePlayscript.js"),vo=require("./icons/WritingTypePoem.js"),Bo=require("./icons/WritingTypeReport.js"),Eo=require("./icons/Writing.js"),Fo=require("./icons/Xp.js"),No=require("./icons/Yes.js"),Ro=require("./icons/ZooPoint.js"),Io=require("./components/SyncedText/SyncedText.js");exports.Avatar=e,exports.Button=r,exports.DatePicker=s,exports.IconButton=o,exports.Input=i,exports.Modal=t,exports.ModalProvider=n.ModalProvider,exports.useModalState=n.useModalState,exports.useAsync=p,exports.useConfettis=u,exports.useMountState=c,exports.useCloudinary=a,exports.useInterval=x,exports.useEventListener=j,exports.useElementSize=q,exports.useDebounce=l,exports.NzkPurple=g,exports.Nzk=T,exports.AboutUs=w,exports.Achievements=d,exports.Activities=h,exports.AddChapter=y,exports.AdvancedTutoring=A,exports.Ant=S,exports.AppClose=D,exports.AppCreate=m,exports.AppDraft=W,exports.AppItems=k,exports.AppMenu=C,exports.AppReport=P,exports.AppSettings=f,exports.AppTeamwork=L,exports.AppWriting=M,exports.Archive=v,exports.ArrowDown=B,exports.ArrowLeftAlt=E,exports.ArrowLeft=F,exports.ArrowRightAlt=N,exports.ArrowRight=R,exports.ArrowUp=I,exports.Audio=U,exports.Awards=G,exports.Back=b,exports.Bear=z,exports.Beaver=O,exports.Bertie=H,exports.Biography=V,exports.Book=Z,exports.CardSkills=Q,exports.Challenges=Y,exports.Chart=K,exports.Checkmark=X,exports.Chest=J,exports.Claw=$,exports.CloseCopy=_,exports.Close=ee,exports.Collect=re,exports.Comment=se,exports.Compass=oe,exports.Competitions=ie,exports.Controller=te,exports.Create=ne,exports.Customise=pe,exports.Date=ue,exports.Dice=ce,exports.Dictionary=ae,exports.Doug=xe,exports.Down=je,exports.Download=qe,exports.Draft=le,exports.DrawingTask=ge,exports.DrawingToolArrowDown=Te,exports.DrawingToolArrowLeft=we,exports.DrawingToolArrowRight=de,exports.DrawingToolArrowUp=he,exports.DrawingToolCamera=ye,exports.DrawingToolColorMixer=Ae,exports.DrawingToolEraser=Se,exports.DrawingToolFillBrush=De,exports.DrawingToolLargeLine=me,exports.DrawingToolLineBrush=We,exports.DrawingToolMediumLine=ke,exports.DrawingToolOpacityFull=Ce,exports.DrawingToolOpacityHalf=Pe,exports.DrawingToolRedo=fe,exports.DrawingToolSmallLine=Le,exports.DrawingToolStickers=Me,exports.DrawingToolUndo=ve,exports.Drawings=Be,exports.Eat=Ee,exports.Edit=Fe,exports.Eek=Ne,exports.Egg=Re,exports.Electro=Ie,exports.Enclosure=Ue,exports.ExclamationGrey=Ge,exports.Exclamation=be,exports.Eye=ze,exports.Facebook=Oe,exports.Featured=He,exports.Features=Ve,exports.Filter=Ze,exports.Flag=Qe,exports.Flamingo=Ye,exports.Flip=Ke,exports.Followers=Xe,exports.ForYou=Je,exports.FreeWrite=$e,exports.Gallery=_e,exports.Games=er,exports.Gift=rr,exports.Giraffe=sr,exports.Goals=or,exports.Guglum=ir,exports.Heart=tr,exports.Help=nr,exports.Heroes=pr,exports.IdeaCreator=ur,exports.Info=cr,exports.Instagram=ar,exports.Items=xr,exports.Keyboard=jr,exports.Layers=qr,exports.Lessons=lr,exports.Link=gr,exports.List=Tr,exports.Locations=wr,exports.Lock=dr,exports.Logout=hr,exports.Maji=yr,exports.Megaphone=Ar,exports.Menu=Sr,exports.Message=Dr,exports.Minus=mr,exports.More=Wr,exports.MrWhale=kr,exports.Music=Cr,exports.MyHistory=Pr,exports.MyZoo=fr,exports.New=Lr,exports.News=Mr,exports.Next=vr,exports.NightZookeeperStars=Br,exports.No=Er,exports.Notifications=Fr,exports.Nozza=Nr,exports.NzktvBlue=Rr,exports.NzktvGreen=Ir,exports.OrbDisabled=Ur,exports.Orb=Gr,exports.Padlock=br,exports.PaintBucket=zr,exports.Panda=Or,exports.Pause=Hr,exports.Pdf=Vr,exports.Pencil=Zr,exports.Pending=Qr,exports.Penguin=Yr,exports.Pinterest=Kr,exports.PlayVideo=Xr,exports.Play=Jr,exports.Playscript=$r,exports.Plus=_r,exports.Poetry=es,exports.Private=rs,exports.Progress=ss,exports.Projects=os,exports.Prompt=is,exports.PurpleMegaphone=ts,exports.Question=ns,exports.Quests=ps,exports.ReadingLight=us,exports.Refresh=cs,exports.Report=as,exports.Rewards=xs,exports.Ryan=js,exports.Sally=qs,exports.Save=ls,exports.Sealion=gs,exports.Search=Ts,exports.Send=ws,exports.Sepatpus=ds,exports.Settings=hs,exports.Sfx=ys,exports.Sharing=As,exports.Shell=Ss,exports.Shop=Ds,exports.Showcase=ms,exports.Shuffle=Ws,exports.Skip=ks,exports.SlimTick=Cs,exports.SoundOff=Ps,exports.SoundOn=fs,exports.Sparks=Ls,exports.StarTutoring=Ms,exports.StarWritingAward=vs,exports.StarWriting=Bs,exports.Stats=Es,exports.StopWatch=Fs,exports.Story=Ns,exports.Streak=Rs,exports.Tags=Is,exports.Target=Us,exports.Task=Gs,exports.TeamFlorence=bs,exports.TeamGiraffe=zs,exports.TeamGrudge=Os,exports.TeamSeaLion=Hs,exports.Teamwork=Vs,exports.TextToSpeech=Zs,exports.ThumbsDown=Qs,exports.ThumbsUp=Ys,exports.Tick=Ks,exports.Torch=Xs,exports.Transfer=Js,exports.TrashCopy=$s,exports.TrashWhite=_s,exports.Trash=eo,exports.Trophy=ro,exports.Twitter=so,exports.Up=oo,exports.Update=io,exports.Upload=to,exports.User=no,exports.Users=po,exports.Video=uo,exports.Vincent=co,exports.Whatsapp=ao,exports.Wishlist=xo,exports.Words=jo,exports.Work=qo,exports.WritingToolAlignCenter=lo,exports.WritingToolAlignLeft=go,exports.WritingToolAlignRight=To,exports.WritingToolBold=wo,exports.WritingToolItalic=ho,exports.WritingToolTextColor=yo,exports.WritingToolUnderline=Ao,exports.WritingTypeAdventureStory=So,exports.WritingTypeBiography=Do,exports.WritingTypeDiaryEntry=mo,exports.WritingTypeExplanation=Wo,exports.WritingTypeFreeWrite=ko,exports.WritingTypeInstructions=Co,exports.WritingTypeLetterWriting=Po,exports.WritingTypeNewspaperArticle=fo,exports.WritingTypePersuasiveWriting=Lo,exports.WritingTypePlayscript=Mo,exports.WritingTypePoem=vo,exports.WritingTypeReport=Bo,exports.Writing=Eo,exports.Xp=Fo,exports.Yes=No,exports.ZooPoint=Ro,exports.SyncedText=Io.SyncedText;

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface AvatarColorsProps {
+    border: string;
+    shadow: string;
+    dropshadow: string;
+}
+export interface AvatarProps {
+    user?: {
+        avatar?: {
+            url: string;
+        };
+        countryCode?: string;
+        type: 'student' | 'parent' | 'teacher' | 'tutor';
+    };
+    colors?: AvatarColorsProps;
+    countryCode?: string;
+    src?: string;
+    size?: string;
+    flagHidden?: boolean;
+}
+declare const Avatar: {
+    (props: AvatarProps): JSX.Element;
+    defaultProps: {
+        size: string;
+        flagHidden: boolean;
+        colors: {
+            border: string;
+            shadow: string;
+            dropshadow: string;
+        };
+    };
+};
+export default Avatar;

package/dist/components/Avatar/Avatar.styles.d.ts

@@ -0,0 +1,11 @@
+import { AvatarColorsProps } from './Avatar';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
+    size?: string | undefined;
+    colors?: AvatarColorsProps | undefined;
+}, never>;
+export declare const AvatarImage: import("styled-components").StyledComponent<"div", any, {
+    src?: string | undefined;
+}, never>;
+export declare const Flag: import("styled-components").StyledComponent<"div", any, {
+    src?: string | undefined;
+}, never>;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import Avatar from "./Avatar";
+export default Avatar;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,24 @@
+import { ReactHTML } from 'react';
+import { Size, Theme } from './types';
+export declare type BaseProps = {
+    as?: keyof ReactHTML;
+    backgroundColor?: string;
+    height?: number;
+    fullWidth?: boolean;
+    children: any;
+    color?: string;
+    strokeColor?: string;
+    dropShadowColor?: string;
+    shadowColor?: string;
+    fontSize?: string;
+    round?: boolean;
+    disabled?: boolean;
+    wiggle?: boolean;
+    size?: Size;
+    theme?: Theme;
+};
+export declare type ButtonProps = {} & BaseProps;
+declare const Button: import("styled-components").StyledComponent<"div", any, {
+    role: "button";
+} & BaseProps, "role">;
+export default Button;

package/dist/components/Button/Button.styles.d.ts

@@ -0,0 +1,4 @@
+import { BaseProps } from './Button';
+export declare const StyledSpanButton: import("styled-components").StyledComponent<"div", any, {
+    role: "button";
+} & BaseProps, "role">;

package/dist/components/Button/constants.d.ts

@@ -0,0 +1,14 @@
+import { Size, Theme } from './types';
+interface ITheme {
+    backgroundColor: string;
+    color: string;
+    strokeColor: string;
+    shadowColor: string;
+}
+export declare const THEMES: {
+    [key in Theme]: ITheme;
+};
+export declare const SIZES: {
+    [key in Size]: number;
+};
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+import Button from "./Button";
+export default Button;

package/dist/components/Button/types.d.ts

@@ -0,0 +1,21 @@
+export declare const Themes: {
+    readonly primary: "primary";
+    readonly confirm: "confirm";
+    readonly 'the-pink': "the-pink";
+    readonly purple: "purple";
+    readonly red: "red";
+    readonly orange: "orange";
+    readonly green: "green";
+    readonly yellow: "yellow";
+    readonly white: "white";
+};
+export declare type Theme = (typeof Themes)[keyof typeof Themes];
+export declare const Sizes: {
+    'xx-large': string;
+    'x-large': string;
+    large: string;
+    regular: string;
+    small: string;
+    'x-small': string;
+};
+export declare type Size = (typeof Sizes)[keyof typeof Sizes];

package/dist/components/Button/utils.d.ts

@@ -0,0 +1,22 @@
+export declare const getTextColor: (props: {
+    color?: string;
+    backgroundColor: string;
+}) => string;
+export declare const getTextSize: (props: {
+    height: number;
+} | {
+    fontSize: number;
+}) => string | number;
+export declare const getPadding: (props: {
+    height: number;
+}) => string;
+export declare const getSizeComparedToBase: (props: {
+    height: number;
+}, originalValue: number) => number;
+export declare const getShadows: (props: {
+    backgroundColor: string;
+    shadowColor?: string | undefined;
+    dropShadowColor?: string | undefined;
+    strokeColor?: string | undefined;
+    height: number;
+}) => import("styled-components").FlattenSimpleInterpolation;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+export interface DatePickerProps {
+    primary: string;
+    autoFocus?: boolean;
+    onChange?: (date: Date) => void;
+    defaultValue?: Date;
+    input?: ReactElement<{
+        onClick: any;
+        ref: any;
+        children: any;
+    }>;
+}
+declare const DatePicker: {
+    (props: DatePickerProps): JSX.Element;
+    defaultProps: {
+        primary: string;
+        autoFocus: boolean;
+        onChange: null;
+        range: boolean;
+        defaultValue: null;
+        input: null;
+    };
+};
+export default DatePicker;

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+import DatePicker from './DatePicker';
+export default DatePicker;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface IconProps {
+    name: string;
+    size?: string;
+    fill?: string;
+}
+declare const Icon: {
+    (props: IconProps): JSX.Element;
+    defaultProps: {
+        size: null;
+    };
+};
+export default Icon;

package/dist/components/Icon/icons.d.ts

@@ -0,0 +1,137 @@
+/// <reference types="react" />
+declare const ICONS: {
+    activities: JSX.Element;
+    archive: JSX.Element;
+    'arrow-left': JSX.Element;
+    'arrow-right': JSX.Element;
+    awards: JSX.Element;
+    'card-skills': JSX.Element;
+    challenges: JSX.Element;
+    chart: JSX.Element;
+    checkmark: JSX.Element;
+    close: JSX.Element;
+    collect: JSX.Element;
+    comment: JSX.Element;
+    controller: JSX.Element;
+    create: JSX.Element;
+    customise: JSX.Element;
+    draft: JSX.Element;
+    'drawing-task': JSX.Element;
+    egg: JSX.Element;
+    enclosure: JSX.Element;
+    exclamation: JSX.Element;
+    eye: JSX.Element;
+    filter: JSX.Element;
+    'for-you': JSX.Element;
+    games: JSX.Element;
+    goals: JSX.Element;
+    heart: JSX.Element;
+    help: JSX.Element;
+    info: JSX.Element;
+    items: JSX.Element;
+    lessons: JSX.Element;
+    lock: JSX.Element;
+    menu: JSX.Element;
+    message: JSX.Element;
+    minus: JSX.Element;
+    book: JSX.Element;
+    'my-zoo': JSX.Element;
+    new: JSX.Element;
+    notifications: JSX.Element;
+    NZK: JSX.Element;
+    'orb-disabled': JSX.Element;
+    orb: JSX.Element;
+    padlock: JSX.Element;
+    pdf: JSX.Element;
+    pencil: JSX.Element;
+    pending: JSX.Element;
+    play: JSX.Element;
+    'play-video': JSX.Element;
+    plus: JSX.Element;
+    private: JSX.Element;
+    progress: JSX.Element;
+    projects: JSX.Element;
+    refresh: JSX.Element;
+    rewards: JSX.Element;
+    settings: JSX.Element;
+    sharing: JSX.Element;
+    shop: JSX.Element;
+    'sound-off': JSX.Element;
+    'sound-on': JSX.Element;
+    'star-writing': JSX.Element;
+    transfer: JSX.Element;
+    trash: JSX.Element;
+    trophy: JSX.Element;
+    upload: JSX.Element;
+    writing: JSX.Element;
+    'writing-type-adventure-story': JSX.Element;
+    'writing-type-biography': JSX.Element;
+    'writing-type-diary-entry': JSX.Element;
+    'writing-type-free-write': JSX.Element;
+    'writing-type-instructions': JSX.Element;
+    'writing-type-letter-writing': JSX.Element;
+    'writing-type-newspaper-article': JSX.Element;
+    'writing-type-persuasive-writing': JSX.Element;
+    'writing-type-playscript': JSX.Element;
+    'writing-type-poem': JSX.Element;
+    'writing-type-report': JSX.Element;
+    'zoo-point': JSX.Element;
+    'NZK-purple': JSX.Element;
+    'about-us': JSX.Element;
+    compass: JSX.Element;
+    download: JSX.Element;
+    'exclamation-grey': JSX.Element;
+    facebook: JSX.Element;
+    flag: JSX.Element;
+    gift: JSX.Element;
+    instagram: JSX.Element;
+    layers: JSX.Element;
+    link: JSX.Element;
+    list: JSX.Element;
+    logout: JSX.Element;
+    megaphone: JSX.Element;
+    more: JSX.Element;
+    'nzktv-blue': JSX.Element;
+    'nzktv-green': JSX.Element;
+    search: JSX.Element;
+    task: JSX.Element;
+    'text-to-speech': JSX.Element;
+    torch: JSX.Element;
+    'trash-white': JSX.Element;
+    twitter: JSX.Element;
+    user: JSX.Element;
+    users: JSX.Element;
+    video: JSX.Element;
+    whatsapp: JSX.Element;
+    tick: JSX.Element;
+    'drawing-tool-undo': JSX.Element;
+    'drawing-tool-redo': JSX.Element;
+    'drawing-tool-camera': JSX.Element;
+    'drawing-tool-eraser': JSX.Element;
+    'drawing-tool-fill-brush': JSX.Element;
+    'drawing-tool-line-brush': JSX.Element;
+    'drawing-tool-small-line': JSX.Element;
+    'drawing-tool-medium-line': JSX.Element;
+    'drawing-tool-large-line': JSX.Element;
+    'drawing-tool-opacity-half': JSX.Element;
+    'drawing-tool-opacity-full': JSX.Element;
+    'drawing-tool-color-mixer': JSX.Element;
+    'drawing-tool-arrow-up': JSX.Element;
+    'drawing-tool-arrow-down': JSX.Element;
+    'drawing-tool-arrow-left': JSX.Element;
+    'drawing-tool-arrow-right': JSX.Element;
+    'drawing-tool-sticker': JSX.Element;
+    'idea-creator': JSX.Element;
+    send: JSX.Element;
+    giraffe: JSX.Element;
+    penguin: JSX.Element;
+    flamingo: JSX.Element;
+    bear: JSX.Element;
+    sealion: JSX.Element;
+    stats: JSX.Element;
+    back: JSX.Element;
+    next: JSX.Element;
+    yes: JSX.Element;
+    no: JSX.Element;
+};
+export default ICONS;

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+import Icon from './Icon';
+export default Icon;

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from 'react';
+import { ButtonProps } from '../Button/Button';
+export declare type IconButtonProps = {
+    icon: any;
+} & ButtonProps & HTMLAttributes<HTMLDivElement>;
+declare const _default: React.ForwardRefExoticComponent<{
+    icon: any;
+} & import("../Button/Button").BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+import IconButton from './IconButton';
+export default IconButton;

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,7 @@
+export interface InputProps {
+    borderRadius?: string;
+    borderColor?: string;
+    borderWidth?: string;
+}
+declare const Input: import("styled-components").StyledComponent<"input", any, InputProps, never>;
+export default Input;

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+import Input from './Input';
+export default Input;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+export interface ModalProps {
+    children?: ReactElement | string;
+    title?: string;
+    message?: string;
+    errorMessage?: string;
+    actions?: ReactElement[];
+    dismiss?: () => void;
+}
+declare const Modal: (props: ModalProps) => JSX.Element;
+export default Modal;

package/dist/components/Modal/Modal.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {
+    hasError: boolean;
+}, never>;
+export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const QuitButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Modal/ModalState.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from 'react';
+declare const useModalState: () => {
+    open: (modal: ReactElement, key?: string | undefined) => string;
+    close: (key?: string | undefined) => void;
+    modals: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+};
+declare const ModalProvider: (props: any) => JSX.Element;
+export { ModalProvider, useModalState };

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+import Modal from './Modal';
+export default Modal;

package/dist/components/SyncedText/SyncedText.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISyncedTextProps } from './types';
+export declare const SyncedText: (props: ISyncedTextProps) => JSX.Element | null;

package/dist/components/SyncedText/hooks/useTimeout.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+    timeoutMs?: number;
+}
+export declare const useAudioTimeout: (props: IProps) => [(cb: () => void) => void, () => void];
+export {};

package/dist/components/SyncedText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SyncedText';
+export * from './types';

package/dist/components/SyncedText/types.d.ts

@@ -0,0 +1,27 @@
+import type { Howl } from 'howler';
+export interface ISequence {
+    text: string;
+    time: [number, number];
+}
+export interface IAudioSync {
+    audio: string;
+    sequences: ISequence[];
+}
+export interface ISyncedTextRef {
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    isPlaying: () => void;
+    getHowl: () => Howl | null;
+}
+export interface ISyncedTextProps {
+    value: IAudioSync;
+    Howl: typeof Howl;
+    showPlayButton?: boolean;
+    setRef?: (ref: ISyncedTextRef) => void;
+    autoPlay?: boolean;
+    onComplete?: () => void;
+    timeoutMs?: number;
+    onTimeout?: () => void;
+    onError?: (err: any) => void;
+}

package/dist/esm/_virtual/_tslib.js

@@ -0,0 +1 @@
+var e=function(){return e=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},e.apply(this,arguments)};function n(e,n,r,t){return new(r||(r=Promise))((function(o,a){function u(e){try{i(t.next(e))}catch(e){a(e)}}function c(e){try{i(t.throw(e))}catch(e){a(e)}}function i(e){var n;e.done?o(e.value):(n=e.value,n instanceof r?n:new r((function(e){e(n)}))).then(u,c)}i((t=t.apply(e,n||[])).next())}))}function r(e,n){var r,t,o,a,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(i){return function(c){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(u=0)),u;)try{if(r=1,t&&(o=2&c[0]?t.return:c[0]?t.throw||((o=t.return)&&o.call(t),0):t.next)&&!(o=o.call(t,c[1])).done)return o;switch(t=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,t=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!(o=u.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){u=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){u.label=c[1];break}if(6===c[0]&&u.label<o[1]){u.label=o[1],o=c;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(c);break}o[2]&&u.ops.pop(),u.trys.pop();continue}c=n.call(e,u)}catch(e){c=[6,e],t=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,i])}}}function t(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e}"function"==typeof SuppressedError&&SuppressedError;export{e as __assign,n as __awaiter,r as __generator,t as __makeTemplateObject};

package/dist/esm/components/Avatar/Avatar.js

@@ -0,0 +1 @@
+import e,{useMemo as r}from"react";import{Wrapper as t,Flag as o,AvatarImage as n}from"./Avatar.styles.js";var s=function(s){var a=r((function(){var e;return(null===(e=s.user)||void 0===e?void 0:e.countryCode)||s.countryCode}),[s]),d=r((function(){var e,r,t,o=(null===(r=null===(e=s.user)||void 0===e?void 0:e.avatar)||void 0===r?void 0:r.url)||s.src;return o||(o||"student"!==(null===(t=s.user)||void 0===t?void 0:t.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[s]),i=r((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/"+a+".png"}),[a]),u=r((function(){return!(!i||s.flagHidden)}),[i,s]);return e.createElement(t,{size:s.size,colors:s.colors},u&&e.createElement(o,{src:i}),e.createElement(n,{src:d}))};s.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}};export{s as default};

package/dist/esm/components/Avatar/Avatar.styles.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import r from"styled-components";var n,a,i,c=r.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(n||(n=o(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.size})),e=r.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(a||(a=o(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.src})),s=r.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(i||(i=o(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"])),(function(o){return o.src}));export{e as AvatarImage,s as Flag,c as Wrapper};

package/dist/esm/components/Avatar/index.js

@@ -0,0 +1 @@
+import a from"./Avatar.js";export{a as default};

package/dist/esm/components/Button/Button.js

@@ -0,0 +1 @@
+import{StyledSpanButton as t}from"./Button.styles.js";var o=t;export{o as default};

package/dist/esm/components/Button/Button.styles.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n,__assign as o}from"../../_virtual/_tslib.js";import e,{css as r}from"styled-components";import{getShadows as t,getTextColor as i,getTextSize as l,getSizeComparedToBase as s,getPadding as d}from"./utils.js";import{THEMES as a,SIZES as u}from"./constants.js";var c,h,g,m,p,f=e.div.attrs((function(n){return{role:"button"}})).withConfig({displayName:"Buttonstyles__StyledSpanButton",componentId:"sc-1r7fyax-0"})(p||(p=n(["\n  ","\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n\n"],["\n  ","\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n\n"])),(function(e){var p=function(n){var o=n.theme?a[n.theme]:void 0,e=a.primary;return{backgroundColor:(null==o?void 0:o.backgroundColor)||n.backgroundColor||e.backgroundColor,color:(null==o?void 0:o.color)||n.color,strokeColor:(null==o?void 0:o.strokeColor)||n.strokeColor,shadowColor:(null==o?void 0:o.shadowColor)||n.shadowColor}}(e),f=function(n){return(n.size?u[n.size]:void 0)||n.height||u.regular}(e);return r(m||(m=n(["\n      // Base\n      ","\n      // COLORS\n      background-color: ",";\n      ",";\n      color: ",";\n      filter: ",";\n\n      // Dimensions\n      ","\n    "],["\n      // Base\n      ","\n      // COLORS\n      background-color: ",";\n      ",";\n      color: ",";\n      filter: ",";\n\n      // Dimensions\n      ","\n    "])),r(c||(c=n(["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Rammetto One';\n    border-radius: 1000px;\n    cursor: pointer;\n    user-select: none;\n    text-decoration: none;\n  "],["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Rammetto One';\n    border-radius: 1000px;\n    cursor: pointer;\n    user-select: none;\n    text-decoration: none;\n  "]))),p.backgroundColor,t(o(o({},p),{height:f})),i(p),e.disabled?"grayscale(100%)":"none",function(o){return r(g||(g=n(["\n    outline: none;\n    border: none;\n    height: ","px;\n    font-size: ",";\n    margin-bottom: ","px;\n    padding: ",";\n    ","\n  "],["\n    outline: none;\n    border: none;\n    height: ","px;\n    font-size: ",";\n    margin-bottom: ","px;\n    padding: ",";\n    ","\n  "])),o.height,l(o),s(o,12),d(o),o.round&&r(h||(h=n(["\n      width: ","px;\n      padding: 0;\n      flex-shrink: 0;\n    "],["\n      width: ","px;\n      padding: 0;\n      flex-shrink: 0;\n    "])),o.height))}({height:f,round:e.round}))}));export{f as StyledSpanButton};

package/dist/esm/components/Button/constants.js

@@ -0,0 +1 @@
+var o={primary:{backgroundColor:"#009EE2",color:"#fff",strokeColor:"#00C5ED",shadowColor:"#025899"},confirm:{backgroundColor:"#8CC63F",color:"#fff",strokeColor:"#AFD752",shadowColor:"#579800"},"the-pink":{backgroundColor:"#E40071",color:"",shadowColor:"",strokeColor:""},purple:{backgroundColor:"#701EA8",color:"",shadowColor:"#4E1B6D",strokeColor:"#9026C1"},red:{color:"white",backgroundColor:"#E20514",strokeColor:"#F60A21",shadowColor:"#931120"},orange:{color:"white",backgroundColor:"#F29226",strokeColor:"#F6B230",shadowColor:"#CB6217"},green:{color:"white",backgroundColor:"#8DC63F",strokeColor:"#AED752",shadowColor:"#58981F"},yellow:{color:"white",backgroundColor:"#FEC532",strokeColor:"#FEE13A",shadowColor:"#C59928"},white:{color:"",backgroundColor:"#EEEEEE",strokeColor:"#D9D9D9",shadowColor:"#8E9197"}},r={"xx-large":142,"x-large":109,large:71,regular:50,small:39,"x-small":30};export{r as SIZES,o as THEMES};

package/dist/esm/components/Button/index.js

@@ -0,0 +1 @@
+import t from"./Button.js";export{t as default};

package/dist/esm/components/Button/utils.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import{css as n}from"styled-components";import{getLuminance as r,darken as t,lighten as p}from"polished";var x,a=function(o){return o.color?o.color:o.backgroundColor&&r(o.backgroundColor)<=.5?"#fff":"#000"},e=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:o.height/2.5+"px"},i=function(o){return.001*o.height+"px "+o.height/2+"px"},u=function(o,n){return o.height*n/64},l=function(a){var e=r(a.backgroundColor),i=a.shadowColor||e&&t(.2,a.backgroundColor)||!e&&p(.2,a.backgroundColor),l=a.dropShadowColor||"rgba(0,0,0,0.3)",s=a.strokeColor||e&&p(.1,a.backgroundColor)||!e&&t(.1,a.backgroundColor);return n(x||(x=o(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),u(a,5),i,u(a,12),l,u(a,5),s,u(a,7),u(a,5),i,u(a,5),s)};export{i as getPadding,l as getShadows,u as getSizeComparedToBase,a as getTextColor,e as getTextSize};

package/dist/esm/components/DatePicker/DatePicker.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import{getLuminance as r,darken as e,lighten as o}from"polished";import t,{useRef as a,useState as i,useEffect as c,forwardRef as d}from"react";import p from"react-datepicker";import l,{css as s}from"styled-components";import u from"../Button/Button.js";var f,g,m=l.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(g||(g=n(["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"],["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])),(function(t){var a=function(n){var t=n.primary,a=r(t)>=.5;return{primary:t,secondary:a?e(.2,t):o(.2,t),color:a?"#000":"#fff"}}(t);return s(f||(f=n(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),a.primary,a.secondary,a.color)})),x=function(n){var r=a(null),e=i(n.defaultValue||new Date),o=e[0],l=e[1];c((function(){n.autoFocus&&r.current&&r.current.input&&r.current.input.focus()}),[]);var s=d((function(r,e){var o=r.value,a=r.onClick;return n.input?t.cloneElement(n.input,{onClick:a,ref:e,children:o}):t.createElement(u,{onClick:a,ref:e,theme:"primary",size:"small"},o)}));return c((function(){n.onChange&&n.onChange(o)}),[o]),t.createElement(m,{primary:n.primary},t.createElement(p,{ref:r,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return l(n)},customInput:t.createElement(s,null)}))};x.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null};export{x as default};

package/dist/esm/components/DatePicker/index.js

@@ -0,0 +1 @@
+import e from"./DatePicker.js";export{e as default};

package/dist/esm/components/IconButton/IconButton.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o,__assign as n}from"../../_virtual/_tslib.js";import e,{forwardRef as t}from"react";import r from"styled-components";import l from"../Button/Button.js";import{SIZES as i}from"../Button/constants.js";var a,s=r.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(a||(a=o(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(o){return o.overlap})),d=t((function(o,t){var r=(o.size?i[o.size]:o.height)||0,a={backgroundColor:o.backgroundColor,height:o.height,fullWidth:o.fullWidth,children:o.children,color:o.color,strokeColor:o.strokeColor,dropShadowColor:o.dropShadowColor,shadowColor:o.shadowColor,fontSize:o.fontSize,round:o.round,disabled:o.disabled,wiggle:o.wiggle,size:o.size,theme:o.theme};return e.createElement(s,n({as:o.as,overlap:.3*r,ref:t},o),e.createElement(l,n({className:"button--icon"},a,{as:"span",round:!0}),o.icon),e.createElement(l,n({className:"button--label"},a,{as:"span"})))}));export{d as default};

package/dist/esm/components/IconButton/index.js

@@ -0,0 +1 @@
+import o from"./IconButton.js";export{o as default};

package/dist/esm/components/Input/Input.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import r,{css as o}from"styled-components";var i,e,d=r.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(e||(e=n(["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"],["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"])),(function(r){return o(i||(i=n(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.borderRadius,r.borderWidth,r.borderColor)}));d.defaultProps={borderRadius:"6px",borderColor:"#000",borderWidth:"2px"};export{d as default};

package/dist/esm/components/Input/index.js

@@ -0,0 +1 @@
+import t from"./Input.js";export{t as default};

package/dist/esm/components/Modal/Modal.js

@@ -0,0 +1 @@
+import e,{useMemo as r}from"react";import"../../_virtual/_tslib.js";import t from"../../icons/Close.js";import n from"../Button/Button.js";import{Wrapper as s,QuitButton as o,Title as a,Content as l,Actions as i}from"./Modal.styles.js";var m=function(m){var u=r((function(){return m.errorMessage?"Error":m.title}),[]),c=r((function(){return m.errorMessage?m.errorMessage:m.message?m.message:m.children}),[]),f=r((function(){return m.actions?m.actions:null}),[]);return e.createElement(s,null,m.dismiss&&e.createElement(o,{onClick:m.dismiss},e.createElement(n,{round:!0,theme:"red",size:"regular"},e.createElement(t,null))),e.createElement(a,null,u),c&&e.createElement(l,{hasError:Boolean(m.errorMessage&&!0)},c),e.createElement(i,null,Array.isArray(f)&&f.map((function(e){return e}))))};export{m as default};

package/dist/esm/components/Modal/Modal.styles.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import o,{css as i}from"styled-components";var t,p,a,d,r,e,x=o.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(t||(t=n(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=o.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(p||(p=n(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"],["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"]))),l=o.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(d||(d=n(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(o){return o.hasError&&i(a||(a=n(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "],["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "])))})),f=o.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(r||(r=n(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"]))),g=o.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(e||(e=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));export{f as Actions,l as Content,g as QuitButton,s as Title,x as Wrapper};

package/dist/esm/components/Modal/ModalState.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n,__assign as t}from"../../_virtual/_tslib.js";import e,{useState as r,useMemo as o}from"react";import{nanoid as i}from"nanoid";import l from"styled-components";import{createContainer as c}from"unstated-next";var a,u=l.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(a||(a=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(n){return n.active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),f=c((function(){var n=r({}),l=n[0],c=n[1],a=o((function(){return Object.keys(l).map((function(n){return l[n]}))}),[l]),u=o((function(){return Object.keys(l)[Object.keys(l).length-1]}),[l]),f=function(n){var e=n||u;c((function(n){var r=t({},n);return delete r[e],r}))};return{open:function(n,r){var o=""+(r||i());return c((function(r){var i=t({},r);return i[o]=e.cloneElement(n,{id:o,dismiss:function(){return f(o)}}),i})),o},close:f,modals:a}})),m=f.useContainer,s=function(){var n=m(),t=n.modals,r=n.close;return 0===t.length?null:e.createElement(e.Fragment,null,t.map((function(n,o){return e.createElement(u,{onClick:function(){return r()},active:o===t.length-1},e.createElement("div",{onClick:function(n){n.stopPropagation(),n.preventDefault()},role:"alert"},n))})))},d=function(n){return e.createElement(f.Provider,null,e.createElement(s,null),e.cloneElement(n.children,n))};export{d as ModalProvider,m as useModalState};

package/dist/esm/components/Modal/index.js

@@ -0,0 +1 @@
+import o from"./Modal.js";export{o as default};

package/dist/esm/components/SyncedText/SyncedText.js

@@ -0,0 +1 @@
+import r,{useRef as e,useState as n,useEffect as t}from"react";import{useAudioTimeout as o}from"./hooks/useTimeout.js";import u from"../Button/Button.js";import"../../_virtual/_tslib.js";import l from"../../icons/TextToSpeech.js";var a=function(a){var i=a.value,c=e(null),s=e(),d=e(null),p=e(!1),v=e([]),m=e([]),f=n(!1),y=f[0],h=f[1],g=o({timeoutMs:a.timeoutMs}),E=g[0],x=g[1],A=function(r){return x(),h(!1),a.onError?a.onError({type:"PLAY_ERROR",error:r}):null},L=function(r){return x(),h(!1),a.onError?a.onError({type:"LOAD_ERROR",error:r}):null},R=function(){var r;return null===(r=c.current)||void 0===r||r.stop(),h(!1),a.onError?a.onError({type:"TIMEOUT"}):null},w=function(){var r,e;(null===(r=c.current)||void 0===r?void 0:r.playing())||(E(R),null===(e=c.current)||void 0===e||e.play())};t((function(){return i.audio&&a.Howl&&(c.current=new a.Howl({src:i.audio,autoplay:a.autoPlay}),a.autoPlay&&E(R),a.setRef&&a.setRef({play:w,getHowl:function(){return c.current},isPlaying:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.playing()},pause:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.pause()},stop:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.stop()}})),function(){var r;x(),null===(r=c.current)||void 0===r||r.stop()}}),[]);var T=function(r){c.current&&d.current&&v.current[0]&&r>parseFloat(v.current[0].getAttribute("data-start")||"0")&&(m.current.forEach((function(r){r.classList.contains("highlighted")&&(r.classList.remove("highlighted"),r.classList.add("has-highlighted"))})),v.current[0].classList.add("highlighted"),v.current=v.current.slice(1,v.current.length))},_=function(){p.current=!0,v.current=m.current,h(!0);var r=function(){var e;if(null===(e=c.current)||void 0===e?void 0:e.playing()){x();var n=c.current.seek();T(n),s.current=requestAnimationFrame(r)}else s&&cancelAnimationFrame(s.current)};s.current=requestAnimationFrame(r)},k=function(){cancelAnimationFrame(s.current),h(!1),p.current&&(m.current.forEach((function(r){r.classList.remove("highlighted"),r.classList.remove("has-highlighted")})),a.onComplete&&a.onComplete())};return t((function(){var r,e,n,t,o,u;if(null===(r=c.current)||void 0===r||r.on("play",_),null===(e=c.current)||void 0===e||e.on("end",k),null===(n=c.current)||void 0===n||n.on("stop",k),null===(t=c.current)||void 0===t||t.on("playerror",A),null===(o=c.current)||void 0===o||o.on("loaderror",L),m.current){var l=null===(u=d.current)||void 0===u?void 0:u.querySelectorAll("span.synced-test--part");l&&(m.current=Array.from(l),v.current=m.current)}return function(){var r,e,n,t,o;k(),null===(r=c.current)||void 0===r||r.off("play",_),null===(e=c.current)||void 0===e||e.off("end",k),null===(n=c.current)||void 0===n||n.off("stop",k),null===(t=c.current)||void 0===t||t.off("playerror",A),null===(o=c.current)||void 0===o||o.off("loaderror",L)}}),[a.value]),i?r.createElement("div",{ref:d,className:"synced-text"},a.showPlayButton&&r.createElement(u,{theme:y?"purple":"primary",style:{marginRight:"10px"},onClick:w,className:"synced-text--play",size:"x-small",round:!0},r.createElement(l,null)),i.sequences.map((function(e,n){return r.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":e.time[0],"data-end":e.time[1],key:e.time[0]},r.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:""+e.text}}),n<i.sequences.length&&r.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};export{a as SyncedText};

package/dist/esm/components/SyncedText/hooks/useTimeout.js

@@ -0,0 +1 @@
+import{useRef as t}from"react";var r=function(r){var e=t(0);return[function(t){r.timeoutMs&&(e.current=setTimeout((function(){t()}),r.timeoutMs))},function(){clearTimeout(e.current)}]};export{r as useAudioTimeout};

package/dist/esm/hooks/useAsync.js

@@ -0,0 +1 @@
+import{__assign as n}from"../_virtual/_tslib.js";import{useState as t,useRef as r,useCallback as u,useEffect as a}from"react";var i={asyncFunc:function(){},immediate:!1,funcParams:{},initialData:null},c=function(c){void 0===c&&(c=i);var e=n({},c),l=e.asyncFunc,o=e.immediate,f=e.funcParams,m=e.initialData,s=t(o),d=s[0],v=s[1],h=t(m),p=h[0],x=h[1],y=t(null),D=y[0],F=y[1],P=r(!0),_=u((function(t){return v(!0),l(n(n({},f),t)).then((function(n){return P.current?(x(n),F(null),v(!1),n):null})).catch((function(n){if(!P.current)return null;throw F(n),v(!1),n}))}),[l,f]);return a((function(){return o&&_(f),function(){P.current=!1}}),[]),{execute:_,loading:d,data:p,error:D}};export{c as default};