@codecademy/brand 4.0.0-alpha.a575634273.0 → 4.0.0-alpha.b03641fd89.0

package/dist/Logos/shared.d.ts

@@ -233,4 +233,5 @@ declare const composedLogoStyles: _codecademy_variance_dist_types_config1.Parser
 interface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}
 interface SharedLogoProps extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>, FromLogoStyleProps {}
 //#endregion
-export { SharedLogoProps };
+export { SharedLogoProps };
+//# sourceMappingURL=shared.d.ts.map

package/dist/Logos/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","names":[],"sources":["../../src/Logos/shared.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAsBM,oBAAkB,uCAAA,CAAA,+CAAA,SAAA,uCAAA,CAAA,OAKvB,uCAAA,CALuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAA,uCAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOd,kBAAA,SAA2B,kBAAkB;UAEtC,eAAA,SACP,KAAK,KAAA,CAAM,SAAS,sBAAsB,qBAChD"}

package/dist/Logos/shared.js

@@ -9,4 +9,5 @@ const composedLogoStyles = variance.compose(system.layout, system.color, system.
 const StyledSVGWrapper = styled("svg", styledOptions())(composedLogoStyles);
 
 //#endregion
-export { StyledSVGWrapper };
+export { StyledSVGWrapper };
+//# sourceMappingURL=shared.js.map

package/dist/Logos/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../src/Logos/shared.tsx"],"sourcesContent":["import { ColorModes, styledOptions, system } from '@codecademy/gamut-styles';\nimport { StyleProps, variance } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport { SVGProps } from 'react';\n\nexport type LogoProps = SVGProps<SVGSVGElement> &\n  StyleProps<typeof logoStyles> & {\n    height?: number;\n    width?: number;\n    mode?: ColorModes;\n  };\n\nconst logoStyles = variance.compose(\n  system.layout,\n  system.positioning,\n  system.space\n);\n\nexport const LogoSvg = styled('svg', styledOptions<'svg'>())<\n  Omit<LogoProps, 'variant'>\n>(system.css({ textColor: 'currentColor' }), logoStyles);\n\nconst composedLogoStyles = variance.compose(\n  system.layout,\n  system.color,\n  system.space,\n  system.positioning\n);\n\ninterface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}\n\nexport interface SharedLogoProps\n  extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>,\n    FromLogoStyleProps {}\n\nexport const StyledSVGWrapper = styled(\n  'svg',\n  styledOptions<'svg'>()\n)(composedLogoStyles);\n"],"mappings":";;;;;AAYA,MAAM,aAAa,SAAS,QAC1B,OAAO,QACP,OAAO,aACP,OAAO,MACR;AAED,MAAa,UAAU,OAAO,OAAO,eAAsB,CAAC,CAE1D,OAAO,IAAI,EAAE,WAAW,gBAAgB,CAAC,EAAE,WAAW;AAExD,MAAM,qBAAqB,SAAS,QAClC,OAAO,QACP,OAAO,OACP,OAAO,OACP,OAAO,YACR;AAQD,MAAa,mBAAmB,OAC9B,OACA,eAAsB,CACvB,CAAC,mBAAmB"}

package/dist/MarketingToaster/index.d.ts

@@ -8,4 +8,5 @@ interface MarketingToasterProps {
 }
 declare const MarketingToaster: React.FC<MarketingToasterProps>;
 //#endregion
-export { MarketingToaster };
+export { MarketingToaster };
+//# sourceMappingURL=index.d.ts.map

package/dist/MarketingToaster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":[],"mappings":";;;UAKU,qBAAA;;IAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAES,KAAA,CAAM,SAFM;EAMlB,CAAA;;cAAA,kBAAkB,KAAA,CAAM,GAAG"}

package/dist/MarketingToaster/index.js

@@ -44,4 +44,5 @@ const InnerBox = styled(Box)`
 `;
 
 //#endregion
-export { MarketingToaster };
+export { MarketingToaster };
+//# sourceMappingURL=index.js.map

package/dist/MarketingToaster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MarketingToaster: React.FC<MarketingToasterProps>"],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\ninterface MarketingToasterProps {\n  toasts: {\n    [key: string]: React.ReactNode;\n  };\n}\n\nexport const MarketingToaster: React.FC<MarketingToasterProps> = ({\n  toasts,\n}) => {\n  return (\n    <AnimatePresence>\n      <motion.div\n        key=\"marketing_toast\"\n        initial={false}\n        animate={{ opacity: 1, left: 0 }}\n        exit={{ opacity: 0 }}\n        transition={{ duration: 0.2 }}\n      >\n        <OuterBox\n          zIndex={2}\n          position=\"fixed\"\n          justifyContent=\"flex-end\"\n          alignItems=\"flex-end\"\n          top={0}\n          width=\"100vw\"\n          height=\"100vh\"\n          flexDirection=\"column\"\n          pb={64}\n          pr={224 as 0}\n        >\n          {Object.keys(toasts).map((key) => {\n            return (\n              <InnerBox mt={8} mb={8} mx={24} key={key}>\n                {toasts[key]}\n              </InnerBox>\n            );\n          })}\n        </OuterBox>\n      </motion.div>\n    </AnimatePresence>\n  );\n};\n\nconst OuterBox = styled(FlexBox)`\n  pointer-events: none;\n`;\n\nconst InnerBox = styled(Box)`\n  pointer-events: all;\n`;\n"],"mappings":";;;;;;;AAWA,MAAaA,oBAAqD,EAChE,aACI;AACJ,QACE,oBAAC,6BACC,oBAAC,OAAO;EAEN,SAAS;EACT,SAAS;GAAE,SAAS;GAAG,MAAM;GAAG;EAChC,MAAM,EAAE,SAAS,GAAG;EACpB,YAAY,EAAE,UAAU,IAAK;YAE7B,oBAAC;GACC,QAAQ;GACR,UAAS;GACT,gBAAe;GACf,YAAW;GACX,KAAK;GACL,OAAM;GACN,QAAO;GACP,eAAc;GACd,IAAI;GACJ,IAAI;aAEH,OAAO,KAAK,OAAO,CAAC,KAAK,QAAQ;AAChC,WACE,oBAAC;KAAS,IAAI;KAAG,IAAI;KAAG,IAAI;eACzB,OAAO;OAD2B,IAE1B;KAEb;IACO;IAzBP,kBA0BO,GACG;;AAItB,MAAM,WAAW,OAAO,QAAQ;;;AAIhC,MAAM,WAAW,OAAO,IAAI"}

package/dist/NotFoundContent/404.js

@@ -2,4 +2,5 @@
 var _404_default = "assets/404-BM2-wvJv.svg";
 
 //#endregion
-export { _404_default as default };
+export { _404_default as default };
+//# sourceMappingURL=404.js.map

package/dist/NotFoundContent/404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.js","names":[],"sources":["../../src/NotFoundContent/404.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";mBAAA,yBAAA"}

package/dist/NotFoundContent/index.d.ts

@@ -8,4 +8,5 @@ interface NotFoundPageProps {
 }
 declare const NotFoundContent: React.FC<NotFoundPageProps>;
 //#endregion
-export { NotFoundContent };
+export { NotFoundContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/NotFoundContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":[],"mappings":";;;UAOU,iBAAA;;EAAA,QAAA,CAAA,EAAA,MAAA;EAgBG,UAAA,CAAA,EAAA,MA2BZ;;cA3BY,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/NotFoundContent/index.js

@@ -43,4 +43,5 @@ const NotFoundContent = ({ title = "Oh no!", subtitle = "Looks like you're lost.
 };
 
 //#endregion
-export { NotFoundContent };
+export { NotFoundContent };
+//# sourceMappingURL=index.js.map

package/dist/NotFoundContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["NotFoundContent: React.FC<NotFoundPageProps>","notFound"],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":["import { Box, Text } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport notFound from './404.svg';\n\ninterface NotFoundPageProps {\n  title?: string;\n  subtitle?: string;\n  hiddenText?: string;\n}\n\nconst ErrorContainer = styled(Box)(\n  css({\n    canvas: {\n      maxWidth: '100vw',\n    },\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nexport const NotFoundContent: React.FC<NotFoundPageProps> = ({\n  title = 'Oh no!',\n  subtitle = \"Looks like you're lost.\",\n  hiddenText = '404: Page Not Found',\n}) => {\n  return (\n    <main data-testid=\"error404\">\n      <Text screenreader>{hiddenText}</Text>\n      <ErrorContainer\n        as=\"main\"\n        my={96}\n        mx={16}\n        textAlign=\"center\"\n        data-testid=\"error404\"\n      >\n        <Image src={notFound} alt=\"\" height=\"125\" width=\"500\" maxWidth=\"100%\" />\n        <Box my={48}>\n          <Text as=\"h1\" variant=\"title-xl\">\n            {title}\n          </Text>\n          <Text as=\"h2\" variant=\"title-lg\">\n            {subtitle}\n          </Text>\n        </Box>\n      </ErrorContainer>\n    </main>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAM,iBAAiB,OAAO,IAAI,CAChC,IAAI,EACF,QAAQ,EACN,UAAU,SACX,EACF,CAAC,CACH;AAED,MAAM,QAAQ,IAAI,cAAc,MAAM;AAEtC,MAAaA,mBAAgD,EAC3D,QAAQ,UACR,WAAW,2BACX,aAAa,4BACT;AACJ,QACE,qBAAC;EAAK,eAAY;aAChB,oBAAC;GAAK;aAAc;IAAkB,EACtC,qBAAC;GACC,IAAG;GACH,IAAI;GACJ,IAAI;GACJ,WAAU;GACV,eAAY;cAEZ,oBAAC;IAAM,KAAKC;IAAU,KAAI;IAAG,QAAO;IAAM,OAAM;IAAM,UAAS;KAAS,EACxE,qBAAC;IAAI,IAAI;eACP,oBAAC;KAAK,IAAG;KAAK,SAAQ;eACnB;MACI,EACP,oBAAC;KAAK,IAAG;KAAK,SAAQ;eACnB;MACI;KACH;IACS;GACZ"}

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.js

@@ -30,4 +30,5 @@ const emptyNotificationContents = [
 ];
 
 //#endregion
-export { emptyNotificationContents };
+export { emptyNotificationContents };
+//# sourceMappingURL=emptyNotificationContents.js.map

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyNotificationContents.js","names":["emptyNotificationContents: readonly exportNotificationsContent[]"],"sources":["../../../src/NotificationList/EmptyNotification/emptyNotificationContents.tsx"],"sourcesContent":["import {\n  Bee,\n  Browser,\n  Confetti,\n  Plant,\n  Sun,\n} from '@codecademy/gamut-illustrations';\n\nexport type exportNotificationsContent = {\n  text: string;\n  subtext: string;\n  image: typeof Bee;\n};\n\n/* must have at least one in array */\nexport const emptyNotificationContents: readonly exportNotificationsContent[] =\n  [\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Go forth and learn new things.',\n      image: Bee,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Time to learn new things.',\n      image: Confetti,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'The future looks bright.',\n      image: Sun,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Go forth and learn new things.',\n      image: Plant,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Clear future ahead.',\n      image: Browser,\n    },\n  ] as const;\n"],"mappings":";;;AAeA,MAAaA,4BACX;CACE;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACD;EACE,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF"}

package/dist/NotificationList/EmptyNotification/index.js

@@ -39,4 +39,5 @@ const EmptyNotification = () => {
 };
 
 //#endregion
-export { EmptyNotification };
+export { EmptyNotification };
+//# sourceMappingURL=index.js.map

package/dist/NotificationList/EmptyNotification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationList/EmptyNotification/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport sample from 'lodash/sample';\nimport { useMemo } from 'react';\n\nimport { emptyNotificationContents } from './emptyNotificationContents';\n\nexport const EmptyNotification = () => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const content = useMemo(() => sample(emptyNotificationContents), [])!;\n\n  const Image = content.image;\n\n  return (\n    <FlexBox\n      as=\"li\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      pt={32}\n      pb={48}\n      data-testid=\"empty-notification\"\n      aria-label=\"You have no notifications\"\n    >\n      <FlexBox pb={16}>\n        <Image aria-hidden width={80} height={60} />\n      </FlexBox>\n      <FlexBox flexDirection=\"column\" alignItems=\"center\">\n        <Text as=\"p\" mb={16}>\n          {content.text}\n        </Text>\n        <Text as=\"p\">{content.subtext}</Text>\n      </FlexBox>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAa,0BAA0B;CAErC,MAAM,UAAU,cAAc,OAAO,0BAA0B,EAAE,EAAE,CAAC;CAEpE,MAAM,QAAQ,QAAQ;AAEtB,QACE,qBAAC;EACC,IAAG;EACH,eAAc;EACd,YAAW;EACX,IAAI;EACJ,IAAI;EACJ,eAAY;EACZ,cAAW;aAEX,oBAAC;GAAQ,IAAI;aACX,oBAAC;IAAM;IAAY,OAAO;IAAI,QAAQ;KAAM;IACpC,EACV,qBAAC;GAAQ,eAAc;GAAS,YAAW;cACzC,oBAAC;IAAK,IAAG;IAAI,IAAI;cACd,QAAQ;KACJ,EACP,oBAAC;IAAK,IAAG;cAAK,QAAQ;KAAe;IAC7B;GACF"}

package/dist/NotificationList/NotificationItem.d.ts

@@ -9,4 +9,5 @@ type NotificationItemProps = {
 };
 declare const NotificationItem: React$1.FC<NotificationItemProps>;
 //#endregion
-export { NotificationItem, NotificationItemProps };
+export { NotificationItem, NotificationItemProps };
+//# sourceMappingURL=NotificationItem.d.ts.map

package/dist/NotificationList/NotificationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.d.ts","names":[],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":[],"mappings":";;;;KAuEY,qBAAA;gBACI;EADJ,WAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAqB,EAAA,GAAA,IACjB;EAKH,aAAA,CAAA,EAAA,GAoHZ,GAAA,IAAA;;cApHY,kBAAkB,OAAA,CAAM,GAAG"}

package/dist/NotificationList/NotificationItem.js

@@ -156,4 +156,5 @@ const NotificationItem = ({ handleDismiss, notification, handleClick }) => {
 };
 
 //#endregion
-export { NotificationItem };
+export { NotificationItem };
+//# sourceMappingURL=NotificationItem.js.map

package/dist/NotificationList/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","names":["theme","NotificationItem: React.FC<NotificationItemProps>","notificationContent: ReactElement","dismissIcon: ReactElement"],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":["import { Box, FlexBox, IconButton, Text } from '@codecademy/gamut';\nimport {\n  GamutIconProps,\n  MiniDeleteIcon,\n  MultipleUsersIcon,\n} from '@codecademy/gamut-icons';\nimport {\n  Bell,\n  ChatBox,\n  EmailAt,\n  Envelope,\n  Heart,\n  IllustrationProps,\n  Megaphone,\n  New,\n} from '@codecademy/gamut-illustrations';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ReactElement } from 'react';\nimport * as React from 'react';\n\nimport { Notification } from './typings';\n\nconst StyledLink = styled.a`\n  text-decoration: none;\n  display: block;\n  z-index: 1;\n\n  &:before,\n  &:after {\n    top: -1px;\n    left: 0;\n    z-index: 0;\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: calc(100% + 2px);\n    transition: background 250ms;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus-visible {\n    &:after {\n      border-radius: 4px;\n      border: 2px solid ${themed('colors.navy')};\n    }\n  }\n  &:hover {\n    text-decoration: none;\n    &:before {\n      background-color: ${({ theme }) => theme.colors['gray-100']};\n    }\n  }\n`;\n\nconst StyledImg = styled.img`\n  border-radius: 50%;\n  border: 1px solid ${themed('colors.navy')};\n  height: 3rem;\n  width: 3rem;\n`;\n\nconst isInternalLink = (href: string) => {\n  try {\n    return new URL(href).hostname === window.location.hostname;\n  } catch (_e) {}\n  return false;\n};\n\nexport type NotificationItemProps = {\n  notification: Notification;\n  handleClick?: (event: object) => void;\n  handleDismiss?: () => void;\n};\n\nexport const NotificationItem: React.FC<NotificationItemProps> = ({\n  handleDismiss,\n  notification,\n  handleClick,\n}) => {\n  const { date, imageUrl, link, text, type, id } = notification;\n  const notificationItemId = `NotificationItem${id}`;\n\n  const renderIllustration = (Illustration: React.FC<IllustrationProps>) => (\n    <Box display=\"inline-flex\" aria-hidden>\n      <Illustration height={48} width={48} />\n    </Box>\n  );\n\n  const renderIcon = (Icon: React.FC<GamutIconProps>) => (\n    <Box\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"full\"\n      border={1}\n      width={50}\n      height={50}\n      aria-hidden\n    >\n      <Icon height={22} width={22} />\n    </Box>\n  );\n\n  const renderImage = () => {\n    if (imageUrl) return <StyledImg src={imageUrl} alt=\"\" />;\n\n    switch (type) {\n      case 'marketing_blast':\n        return renderIllustration(Megaphone);\n      case 'curriculum_blast':\n        return renderIllustration(New);\n      case 'cohort_blast':\n        return renderIcon(MultipleUsersIcon);\n      case 'forum_comment':\n        return renderIllustration(ChatBox);\n      case 'forum_message':\n        return renderIllustration(Envelope);\n      case 'forum_like':\n        return renderIllustration(Heart);\n      case 'forum_mention':\n        return renderIllustration(EmailAt);\n      default:\n        return renderIllustration(Bell);\n    }\n  };\n\n  const notificationContent: ReactElement = (\n    <FlexBox zIndex={1} position=\"relative\" textColor=\"text\">\n      {renderImage()}\n      <Box flex={1} pl={12}>\n        <Text id={notificationItemId} variant=\"p-small\">\n          {text}\n        </Text>\n        <Text variant=\"p-small\" textColor=\"text-secondary\" ml={4}>\n          {date}\n        </Text>\n      </Box>\n    </FlexBox>\n  );\n\n  const dismissIcon: ReactElement = (\n    <IconButton\n      icon={MiniDeleteIcon}\n      onClick={handleDismiss}\n      aria-describedby={notificationItemId}\n      size=\"small\"\n      variant=\"secondary\"\n      z-index={1}\n      tip=\"Dismiss notification\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n    />\n  );\n\n  const separatorPattern = (\n    <Box px={32} m={0} aria-hidden=\"true\">\n      <CheckerDense height=\"1px\" display=\"flex\" />\n    </Box>\n  );\n\n  return (\n    <li>\n      <FlexBox\n        py={24}\n        px={32}\n        alignItems=\"flex-start\"\n        justifyContent=\"space-between\"\n        position=\"relative\"\n      >\n        {link ? (\n          <>\n            <StyledLink\n              href={link}\n              aria-label={`${text}, ${date} ago`}\n              rel={isInternalLink(link) ? '' : 'noopener noreferrer'}\n              target={isInternalLink(link) ? '' : '_blank'}\n              onClick={(event) => handleClick?.(event)}\n            >\n              {notificationContent}\n            </StyledLink>\n          </>\n        ) : (\n          <>{notificationContent}</>\n        )}\n        <FlexBox alignItems=\"flex-start\" zIndex={1}>\n          {handleDismiss && dismissIcon}\n        </FlexBox>\n      </FlexBox>\n      {separatorPattern}\n    </li>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,MAAM,aAAa,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;0BAsBD,OAAO,cAAc,CAAC;;;;;;2BAMrB,EAAE,qBAAYA,QAAM,OAAO,YAAY;;;;AAKlE,MAAM,YAAY,OAAO,GAAG;;sBAEN,OAAO,cAAc,CAAC;;;;AAK5C,MAAM,kBAAkB,SAAiB;AACvC,KAAI;AACF,SAAO,IAAI,IAAI,KAAK,CAAC,aAAa,OAAO,SAAS;UAC3C,IAAI;AACb,QAAO;;AAST,MAAaC,oBAAqD,EAChE,eACA,cACA,kBACI;CACJ,MAAM,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO;CACjD,MAAM,qBAAqB,mBAAmB;CAE9C,MAAM,sBAAsB,iBAC1B,oBAAC;EAAI,SAAQ;EAAc;YACzB,oBAAC;GAAa,QAAQ;GAAI,OAAO;IAAM;GACnC;CAGR,MAAM,cAAc,SAClB,oBAAC;EACC,SAAQ;EACR,gBAAe;EACf,YAAW;EACX,cAAa;EACb,QAAQ;EACR,OAAO;EACP,QAAQ;EACR;YAEA,oBAAC;GAAK,QAAQ;GAAI,OAAO;IAAM;GAC3B;CAGR,MAAM,oBAAoB;AACxB,MAAI,SAAU,QAAO,oBAAC;GAAU,KAAK;GAAU,KAAI;IAAK;AAExD,UAAQ,MAAR;GACE,KAAK,kBACH,QAAO,mBAAmB,UAAU;GACtC,KAAK,mBACH,QAAO,mBAAmB,IAAI;GAChC,KAAK,eACH,QAAO,WAAW,kBAAkB;GACtC,KAAK,gBACH,QAAO,mBAAmB,QAAQ;GACpC,KAAK,gBACH,QAAO,mBAAmB,SAAS;GACrC,KAAK,aACH,QAAO,mBAAmB,MAAM;GAClC,KAAK,gBACH,QAAO,mBAAmB,QAAQ;GACpC,QACE,QAAO,mBAAmB,KAAK;;;CAIrC,MAAMC,sBACJ,qBAAC;EAAQ,QAAQ;EAAG,UAAS;EAAW,WAAU;aAC/C,aAAa,EACd,qBAAC;GAAI,MAAM;GAAG,IAAI;cAChB,oBAAC;IAAK,IAAI;IAAoB,SAAQ;cACnC;KACI,EACP,oBAAC;IAAK,SAAQ;IAAU,WAAU;IAAiB,IAAI;cACpD;KACI;IACH;GACE;CAGZ,MAAMC,cACJ,oBAAC;EACC,MAAM;EACN,SAAS;EACT,oBAAkB;EAClB,MAAK;EACL,SAAQ;EACR,WAAS;EACT,KAAI;EACJ,UAAU;GAAE,WAAW;GAAiB,WAAW;GAAY;GAC/D;CAGJ,MAAM,mBACJ,oBAAC;EAAI,IAAI;EAAI,GAAG;EAAG,eAAY;YAC7B,oBAAC;GAAa,QAAO;GAAM,SAAQ;IAAS;GACxC;AAGR,QACE,qBAAC,mBACC,qBAAC;EACC,IAAI;EACJ,IAAI;EACJ,YAAW;EACX,gBAAe;EACf,UAAS;aAER,OACC,0CACE,oBAAC;GACC,MAAM;GACN,cAAY,GAAG,KAAK,IAAI,KAAK;GAC7B,KAAK,eAAe,KAAK,GAAG,KAAK;GACjC,QAAQ,eAAe,KAAK,GAAG,KAAK;GACpC,UAAU,UAAU,cAAc,MAAM;aAEvC;IACU,GACZ,GAEH,0CAAG,sBAAuB,EAE5B,oBAAC;GAAQ,YAAW;GAAa,QAAQ;aACtC,iBAAiB;IACV;GACF,EACT,oBACE"}

package/dist/NotificationList/index.d.ts

@@ -10,4 +10,5 @@ type NotificationListProps = {
 };
 declare const NotificationList: React$1.FC<NotificationListProps>;
 //#endregion
-export { NotificationList, NotificationListProps };
+export { NotificationList, NotificationListProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/NotificationList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,qBAAA;6BACiB;EADjB,aAAA,EAEK,YAFgB,EAAA;EACJ,mBAAA,CAAA,EAAA,CAAA,YAAA,EAEU,YAFV,EAAA,GAAA,IAAA;EACZ,eAAA,CAAA,EAAA,MAAA;CACsB;AAAY,cAetC,gBAfsC,EAepB,OAAA,CAAM,EAfc,CAeX,qBAfW,CAAA"}

package/dist/NotificationList/index.js

@@ -38,4 +38,5 @@ const NotificationList = ({ notifications, onNotificationClick, onDismiss, heade
 };
 
 //#endregion
-export { NotificationList };
+export { NotificationList };
+//# sourceMappingURL=index.js.map

package/dist/NotificationList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["NotificationList: React.FC<NotificationListProps>","React"],"sources":["../../src/NotificationList/index.tsx"],"sourcesContent":["import { focusVisibleStyle } from '@codecademy/gamut';\nimport { Background, css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport isEmpty from 'lodash/isEmpty';\nimport * as React from 'react';\n\nimport { EmptyNotification } from './EmptyNotification';\nimport { NotificationItem } from './NotificationItem';\nimport { Notification } from './typings';\n\nexport type NotificationListProps = {\n  onDismiss?: (notification: Notification) => void;\n  notifications: Notification[];\n  onNotificationClick?: (notification: Notification) => void;\n  headerElementId?: string; // Used for aria-labelledby for the list.\n};\n\nconst listFocusStyle = focusVisibleStyle('-4px');\n\nconst UnstyledUnorderedList = styled(Background)(\n  css({\n    listStyle: 'none',\n    padding: 0,\n    margin: 0,\n    ...listFocusStyle,\n  })\n);\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n  notifications,\n  onNotificationClick,\n  onDismiss,\n  headerElementId,\n}) => {\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const onDismissHandler = async (notification: Notification) => {\n    if (listRef?.current) {\n      await listRef.current.focus();\n    }\n    await onDismiss?.(notification);\n  };\n\n  return (\n    <UnstyledUnorderedList\n      aria-labelledby={headerElementId}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n      as=\"ul\"\n      bg=\"background\"\n      ref={listRef}\n      tabIndex={-1}\n    >\n      {isEmpty(notifications) ? (\n        <EmptyNotification />\n      ) : (\n        notifications.map((notification: Notification) => (\n          <NotificationItem\n            key={notification.id}\n            notification={notification}\n            handleClick={() => onNotificationClick?.(notification)}\n            handleDismiss={() => onDismissHandler(notification)}\n          />\n        ))\n      )}\n    </UnstyledUnorderedList>\n  );\n};\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,iBAAiB,kBAAkB,OAAO;AAEhD,MAAM,wBAAwB,OAAO,WAAW,CAC9C,IAAI;CACF,WAAW;CACX,SAAS;CACT,QAAQ;CACR,GAAG;CACJ,CAAC,CACH;AAED,MAAaA,oBAAqD,EAChE,eACA,qBACA,WACA,sBACI;CACJ,MAAM,UAAUC,QAAM,OAAuB,KAAK;CAClD,MAAM,mBAAmB,OAAO,iBAA+B;AAC7D,MAAI,SAAS,QACX,OAAM,QAAQ,QAAQ,OAAO;AAE/B,QAAM,YAAY,aAAa;;AAGjC,QACE,oBAAC;EACC,mBAAiB;EACjB,aAAU;EACV,iBAAc;EACd,IAAG;EACH,IAAG;EACH,KAAK;EACL,UAAU;YAET,QAAQ,cAAc,GACrB,oBAAC,sBAAoB,GAErB,cAAc,KAAK,iBACjB,oBAAC;GAEe;GACd,mBAAmB,sBAAsB,aAAa;GACtD,qBAAqB,iBAAiB,aAAa;KAH9C,aAAa,GAIlB,CACF;GAEkB"}

package/dist/NotificationList/typings.d.ts

@@ -16,4 +16,5 @@ type Notification = {
   campaign: string;
 };
 //#endregion
-export { Notification, NotificationIconSettings };
+export { Notification, NotificationIconSettings };
+//# sourceMappingURL=typings.d.ts.map

package/dist/NotificationList/typings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.d.ts","names":[],"sources":["../../src/NotificationList/typings.ts"],"sourcesContent":[],"mappings":";KAAY,wBAAA;EAAA,eAAA,CAAA,EAAA,MAAA;EAKA,KAAA,CAAA,EAAA,MAAA;;KAAA,YAAA;;;iBAGK"}

package/dist/Notifications/NotificationBell.js

@@ -57,4 +57,5 @@ const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
 };
 
 //#endregion
-export { NotificationBell };
+export { NotificationBell };
+//# sourceMappingURL=NotificationBell.js.map

package/dist/Notifications/NotificationBell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBell.js","names":["NotificationBell: React.FC<NotificationBellProps>"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAmBA,MAAM,kBAAkB;AAExB,MAAaA,oBAAqD,EAChE,SACA,QACA,WACA,oBACI;CACJ,MAAM,EAAE,oBAAoB,0BAA0B,qBAAqB;CAE3E,MAAM,SAAS,cAAc,QAC1B,iBAAiB,aAAa,OAChC,CAAC;AAEF,iBAAgB;EACd,MAAM,UAAU,QAAQ,UAAU,cAChC,8BACD;AAED,MAAI,QACF,SAAQ,OAAO,WAAW,SAAS,YAAY,GAAG;IAEnD,CAAC,OAAO,CAAC;AAEZ,iBAAgB;AACd,MAAI,uBAAuB,mBAAmB,OAC5C,WAAU,MAAM;IAGjB,CAAC,mBAAmB,CAAC;CAExB,MAAM,cAAc,cAAc,KAAK,IAAI,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC;CAEjE,MAAM,sBAAsB;AAC1B,YAAU,CAAC,OAAO;AAElB,MAAI,CAAC,QACH;OAAI,sBACF,uBAAsB,gBAAgB;;;AAK5C,QACE,4CACE,oBAAC;EACC,iBAAe,QAAQ,OAAO;EAC9B,iBAAc;EACd,KACE,SACI,kBAAkB,YAAY,WAC9B;EAEN,MAAM;EACN,SAAS;EACT,KAAK;EACL,SAAQ;EACR,UAAU;GAAE,WAAW;GAAiB,WAAW;GAAY;GAC/D,EACD,SACC,oBAAC;EACC,YAAW;EACX,IAAG;EACH,cAAa;EACb,QAAQ;EACR,gBAAe;EACf,MAAM;EACN,UAAS;EACT,WAAU;EACV,KAAK;EACL,OAAO;YAEP,oBAAC;GAAK,OAAM;GAAQ,UAAU;GAAI,YAAW;GAAO,IAAI;aACrD;IACI;GACC,GACR,QACH"}

package/dist/Notifications/NotificationsContents.js

@@ -75,4 +75,5 @@ const NotificationsContents = ({ actions, handleClose, notifications }) => {
 };
 
 //#endregion
-export { NotificationsContents };
+export { NotificationsContents };
+//# sourceMappingURL=NotificationsContents.js.map

package/dist/Notifications/NotificationsContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsContents.js","names":["NotificationsContents: React.FC<NotificationsProps>"],"sources":["../../src/Notifications/NotificationsContents.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { useOnEscHandler } from '../AppHeader/shared';\nimport { NotificationList } from '../NotificationList';\nimport { Notification } from '../NotificationList/typings';\nimport { NotificationDialog } from './elements';\nimport { NotificationsProps } from './types';\nimport { useNotificationButtons } from './useNotificationButtons';\n\nexport const NotificationsContents: React.FC<NotificationsProps> = ({\n  actions,\n  handleClose,\n  notifications,\n}) => {\n  const notificationListRef = useRef<HTMLDivElement>(null);\n\n  const {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: visibleNotifications,\n  } = useNotificationButtons({\n    actions,\n    handleClose,\n    notificationListRef,\n    notifications,\n  });\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  const onNotificationClick = (notification: Notification) => {\n    actions.click(notification);\n\n    if (notification.unread) {\n      actions.read([notification]);\n    }\n  };\n\n  useEffect(() => {\n    notificationListRef?.current?.focus();\n  }, [notificationListRef]);\n\n  useEffect(() => {\n    const unreadVisibleNotifications = visibleNotifications.filter(\n      (notification) => notification.unread\n    );\n\n    if (unreadVisibleNotifications.length) {\n      actions.read(unreadVisibleNotifications);\n    }\n  }, [actions, visibleNotifications]);\n\n  return (\n    <NotificationDialog\n      aria-label={\n        visibleNotifications.length\n          ? `${notifications.length} unread notifications`\n          : `My Notifications`\n      }\n      aria-modal=\"true\"\n      bg=\"background\"\n      data-autofocus\n      onKeyDown={onKeyDown}\n      ref={notificationListRef}\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <FlexBox\n        alignItems=\"center\"\n        flexDirection=\"row\"\n        height=\"40\"\n        justifyContent=\"space-between\"\n        mb={16}\n        px={32}\n      >\n        <Text as=\"h1\" fontSize={22}>\n          My Notifications\n        </Text>\n        <FlexBox>\n          {clearAllButton}\n          {closeButton}\n        </FlexBox>\n      </FlexBox>\n      <Box px={32}>\n        <CheckerDense height=\"1px\" display=\"flex\" />\n      </Box>\n      <Box maxHeight=\"520px\" overflow=\"auto\">\n        <Box pb={16}>\n          <NotificationList\n            notifications={visibleNotifications}\n            onDismiss={actions.dismiss}\n            onNotificationClick={onNotificationClick}\n          />\n        </Box>\n        {showMoreButton}\n      </Box>\n    </NotificationDialog>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAaA,yBAAuD,EAClE,SACA,aACA,oBACI;CACJ,MAAM,sBAAsB,OAAuB,KAAK;CAExD,MAAM,EACJ,gBACA,aACA,gBACA,eAAe,yBACb,uBAAuB;EACzB;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,YAAY,gBAAgB,YAAY;CAE9C,MAAM,uBAAuB,iBAA+B;AAC1D,UAAQ,MAAM,aAAa;AAE3B,MAAI,aAAa,OACf,SAAQ,KAAK,CAAC,aAAa,CAAC;;AAIhC,iBAAgB;AACd,uBAAqB,SAAS,OAAO;IACpC,CAAC,oBAAoB,CAAC;AAEzB,iBAAgB;EACd,MAAM,6BAA6B,qBAAqB,QACrD,iBAAiB,aAAa,OAChC;AAED,MAAI,2BAA2B,OAC7B,SAAQ,KAAK,2BAA2B;IAEzC,CAAC,SAAS,qBAAqB,CAAC;AAEnC,QACE,qBAAC;EACC,cACE,qBAAqB,SACjB,GAAG,cAAc,OAAO,yBACxB;EAEN,cAAW;EACX,IAAG;EACH;EACW;EACX,KAAK;EACL,MAAK;EACL,UAAU;;GAEV,qBAAC;IACC,YAAW;IACX,eAAc;IACd,QAAO;IACP,gBAAe;IACf,IAAI;IACJ,IAAI;eAEJ,oBAAC;KAAK,IAAG;KAAK,UAAU;eAAI;MAErB,EACP,qBAAC,sBACE,gBACA,eACO;KACF;GACV,oBAAC;IAAI,IAAI;cACP,oBAAC;KAAa,QAAO;KAAM,SAAQ;MAAS;KACxC;GACN,qBAAC;IAAI,WAAU;IAAQ,UAAS;eAC9B,oBAAC;KAAI,IAAI;eACP,oBAAC;MACC,eAAe;MACf,WAAW,QAAQ;MACE;OACrB;MACE,EACL;KACG;;GACa"}

package/dist/Notifications/NotificationsDropdown.js

@@ -20,4 +20,5 @@ const NotificationsDropdown = ({ bellRef, handleClose, isOpen, ...props }) => {
 };
 
 //#endregion
-export { NotificationsDropdown };
+export { NotificationsDropdown };
+//# sourceMappingURL=NotificationsDropdown.js.map

package/dist/Notifications/NotificationsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsDropdown.js","names":["NotificationsDropdown: React.FC<NotificationsDropdownProps>"],"sources":["../../src/Notifications/NotificationsDropdown.tsx"],"sourcesContent":["import { Popover } from '@codecademy/gamut';\n\nimport { NotificationsWrapper } from './elements';\nimport { NotificationsContents } from './NotificationsContents';\nimport { NotificationsDropdownProps } from './types';\n\nexport const NotificationsDropdown: React.FC<NotificationsDropdownProps> = ({\n  bellRef,\n  handleClose,\n  isOpen,\n  ...props\n}) => {\n  return (\n    <Popover\n      align=\"right\"\n      verticalOffset={1}\n      outline\n      isOpen={isOpen}\n      targetRef={bellRef}\n      widthRestricted={false}\n    >\n      <NotificationsWrapper>\n        <NotificationsContents {...props} handleClose={handleClose} />\n      </NotificationsWrapper>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAaA,yBAA+D,EAC1E,SACA,aACA,QACA,GAAG,YACC;AACJ,QACE,oBAAC;EACC,OAAM;EACN,gBAAgB;EAChB;EACQ;EACR,WAAW;EACX,iBAAiB;YAEjB,oBAAC,kCACC,oBAAC;GAAsB,GAAI;GAAoB;IAAe,GACzC;GACf"}

package/dist/Notifications/constants.js

@@ -5,4 +5,5 @@
 const defaultDisplayLimit = 3;
 
 //#endregion
-export { defaultDisplayLimit };
+export { defaultDisplayLimit };
+//# sourceMappingURL=constants.js.map

package/dist/Notifications/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../src/Notifications/constants.ts"],"sourcesContent":["/**\n * How many notifications are visible in the list at once by default.\n */\nexport const defaultDisplayLimit = 3;\n"],"mappings":";;;;AAGA,MAAa,sBAAsB"}

package/dist/Notifications/elements.js

@@ -17,4 +17,5 @@ const NotificationDialog = styled(Box)(css({
 }));
 
 //#endregion
-export { NotificationDialog, NotificationsWrapper };
+export { NotificationDialog, NotificationsWrapper };
+//# sourceMappingURL=elements.js.map

package/dist/Notifications/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":[],"sources":["../../src/Notifications/elements.tsx"],"sourcesContent":["import { Box, focusVisibleStyle } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\n\nexport const NotificationsWrapper = styled(Box)(\n  css({\n    display: 'flex',\n    textAlign: 'left',\n    width: 400,\n  })\n);\n\nconst focusStyle = focusVisibleStyle();\n\nexport const NotificationDialog = styled(Box)(\n  css({\n    pb: 24,\n    pt: 32,\n    width: '100%',\n    ...focusStyle,\n  })\n);\n"],"mappings":";;;;;AAIA,MAAa,uBAAuB,OAAO,IAAI,CAC7C,IAAI;CACF,SAAS;CACT,WAAW;CACX,OAAO;CACR,CAAC,CACH;AAED,MAAM,aAAa,mBAAmB;AAEtC,MAAa,qBAAqB,OAAO,IAAI,CAC3C,IAAI;CACF,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,GAAG;CACJ,CAAC,CACH"}

package/dist/Notifications/types.d.ts

@@ -15,4 +15,5 @@ type AppHeaderNotificationSettings = {
   onEnable: () => void;
 };
 //#endregion
-export { AppHeaderNotificationSettings };
+export { AppHeaderNotificationSettings };
+//# sourceMappingURL=types.d.ts.map

package/dist/Notifications/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/Notifications/types.ts"],"sourcesContent":[],"mappings":";;;;KAIY,mBAAA;;EAAA,KAAA,EAAA,CAAA,YAAA,EAEY,YAFO,EAAA,GAAA,IAAA;EAEP,OAAA,EAAA,CAAA,YAAA,EACE,YADF,EAAA,GAAA,IAAA;EACE,IAAA,EAAA,CAAA,aAAA,EACF,YADE,EAAA,EAAA,GAAA,IAAA;EACF,KAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAY;AAIxB,KAAA,6BAAA,GAA6B;WAC9B;iBACM"}

package/dist/Notifications/useHeaderNotifications.js

@@ -34,4 +34,5 @@ const useHeaderNotifications = ({ settings, Renderer }) => {
 };
 
 //#endregion
-export { useHeaderNotifications };
+export { useHeaderNotifications };
+//# sourceMappingURL=useHeaderNotifications.js.map

package/dist/Notifications/useHeaderNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderNotifications.js","names":[],"sources":["../../src/Notifications/useHeaderNotifications.tsx"],"sourcesContent":["import { ButtonBaseElements } from '@codecademy/gamut';\nimport { useRef, useState } from 'react';\n\nimport { AnimatedHeaderZone } from '../AppHeader/shared';\nimport { NotificationBell } from './NotificationBell';\nimport {\n  AppHeaderNotificationSettings,\n  NotificationsDropdownProps,\n} from './types';\n\nexport type HeaderNotificationProps = {\n  settings: AppHeaderNotificationSettings | undefined;\n  Renderer: React.ComponentType<NotificationsDropdownProps>;\n};\n\nexport const useHeaderNotifications = ({\n  settings,\n  Renderer,\n}: HeaderNotificationProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const bellRef = useRef<ButtonBaseElements>(null);\n\n  if (!settings) {\n    return [null, null];\n  }\n\n  const handleClose = async () => {\n    await setIsOpen(false);\n    await bellRef.current?.focus();\n  };\n\n  return [\n    {\n      id: 'notifications',\n      type: 'render-element',\n      renderElement: () => (\n        <NotificationBell\n          bellRef={bellRef}\n          isOpen={isOpen}\n          notifications={settings.notifications}\n          setIsOpen={setIsOpen}\n        />\n      ),\n    },\n\n    <AnimatedHeaderZone visible={isOpen} key=\"notifications-content\">\n      <Renderer\n        actions={settings.actions}\n        bellRef={bellRef}\n        notifications={settings.notifications}\n        isOpen={isOpen}\n        handleClose={handleClose}\n      />\n    </AnimatedHeaderZone>,\n  ] as const;\n};\n"],"mappings":";;;;;;AAeA,MAAa,0BAA0B,EACrC,UACA,eAC6B;CAC7B,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAC3C,MAAM,UAAU,OAA2B,KAAK;AAEhD,KAAI,CAAC,SACH,QAAO,CAAC,MAAM,KAAK;CAGrB,MAAM,cAAc,YAAY;AAC9B,QAAM,UAAU,MAAM;AACtB,QAAM,QAAQ,SAAS,OAAO;;AAGhC,QAAO,CACL;EACE,IAAI;EACJ,MAAM;EACN,qBACE,oBAAC;GACU;GACD;GACR,eAAe,SAAS;GACb;IACX;EAEL,EAED,oBAAC;EAAmB,SAAS;YAC3B,oBAAC;GACC,SAAS,SAAS;GACT;GACT,eAAe,SAAS;GAChB;GACK;IACb;IAPqC,wBAQpB,CACtB"}

package/dist/Notifications/useNotificationButtons.js

@@ -49,4 +49,5 @@ const useNotificationButtons = ({ actions, handleClose, notifications, notificat
 };
 
 //#endregion
-export { useNotificationButtons };
+export { useNotificationButtons };
+//# sourceMappingURL=useNotificationButtons.js.map

package/dist/Notifications/useNotificationButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationButtons.js","names":[],"sources":["../../src/Notifications/useNotificationButtons.tsx"],"sourcesContent":["import { Box, IconButton, TextButton } from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { ReactElement, useState } from 'react';\n\nimport { defaultDisplayLimit } from './constants';\nimport { NotificationsProps } from './types';\n\ninterface NotificationButtons\n  extends Pick<NotificationsProps, 'notifications'> {\n  clearAllButton: ReactElement | null;\n  closeButton: ReactElement;\n  showMoreButton: ReactElement | null;\n}\n\nexport const useNotificationButtons = ({\n  actions,\n  handleClose,\n  notifications,\n  notificationListRef,\n}: NotificationsProps): NotificationButtons => {\n  const [showMore, setShowMore] = useState(false);\n  const [displayLimit, amountAdjective] = showMore\n    ? [notifications.length, 'Less']\n    : [defaultDisplayLimit, 'More'];\n\n  const closeButton = (\n    <IconButton icon={MiniDeleteIcon} onClick={handleClose} tip=\"Close\" />\n  );\n\n  if (notifications.length === 0) {\n    return {\n      clearAllButton: null,\n      closeButton,\n      showMoreButton: null,\n      notifications,\n    } as const;\n  }\n\n  const clearAllButton =\n    notifications.length > 0 &&\n    (notifications.length <= displayLimit || showMore) ? (\n      <TextButton\n        onClick={() => {\n          actions.clear();\n          actions.track('notification_clear_all');\n          notificationListRef?.current?.focus();\n        }}\n        aria-label={`Clear all ${notifications.length} notifications`}\n        mr={8}\n      >\n        Clear All\n      </TextButton>\n    ) : null;\n\n  const showMoreButton =\n    notifications.length <= defaultDisplayLimit ? null : (\n      <Box px={32}>\n        <TextButton\n          onClick={() => {\n            setShowMore(!showMore);\n\n            if (!showMore) {\n              actions.track('notification_show_more');\n              actions.read(notifications.slice(defaultDisplayLimit));\n            }\n          }}\n        >\n          Show {amountAdjective}\n        </TextButton>\n      </Box>\n    );\n\n  return {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: notifications.slice(0, displayLimit),\n  } as const;\n};\n"],"mappings":";;;;;;;AAcA,MAAa,0BAA0B,EACrC,SACA,aACA,eACA,0BAC6C;CAC7C,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,cAAc,mBAAmB,WACpC,CAAC,cAAc,QAAQ,OAAO,GAC9B,CAAC,qBAAqB,OAAO;CAEjC,MAAM,cACJ,oBAAC;EAAW,MAAM;EAAgB,SAAS;EAAa,KAAI;GAAU;AAGxE,KAAI,cAAc,WAAW,EAC3B,QAAO;EACL,gBAAgB;EAChB;EACA,gBAAgB;EAChB;EACD;AAqCH,QAAO;EACL,gBAlCA,cAAc,SAAS,MACtB,cAAc,UAAU,gBAAgB,YACvC,oBAAC;GACC,eAAe;AACb,YAAQ,OAAO;AACf,YAAQ,MAAM,yBAAyB;AACvC,yBAAqB,SAAS,OAAO;;GAEvC,cAAY,aAAa,cAAc,OAAO;GAC9C,IAAI;aACL;IAEY,GACX;EAsBJ;EACA,gBApBA,cAAc,UAAU,sBAAsB,OAC5C,oBAAC;GAAI,IAAI;aACP,qBAAC;IACC,eAAe;AACb,iBAAY,CAAC,SAAS;AAEtB,SAAI,CAAC,UAAU;AACb,cAAQ,MAAM,yBAAyB;AACvC,cAAQ,KAAK,cAAc,MAAM,oBAAoB,CAAC;;;eAG3D,SACO;KACK;IACT;EAOR,eAAe,cAAc,MAAM,GAAG,aAAa;EACpD"}

package/dist/PageAlerts/PageAlerts.d.ts

@@ -13,4 +13,5 @@ declare const AlertArea: _emotion_styled3.StyledComponent<{
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const PageAlerts: React$1.FC<PageAlertsProps>;
 //#endregion
-export { AlertArea, PageAlerts, PageAlertsProps };
+export { AlertArea, PageAlerts, PageAlertsProps };
+//# sourceMappingURL=PageAlerts.d.ts.map

package/dist/PageAlerts/PageAlerts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlerts.d.ts","names":[],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,eAAA;UACF;;cAGG,4BAAS;EAJV,KAAA,CAAA,EAgBX,eAAA,CAAA,KAfS;EAGG,EAAA,CAAA,qBAYZ;CAAA,2BAAA,uBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAMY,YAAY,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlerts.js

@@ -62,4 +62,5 @@ const PageAlerts = ({ extra = [] }) => {
 };
 
 //#endregion
-export { AlertArea, PageAlerts };
+export { AlertArea, PageAlerts };
+//# sourceMappingURL=PageAlerts.js.map

package/dist/PageAlerts/PageAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlerts.js","names":["PageAlerts: React.FC<PageAlertsProps>","alertArea"],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":["import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { useCallback, useContext, useEffect, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  PageAlertsContext,\n  PageAlertsContextValue,\n} from './PageAlertsProvider';\nimport { PageAlert } from './types';\n\nexport type PageAlertsProps = {\n  extra?: PageAlert[];\n};\n\nexport const AlertArea = styled.div`\n  display: grid;\n  justify-content: center;\n  width: 100%;\n  padding: 1rem 0rem;\n  grid-template-columns: 1fr;\n  row-gap: 1rem;\n  top: 3.5rem;\n  left: 50%;\n  z-index: 15;\n  position: fixed;\n  transform: translate(-50%, 0);\n`;\n\nconst StyledAlert = styled(Alert)`\n  max-width: 100%;\n`;\n\nexport const PageAlerts: React.FC<PageAlertsProps> = ({ extra = [] }) => {\n  const { alerts, closeAlert, addAlert } =\n    useContext<PageAlertsContextValue>(PageAlertsContext);\n\n  useEffect(() => {\n    extra.forEach(addAlert);\n  }, [extra, addAlert]);\n\n  const [alertArea, setAlertArea] = useState<HTMLDivElement>();\n  const refCallback = useCallback(\n    (alertArea: HTMLDivElement) => {\n      setAlertArea(alertArea);\n    },\n    [setAlertArea]\n  );\n\n  const focusAlertCloseButton = useCallback(() => {\n    const refButton = alertArea?.querySelector('button');\n    refButton?.focus();\n  }, [alertArea]);\n\n  // Focus when alertArea is first rendered, as well as when alerts change\n  useEffect(() => {\n    focusAlertCloseButton();\n  }, [alerts, focusAlertCloseButton, alertArea]);\n\n  if (!alerts?.length) return null;\n\n  return (\n    <BodyPortal>\n      <AlertArea\n        role=\"alert\"\n        aria-live=\"assertive\"\n        key=\"alerts\"\n        ref={refCallback}\n      >\n        {alerts.map((alert) => (\n          <ContentContainer size=\"medium\" key={alert.message}>\n            <StyledAlert\n              cta={alert.cta}\n              onClose={\n                alert.permanent\n                  ? undefined\n                  : () => {\n                      closeAlert(alert.message);\n                      alert?.onClose?.();\n                    }\n              }\n              type={alert.type}\n              placement=\"floating\"\n            >\n              {alert.message}\n            </StyledAlert>\n          </ContentContainer>\n        ))}\n      </AlertArea>\n    </BodyPortal>\n  );\n};\n"],"mappings":";;;;;;;AAeA,MAAa,YAAY,OAAO,GAAG;;;;;;;;;;;;;AAcnC,MAAM,cAAc,OAAO,MAAM;;;AAIjC,MAAaA,cAAyC,EAAE,QAAQ,EAAE,OAAO;CACvE,MAAM,EAAE,QAAQ,YAAY,aAC1B,WAAmC,kBAAkB;AAEvD,iBAAgB;AACd,QAAM,QAAQ,SAAS;IACtB,CAAC,OAAO,SAAS,CAAC;CAErB,MAAM,CAAC,WAAW,gBAAgB,UAA0B;CAC5D,MAAM,cAAc,aACjB,gBAA8B;AAC7B,eAAaC,YAAU;IAEzB,CAAC,aAAa,CACf;CAED,MAAM,wBAAwB,kBAAkB;AAE9C,GADkB,WAAW,cAAc,SAAS,GACzC,OAAO;IACjB,CAAC,UAAU,CAAC;AAGf,iBAAgB;AACd,yBAAuB;IACtB;EAAC;EAAQ;EAAuB;EAAU,CAAC;AAE9C,KAAI,CAAC,QAAQ,OAAQ,QAAO;AAE5B,QACE,oBAAC,wBACC,oBAAC;EACC,MAAK;EACL,aAAU;EAEV,KAAK;YAEJ,OAAO,KAAK,UACX,oBAAC;GAAiB,MAAK;aACrB,oBAAC;IACC,KAAK,MAAM;IACX,SACE,MAAM,YACF,eACM;AACJ,gBAAW,MAAM,QAAQ;AACzB,YAAO,WAAW;;IAG1B,MAAM,MAAM;IACZ,WAAU;cAET,MAAM;KACK;KAfqB,MAAM,QAgBxB,CACnB;IArBE,SAsBM,GACD"}

package/dist/PageAlerts/PageAlertsProvider.d.ts

@@ -12,4 +12,5 @@ type PageAlertsContextValue = {
 declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
 declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
 //#endregion
-export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
+export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
+//# sourceMappingURL=PageAlertsProvider.d.ts.map

package/dist/PageAlerts/PageAlertsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.d.ts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,4BAAoB;KAErB,sBAAA;EAFC,MAAA,EAGH,SAHG,EAAA;EAED,QAAA,EAAA,CAAA,KAAA,EAEQ,SAFc,EAAA,GAAA,IAAA;EAMrB,UAAA,EAAA,CAAA,YAIX,EAAA,MAJ4B,EAAA,GAAA,IAAA;AAM9B,CAAA;cANa,mBAAiB,OAAA,CAAA,QAAA;cAMjB,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlertsProvider.js

@@ -34,4 +34,5 @@ const PageAlertsProvider = ({ children }) => {
 };
 
 //#endregion
-export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+//# sourceMappingURL=PageAlertsProvider.js.map

package/dist/PageAlerts/PageAlertsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.js","names":["React","PageAlertsProvider: React.FC<WithChildrenProp>"],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport { useCallback, useContext, useState } from 'react';\nimport * as React from 'react';\n\nimport { PageAlert } from './types';\n\nexport const usePageAlertsContext = () => useContext(PageAlertsContext);\n\nexport type PageAlertsContextValue = {\n  alerts: PageAlert[];\n  addAlert: (alert: PageAlert) => void;\n  closeAlert: (alertMessage: string) => void;\n};\n\nexport const PageAlertsContext = React.createContext<PageAlertsContextValue>({\n  alerts: [],\n  addAlert: noop,\n  closeAlert: noop,\n});\n\nexport const PageAlertsProvider: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  const [alerts, setAlerts] = useState<PageAlert[]>([]);\n\n  const addAlert = useCallback((newAlert: PageAlert) => {\n    setAlerts((existingAlerts) => {\n      if (!existingAlerts.some((alert) => alert.message === newAlert.message))\n        return [...existingAlerts, newAlert];\n\n      return existingAlerts;\n    });\n  }, []);\n\n  const closeAlert = useCallback((message: string) => {\n    setAlerts((existingAlerts) => {\n      return existingAlerts.filter((alert) => alert.message !== message);\n    });\n  }, []);\n\n  return (\n    <PageAlertsContext.Provider value={{ alerts, addAlert, closeAlert }}>\n      {children}\n    </PageAlertsContext.Provider>\n  );\n};\n"],"mappings":";;;;;;AAOA,MAAa,6BAA6B,WAAW,kBAAkB;AAQvE,MAAa,oBAAoBA,QAAM,cAAsC;CAC3E,QAAQ,EAAE;CACV,UAAU;CACV,YAAY;CACb,CAAC;AAEF,MAAaC,sBAAkD,EAC7D,eACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAsB,EAAE,CAAC;CAErD,MAAM,WAAW,aAAa,aAAwB;AACpD,aAAW,mBAAmB;AAC5B,OAAI,CAAC,eAAe,MAAM,UAAU,MAAM,YAAY,SAAS,QAAQ,CACrE,QAAO,CAAC,GAAG,gBAAgB,SAAS;AAEtC,UAAO;IACP;IACD,EAAE,CAAC;CAEN,MAAM,aAAa,aAAa,YAAoB;AAClD,aAAW,mBAAmB;AAC5B,UAAO,eAAe,QAAQ,UAAU,MAAM,YAAY,QAAQ;IAClE;IACD,EAAE,CAAC;AAEN,QACE,oBAAC,kBAAkB;EAAS,OAAO;GAAE;GAAQ;GAAU;GAAY;EAChE;GAC0B"}

package/dist/PageAlerts/types.d.ts

@@ -15,4 +15,5 @@ type PageAlert = {
   permanent?: boolean;
 };
 //#endregion
-export { PageAlert };
+export { PageAlert };
+//# sourceMappingURL=types.d.ts.map

package/dist/PageAlerts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PageAlerts/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,UAAA,GAAa,SAAS,sBAAsB;KAE5C,eAAA;AAJkC,KAMlC,mBAAA,GAJU,WAKJ,OALsC,CAAA,MAMvC,UANuC,CAAA,KAAA,CAAA,EAO7C,eAP6C,CAAA,IAQ1C,UAR0C,CAAA,KAAA,CAAA,CAQxB,IARwB,CAAA,EAAtB;AAAT,KAWN,SAAA,GAXM;EAAQ,GAAA,CAAA,EAYlB,mBAZkB,GAAA;IAErB,IAAA,CAAA,EAAA,MAAA;EAEA,CAAA;EAEK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACN,IAAA,EAOI,OAPJ,CAOY,UAPZ,CAAA,MAAA,CAAA,EAAA,QAAA,CAAA;EAFO,OAAA,EAAA,MAAA;EAGJ,SAAA,CAAA,EAAA,OAAA;CAAkB"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts

@@ -19,4 +19,5 @@ type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
 };
 declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
 //#endregion
-export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
+export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
+//# sourceMappingURL=PageLayoutWithSidebarMenu.d.ts.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutWithSidebarMenu.d.ts","names":[],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaK,IAAA;KAEO,8BAAA,GAAiC;EAFxC,QAAI,EAAA,MAAA;EAEG,WAAA,EAAA;IAAiC,OAAA,EAEnB,KAAA,CAAM,SAFa;IAEb,IAAA,EAAiB,IAAjB;EAAiB,CAAA;EACrB,YAAM,CAAA,EAAA;IAAiB,OAAA,EAAvB,KAAA,CAAM,SAAiB;IAE1B,IAAA,EAF0B,IAE1B;EAAa,CAAA;EAGzB,YAAA,CAAA,EAAA,OAAA;yBAHY;;cAGZ,2BAA2B,KAAA,CAAM,GAC5C"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js

@@ -45,4 +45,5 @@ const PageLayoutWithSidebarMenu = ({ children, pageName, leftSidebar, rightSideb
 };
 
 //#endregion
-export { PageLayoutWithSidebarMenu };
+export { PageLayoutWithSidebarMenu };
+//# sourceMappingURL=PageLayoutWithSidebarMenu.js.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutWithSidebarMenu.js","names":["PageLayoutWithSidebarMenu: React.FC<\n  PageLayoutWithSidebarMenuProps\n>"],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":["import {\n  Column,\n  ContentContainer,\n  GridBox,\n  LayoutGrid,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { UserClickData } from '@codecademy/tracking';\nimport React from 'react';\n\nimport { BackToTopAnchor } from '../BackToTopAnchor';\n\ntype Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type PageLayoutWithSidebarMenuProps = WithChildrenProp & {\n  pageName: string;\n  leftSidebar: { content: React.ReactNode; cols: Cols };\n  rightSidebar?: { content: React.ReactNode; cols: Cols };\n  hasBackToTop?: boolean;\n  trackUserClick: (data: UserClickData) => void;\n};\n\nexport const PageLayoutWithSidebarMenu: React.FC<\n  PageLayoutWithSidebarMenuProps\n> = ({\n  children,\n  pageName,\n  leftSidebar,\n  rightSidebar,\n  hasBackToTop,\n  trackUserClick,\n}) => {\n  return (\n    <ContentContainer as=\"main\">\n      <LayoutGrid pb={64} columnGap={24}>\n        <Column size={{ lg: leftSidebar.cols }} py={16}>\n          {leftSidebar.content}\n        </Column>\n        <Column\n          alignContent=\"flex-start\"\n          size={{\n            lg: (12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)) as Cols,\n          }}\n          height=\"100%\"\n        >\n          <SkipToContentTarget id=\"heading\" />\n          {children}\n        </Column>\n        {rightSidebar && (\n          <Column size={{ lg: rightSidebar.cols }} py={16}>\n            {rightSidebar.content}\n          </Column>\n        )}\n        {hasBackToTop && (\n          <GridBox gridColumnEnd=\"span 12\" justifyContent=\"center\">\n            <BackToTopAnchor\n              targetId={`${pageName}_title`}\n              onClick={() =>\n                trackUserClick({\n                  page_name: pageName,\n                  context: 'back_to_top',\n                  target: 'back_to_top',\n                })\n              }\n            />\n          </GridBox>\n        )}\n      </LayoutGrid>\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;;AAuBA,MAAaA,6BAER,EACH,UACA,UACA,aACA,cACA,cACA,qBACI;AACJ,QACE,oBAAC;EAAiB,IAAG;YACnB,qBAAC;GAAW,IAAI;GAAI,WAAW;;IAC7B,oBAAC;KAAO,MAAM,EAAE,IAAI,YAAY,MAAM;KAAE,IAAI;eACzC,YAAY;MACN;IACT,qBAAC;KACC,cAAa;KACb,MAAM,EACJ,IAAK,KAAK,YAAY,QAAQ,cAAc,QAAQ,IACrD;KACD,QAAO;gBAEP,oBAAC,uBAAoB,IAAG,YAAY,EACnC;MACM;IACR,gBACC,oBAAC;KAAO,MAAM,EAAE,IAAI,aAAa,MAAM;KAAE,IAAI;eAC1C,aAAa;MACP;IAEV,gBACC,oBAAC;KAAQ,eAAc;KAAU,gBAAe;eAC9C,oBAAC;MACC,UAAU,GAAG,SAAS;MACtB,eACE,eAAe;OACb,WAAW;OACX,SAAS;OACT,QAAQ;OACT,CAAC;OAEJ;MACM;;IAED;GACI"}

package/dist/PageSection/index.d.ts

@@ -17,4 +17,5 @@ interface PageSectionProps extends WithChildrenProp {
 }
 declare const PageSection: React$1.FC<PageSectionProps>;
 //#endregion
-export { PageSection, PageSectionProps, SectionButton };
+export { PageSection, PageSectionProps, SectionButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/PageSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAUK,sBAAA,GAAyB;;EAAzB,IAAA,CAAA,EAAA,MAAA;EAMO,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;AAQzB,CAAA;AAEiB,KAVL,aAAA,GAAgB,sBAUX,GAVoC,SAUpC;AACS,UAHT,gBAAA,SAAyB,gBAGhB,CAAA;EACT,KAAA,EAAA,MAAA;EAJyB,YAAA,CAAA,EAEzB,aAFyB;EAAgB,qBAAA,CAAA,EAGhC,aAHgC;EAO7C,YAAA,CAAA,EAHI,aAGkB;;cAAtB,aAAa,OAAA,CAAM,GAAG"}

package/dist/PageSection/index.js

@@ -60,4 +60,5 @@ const PageSection = ({ title, headerButton, headerSecondaryButton, footerButton,
 };
 
 //#endregion
-export { PageSection };
+export { PageSection };
+//# sourceMappingURL=index.js.map

package/dist/PageSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PageSection: React.FC<PageSectionProps>"],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":["import {\n  Box,\n  FlexBox,\n  Text,\n  TextButton,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { AriaAttributes, ReactNode } from 'react';\nimport * as React from 'react';\n\ntype TextButtonMinimumProps = AriaAttributes & {\n  text: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type SectionButton = TextButtonMinimumProps | ReactNode;\n\nfunction isSectionButtonATextButton(\n  button: SectionButton\n): button is TextButtonMinimumProps {\n  return (button as TextButtonMinimumProps).text !== undefined;\n}\n\nexport interface PageSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  footerButton?: SectionButton;\n}\n\nexport const PageSection: React.FC<PageSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  footerButton,\n  children,\n}) => {\n  const renderSectionButton = (sectionButton: SectionButton) => {\n    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;\n\n    const { text, ...buttonProps } = sectionButton;\n    return <TextButton {...buttonProps}>{text}</TextButton>;\n  };\n\n  const maybeRenderHeaderButton = () => {\n    if (!headerButton) return null;\n    return (\n      <Box ml={4} display=\"inline\">\n        {renderSectionButton(headerButton)}\n      </Box>\n    );\n  };\n\n  const maybeRenderHeaderSecondaryButton = () => {\n    if (!headerSecondaryButton) return null;\n    return renderSectionButton(headerSecondaryButton);\n  };\n\n  const renderSectionHeader = () => (\n    // Setting height directly to height of the buttons so if they are omitted\n    // the header remains the same height.\n    <FlexBox height=\"2.5rem\" mb={8} justifyContent=\"space-between\">\n      <FlexBox alignItems=\"center\">\n        <Text as=\"h2\" fontSize={22}>\n          {title}\n        </Text>\n        {maybeRenderHeaderButton()}\n      </FlexBox>\n      {maybeRenderHeaderSecondaryButton()}\n    </FlexBox>\n  );\n\n  const maybeRenderSectionFooter = () => {\n    if (!footerButton) return null;\n    return (\n      <FlexBox justifyContent=\"flex-end\" mt={16}>\n        {renderSectionButton(footerButton)}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <FlexBox flexDirection=\"column\" mb={48}>\n      {renderSectionHeader()}\n      {children}\n      {maybeRenderSectionFooter()}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;AAkBA,SAAS,2BACP,QACkC;AAClC,QAAQ,OAAkC,SAAS;;AAUrD,MAAaA,eAA2C,EACtD,OACA,cACA,uBACA,cACA,eACI;CACJ,MAAM,uBAAuB,kBAAiC;AAC5D,MAAI,CAAC,2BAA2B,cAAc,CAAE,QAAO;EAEvD,MAAM,EAAE,MAAM,GAAG,gBAAgB;AACjC,SAAO,oBAAC;GAAW,GAAI;aAAc;IAAkB;;CAGzD,MAAM,gCAAgC;AACpC,MAAI,CAAC,aAAc,QAAO;AAC1B,SACE,oBAAC;GAAI,IAAI;GAAG,SAAQ;aACjB,oBAAoB,aAAa;IAC9B;;CAIV,MAAM,yCAAyC;AAC7C,MAAI,CAAC,sBAAuB,QAAO;AACnC,SAAO,oBAAoB,sBAAsB;;CAGnD,MAAM,4BAGJ,qBAAC;EAAQ,QAAO;EAAS,IAAI;EAAG,gBAAe;aAC7C,qBAAC;GAAQ,YAAW;cAClB,oBAAC;IAAK,IAAG;IAAK,UAAU;cACrB;KACI,EACN,yBAAyB;IAClB,EACT,kCAAkC;GAC3B;CAGZ,MAAM,iCAAiC;AACrC,MAAI,CAAC,aAAc,QAAO;AAC1B,SACE,oBAAC;GAAQ,gBAAe;GAAW,IAAI;aACpC,oBAAoB,aAAa;IAC1B;;AAId,QACE,qBAAC;EAAQ,eAAc;EAAS,IAAI;;GACjC,qBAAqB;GACrB;GACA,0BAA0B;;GACnB"}

package/dist/PastDue/PastDueModalContents/index.d.ts

@@ -9,4 +9,5 @@ interface PastDueModalProps {
 }
 declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
 //#endregion
-export { PastDueModalContents, PastDueModalProps };
+export { PastDueModalContents, PastDueModalProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/PastDue/PastDueModalContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,iBAAA;;EAAA,YAAA,EAAA,OAAiB;EAOrB,WAAA,EAJE,KAAA,CAAM,SAyBpB;EApByB,mBAAA,EAJH,KAAA,CAAM,SAIH;;AADe,cAA5B,oBAA4B,EAAN,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,iBADiC,CACf,iBADe,CAAA,CAAA"}

package/dist/PastDue/PastDueModalContents/index.js

@@ -23,4 +23,5 @@ const PastDueModalContents = ({ pastDueErrorCode, isSilverPlan, closeButton, upd
 };
 
 //#endregion
-export { PastDueModalContents };
+export { PastDueModalContents };
+//# sourceMappingURL=index.js.map

package/dist/PastDue/PastDueModalContents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n>"],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { pastDueErrorMessages } from '../pastDueMessages';\n\nexport interface PastDueModalProps {\n  pastDueErrorCode: string;\n  isSilverPlan: boolean;\n  closeButton: React.ReactNode;\n  updatePaymentButton: React.ReactNode;\n}\n\nexport const PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n> = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {\n  const pastDueErrorMessage =\n    pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] ||\n    pastDueErrorMessages(isSilverPlan, false).default;\n\n  return (\n    <>\n      <FlexBox column>\n        <Box>\n          <Text mb={12}>{pastDueErrorMessage.text1}</Text>\n          <Text mb={12}>{pastDueErrorMessage.text2}</Text>\n        </Box>\n      </FlexBox>\n      <FlexBox justifyContent=\"end\" alignItems=\"end\">\n        {closeButton}\n        {updatePaymentButton}\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;;AAYA,MAAaA,wBAER,EAAE,kBAAkB,cAAc,aAAa,0BAA0B;CAC5E,MAAM,sBACJ,qBAAqB,cAAc,MAAM,CAAC,qBAC1C,qBAAqB,cAAc,MAAM,CAAC;AAE5C,QACE,4CACE,oBAAC;EAAQ;YACP,qBAAC,kBACC,oBAAC;GAAK,IAAI;aAAK,oBAAoB;IAAa,EAChD,oBAAC;GAAK,IAAI;aAAK,oBAAoB;IAAa,IAC5C;GACE,EACV,qBAAC;EAAQ,gBAAe;EAAM,YAAW;aACtC,aACA;GACO,IACT"}

package/dist/PastDue/pastDueMessages.d.ts

@@ -5,4 +5,5 @@ interface PastDueErrorMessage {
 }
 declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
 //#endregion
-export { pastDueErrorMessages };
+export { pastDueErrorMessages };
+//# sourceMappingURL=pastDueMessages.d.ts.map

package/dist/PastDue/pastDueMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pastDueMessages.d.ts","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":[],"mappings":";UAGU,mBAAA;EAAA,KAAA,EAAA,MAAA;EASG,KAAA,EAAA,MAAA,GAPK,GAAA,CAAI,OAkEpB;;cA3DW,mEAGV,eAAe"}

package/dist/PastDue/pastDueMessages.js

@@ -50,4 +50,5 @@ const pastDueErrorMessages = (isSilverPlan, isAlert) => ({
 });
 
 //#endregion
-export { pastDueErrorMessages };
+export { pastDueErrorMessages };
+//# sourceMappingURL=pastDueMessages.js.map

package/dist/PastDue/pastDueMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pastDueMessages.js","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\n\ninterface PastDueErrorMessage {\n  text1: string;\n  text2: string | JSX.Element;\n}\n\nconst StyledAnchor = styled(Anchor)<{ isAlert: boolean }>`\n  ${({ theme, isAlert }) => (isAlert ? `color: ${theme.colors.white}` : '')};\n`;\n\nexport const pastDueErrorMessages = (\n  isSilverPlan: boolean,\n  isAlert: boolean\n): Record<string, PastDueErrorMessage> => ({\n  insufficient_funds: {\n    text1: `Your payment did not go through due to insufficient funds.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  declined: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  temporary_hold: {\n    text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_transaction: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_account_number: {\n    text1: `Your payment did not go through because your card details may be incorrect.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your card details or payment method.`,\n  },\n  expired_card: {\n    text1: `Your payment did not go through because your card is expired.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  default: {\n    text1: `Your payment did not go through. To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n    text2: (\n      <>\n        Let our{' '}\n        <StyledAnchor\n          href=\"https://help.codecademy.com/hc/en-us\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          isAlert={isAlert}\n        >\n          customer support\n        </StyledAnchor>{' '}\n        team know if you have further questions.\n      </>\n    ),\n  },\n});\n"],"mappings":";;;;;AAQA,MAAM,eAAe,OAAO,OAAO,AAAsB;KACpD,EAAE,OAAO,cAAe,UAAU,UAAU,MAAM,OAAO,UAAU,GAAI;;AAG5E,MAAa,wBACX,cACA,aACyC;CACzC,oBAAoB;EAClB,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,UAAU;EACR,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,gBAAgB;EACd,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,qBAAqB;EACnB,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,wBAAwB;EACtB,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,cAAc;EACZ,OAAO;EACP,OAAO,oCACL,eAAe,SAAS,MACzB;EACF;CACD,SAAS;EACP,OAAO,qEACL,eAAe,SAAS,MACzB;EACD,OACE;GAAE;GACQ;GACR,oBAAC;IACC,MAAK;IACL,QAAO;IACP,KAAI;IACK;cACV;KAEc;GAAC;GAAI;MAEnB;EAEN;CACF"}

package/dist/PausableImage/BaseImage/index.js

@@ -67,4 +67,5 @@ const BaseImage = ({ alt, ...rest }) => {
 var BaseImage_default = BaseImage;
 
 //#endregion
-export { BaseImage, Container, PlayingImage, BaseImage_default as default };
+export { BaseImage, Container, PlayingImage, BaseImage_default as default };
+//# sourceMappingURL=index.js.map

package/dist/PausableImage/BaseImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseImage: React.FC<BaseImageProps>"],"sources":["../../../src/PausableImage/BaseImage/index.tsx"],"sourcesContent":["import { FillButton, HiddenText } from '@codecademy/gamut';\nimport { PauseIcon, PlayIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport Freezeframe from 'react-freezeframe';\n\nimport { imageStyles } from '..';\n\nexport interface BaseImageProps {\n  alt: string;\n  src: string;\n}\n\nexport const Container = styled.div`\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  display: flex;\n  position: relative;\n  width: 100%;\n\n  > img,\n  > .react-freezeframe,\n  > .react-freezeframe img {\n    max-width: 100%;\n  }\n  .ff-container .ff-canvas {\n    transition: none;\n  }\n  .ff-loading-icon::before {\n    display: none;\n  }\n`;\n\nexport const PlayingImage = imageStyles;\n\nconst StyledFreezeframe = styled(Freezeframe)(imageStyles);\n\nexport const BaseImage: React.FC<BaseImageProps> = ({ alt, ...rest }) => {\n  const [paused, setPaused] = useState(false);\n\n  const [liveText, buttonLabel, Icon, Image] = paused\n    ? [`${alt}, paused`, 'Play animated image', PlayIcon, StyledFreezeframe]\n    : [`${alt}, playing`, 'Pause animated image', PauseIcon, PlayingImage];\n\n  return (\n    <Container>\n      <Image alt={alt} {...rest} />\n      {/* ensure proper fall back label if an empty string is given as alt */}\n      <HiddenText aria-live=\"polite\">{alt ? liveText : buttonLabel}</HiddenText>\n      <FillButton\n        bottom={0}\n        m={8}\n        onClick={() => setPaused(!paused)}\n        position=\"absolute\"\n        right={0}\n        variant=\"secondary\"\n        zIndex={1}\n        aria-label={buttonLabel}\n      >\n        <Icon color=\"currentColor\" />\n      </FillButton>\n    </Container>\n  );\n};\n\nexport default BaseImage;\n"],"mappings":";;;;;;;;;AAcA,MAAa,YAAY,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;AAqBnC,MAAa,eAAe;AAE5B,MAAM,oBAAoB,OAAO,YAAY,CAAC,YAAY;AAE1D,MAAaA,aAAuC,EAAE,KAAK,GAAG,WAAW;CACvE,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,CAAC,UAAU,aAAa,MAAM,SAAS,SACzC;EAAC,GAAG,IAAI;EAAW;EAAuB;EAAU;EAAkB,GACtE;EAAC,GAAG,IAAI;EAAY;EAAwB;EAAW;EAAa;AAExE,QACE,qBAAC;EACC,oBAAC;GAAW;GAAK,GAAI;IAAQ;EAE7B,oBAAC;GAAW,aAAU;aAAU,MAAM,WAAW;IAAyB;EAC1E,oBAAC;GACC,QAAQ;GACR,GAAG;GACH,eAAe,UAAU,CAAC,OAAO;GACjC,UAAS;GACT,OAAO;GACP,SAAQ;GACR,QAAQ;GACR,cAAY;aAEZ,oBAAC,QAAK,OAAM,iBAAiB;IAClB;KACH;;AAIhB,wBAAe"}

package/dist/PausableImage/index.d.ts

@@ -13,4 +13,5 @@ declare const imageStyles: _emotion_styled1.StyledComponent<{
 }, React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 declare const PausableImage: React$1.FC<PauseableImageProps>;
 //#endregion
-export { PausableImage, imageStyles };
+export { PausableImage, imageStyles };
+//# sourceMappingURL=index.d.ts.map

package/dist/PausableImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/PausableImage/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAMU,mBAAA;;;;AAAA,cAIG,WAJgB,mBAIL,eAJK,CAAA;EAIhB,KAAA,CAAA,EASZ,eAAA,CAAA,KAAA;EAAA,EAAA,CAAA,qBAAA;;cAIY,eAAe,OAAA,CAAM,GAAG"}

package/dist/PausableImage/index.js

@@ -25,4 +25,5 @@ const PausableImage = (props) => {
 };
 
 //#endregion
-export { PausableImage, imageStyles };
+export { PausableImage, imageStyles };
+//# sourceMappingURL=index.js.map

package/dist/PausableImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PausableImage: React.FC<PauseableImageProps>"],"sources":["../../src/PausableImage/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst BaseImage = React.lazy(() => import('./BaseImage'));\n\ninterface PauseableImageProps {\n  src: string;\n  alt: string;\n}\nexport const imageStyles = styled.img(\n  css({\n    height: 'auto',\n    maxHeight: '100%',\n    maxWidth: '100%',\n    '&[src$=\".svg\"]': {\n      width: '100%',\n    },\n  })\n);\n\nconst StaticImage = imageStyles;\n\nexport const PausableImage: React.FC<PauseableImageProps> = (props) => {\n  const staticImage = <StaticImage {...props} />;\n\n  // Avoid rendering React.Suspense on the server until it's fully supported by React & our applications\n  const [isMounted, setIsMounted] = React.useState(false);\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return (\n    <>\n      {isMounted && props.src?.endsWith('.gif') ? (\n        <React.Suspense fallback={staticImage}>\n          <BaseImage {...props} />\n        </React.Suspense>\n      ) : (\n        staticImage\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,YAAYA,QAAM,WAAW,OAAO,wBAAe;AAMzD,MAAa,cAAc,OAAO,IAChC,IAAI;CACF,QAAQ;CACR,WAAW;CACX,UAAU;CACV,oBAAkB,EAChB,OAAO,QACR;CACF,CAAC,CACH;AAED,MAAM,cAAc;AAEpB,MAAaC,iBAAgD,UAAU;CACrE,MAAM,cAAc,oBAAC,eAAY,GAAI,QAAS;CAG9C,MAAM,CAAC,WAAW,gBAAgBD,QAAM,SAAS,MAAM;AACvD,SAAM,gBAAgB;AACpB,eAAa,KAAK;IACjB,EAAE,CAAC;AAEN,QACE,0CACG,aAAa,MAAM,KAAK,SAAS,OAAO,GACvC,oBAACA,QAAM;EAAS,UAAU;YACxB,oBAAC,aAAU,GAAI,QAAS;GACT,GAEjB,cAED"}

package/dist/PlanCard/PlanCardBanner.d.ts

@@ -7,4 +7,5 @@ interface PlanCardBannerProps {
 }
 declare const PlanCardBanner: React.FC<PlanCardBannerProps>;
 //#endregion
-export { PlanCardBanner };
+export { PlanCardBanner };
+//# sourceMappingURL=PlanCardBanner.d.ts.map

package/dist/PlanCard/PlanCardBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCardBanner.d.ts","names":[],"sources":["../../src/PlanCard/PlanCardBanner.tsx"],"sourcesContent":[],"mappings":";;;UAKU,mBAAA;;EAAA,IAAA,CAAA,EAED,KAAA,CAAM,SAFc;AAc7B;cAAa,gBAAgB,KAAA,CAAM,GAAG"}