@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/GlobalHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","GlobalHeader: React.FC<GlobalHeaderProps>"],"sources":["../../src/GlobalHeader/index.tsx"],"sourcesContent":["import { Box } from '@codecademy/gamut';\nimport { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { useCallback, useMemo } from 'react';\n\nimport {\n  AppHeader,\n  AppHeaderItem,\n  AppHeaderMobile,\n  FormattedAppHeaderItems,\n  FormattedMobileAppHeaderItems,\n  isAppHeaderItemWithHref,\n} from '..';\nimport {\n  DropdownPositions,\n  GlobalHeaderDynamicDataContext,\n  GlobalHeaderItemClickContext,\n  HeaderDisplayContext,\n} from './context';\nimport {\n  anonDefaultHeaderItems,\n  anonDefaultMobileHeaderItems,\n  anonLandingHeaderItems,\n  anonLandingMobileHeaderItems,\n  anonLoginHeaderItems,\n  anonLoginMobileHeaderItems,\n  anonSignupHeaderItems,\n  anonSignupMobileHeaderItems,\n  enterpriseHeaderItems,\n  enterpriseMobileHeaderItems,\n  freeHeaderItems,\n  freeMobileHeaderItems,\n  loadingHeaderItems,\n  loadingMobileHeaderItems,\n  proHeaderItems,\n  proMobileHeaderItems,\n  simpleBootcampHeaderItems,\n  simpleBootcampMobileHeaderItems,\n  simpleHeaderItems,\n  simpleMobileHeaderItems,\n  teamsHeaderItems,\n  teamsMobileHeaderItems,\n} from './GlobalHeaderVariants';\nimport {\n  AnonHeader,\n  EnterpriseHeader,\n  FreeHeader,\n  LoadingHeader,\n  ProHeader,\n  SimpleBootcampHeader,\n  SimpleHeader,\n  TeamsHeader,\n} from './types';\n\nexport * from './types';\n\nexport const LiveLearningHubContext = React.createContext<boolean>(false);\n\nexport const RevampedBlpExperimentContext = React.createContext<boolean>(false);\n\nexport type GlobalHeaderProps =\n  | AnonHeader\n  | FreeHeader\n  | ProHeader\n  | EnterpriseHeader\n  | TeamsHeader\n  | LoadingHeader\n  | SimpleHeader\n  | SimpleBootcampHeader;\n\n// Overloading getAppHeaderItems function to return different types based on mobile parameter\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: false,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: true,\n  dynamicDataLoading: boolean\n): FormattedMobileAppHeaderItems;\n\nfunction getAppHeaderItems(\n  props: GlobalHeaderProps,\n  mobile: boolean,\n  dynamicDataLoading: boolean\n): FormattedAppHeaderItems | FormattedMobileAppHeaderItems {\n  const { hidePricing } = props;\n  if (dynamicDataLoading) {\n    return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n  switch (props.type) {\n    case 'anon':\n      switch (props.variant) {\n        case 'landing':\n          return mobile\n            ? anonLandingMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonLandingHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        case 'login':\n          return mobile\n            ? anonLoginMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonLoginHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        case 'signup':\n          return mobile\n            ? anonSignupMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonSignupHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n        default:\n          return mobile\n            ? anonDefaultMobileHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              })\n            : anonDefaultHeaderItems({\n                hidePricing,\n                user: props.user,\n                isInRevampedBlpExperimentVariant:\n                  props.isInRevampedBlpExperimentVariant,\n                isCoachingEnabled: props.isCoachingEnabled,\n              });\n      }\n    case 'enterprise':\n      return mobile\n        ? enterpriseMobileHeaderItems({ user: props.user, props })\n        : enterpriseHeaderItems({ user: props.user, props });\n    case 'free':\n      return mobile\n        ? freeMobileHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : freeHeaderItems({\n            user: props.user,\n            hidePricing,\n            isInRevampedBlpExperimentVariant:\n              props.isInRevampedBlpExperimentVariant,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'pro':\n      return mobile\n        ? proMobileHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : proHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'teams':\n      return mobile\n        ? teamsMobileHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          })\n        : teamsHeaderItems({\n            user: props.user,\n            isCoachingEnabled: props.isCoachingEnabled,\n          });\n    case 'simple':\n      return mobile ? simpleMobileHeaderItems : simpleHeaderItems;\n    case 'bootcamp':\n      return mobile\n        ? simpleBootcampMobileHeaderItems({ bootcampSlug: props.bootcampSlug })\n        : simpleBootcampHeaderItems({ bootcampSlug: props.bootcampSlug });\n    case 'loading':\n      return mobile ? loadingMobileHeaderItems : loadingHeaderItems;\n  }\n}\n\nexport const GlobalHeader: React.FC<GlobalHeaderProps> = (props) => {\n  const { action, onLinkAction, dynamicData, dynamicDataLoading } = props;\n  const theme = useTheme();\n\n  const combinedAction = useCallback(\n    (event: React.MouseEvent, item: AppHeaderItem) => {\n      action(event, item);\n      if (isAppHeaderItemWithHref(item)) onLinkAction?.(event, item);\n    },\n    [action, onLinkAction]\n  );\n\n  const hideNotification =\n    props.type === 'loading' ||\n    props.type === 'enterprise' ||\n    props.type === 'simple' ||\n    props.type === 'bootcamp';\n\n  const showOnboardingQuiz =\n    props.type === 'anon' ||\n    ((props.type === 'free' || props.type === 'pro') &&\n      !props.user.enrolledInTwoOrMoreContainers);\n\n  const showSortingQuiz =\n    (props.type === 'free' || props.type === 'pro') &&\n    props.user.enrolledInTwoOrMoreContainers;\n\n  return (\n    <HeaderDisplayContext.Provider\n      value={{\n        showOnboardingQuiz,\n        showSortingQuiz,\n        headerType: useMemo(() => {\n          if (props.type in DropdownPositions) return props.type;\n          return 'default';\n        }, [props.type]) as keyof typeof DropdownPositions,\n      }}\n    >\n      <RevampedBlpExperimentContext.Provider\n        value={!!props.isInRevampedBlpExperimentVariant}\n      >\n        <GlobalHeaderItemClickContext.Provider\n          value={{ globalHeaderItemClick: combinedAction }}\n        >\n          <GlobalHeaderDynamicDataContext.Provider\n            value={useMemo(\n              () => ({ globalHeaderDynamicData: dynamicData ?? null }),\n              [dynamicData]\n            )}\n          >\n            <Box\n              as=\"header\"\n              position=\"sticky\"\n              top={0}\n              zIndex={theme.elements.headerZ}\n              overflow={{ _: 'hidden', sm: 'visible' }} // Prevent tooltip overflow on mobile\n            >\n              <AppHeader\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  false,\n                  dynamicDataLoading ?? false\n                )}\n                search={props.search}\n                {...(props.type === 'anon'\n                  ? {\n                      redirectParam: props.redirectParam,\n                    }\n                  : hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                hideRightButtonDefaults={hideNotification}\n                isTeams={props.type === 'teams'}\n                type={hideNotification ? 'enterprise' : 'standard'}\n              />\n              <AppHeaderMobile\n                action={combinedAction}\n                items={getAppHeaderItems(\n                  props,\n                  true,\n                  dynamicDataLoading ?? false\n                )}\n                {...(props.type === 'anon' || hideNotification\n                  ? {}\n                  : {\n                      notifications: props.notifications,\n                    })}\n                search={props.search}\n                redirectParam={\n                  props.type === 'anon' ? props.redirectParam : undefined\n                }\n                isEnterprise={props.type === 'enterprise'}\n                isAnon={props.type === 'anon'}\n                isSimple={props.type === 'simple'}\n                hideRightMenuButton={\n                  props.type === 'simple' || props.type === 'loading'\n                }\n                navigationMenuFormattedLabel={\n                  props?.localizedLabels?.navigationMenuFormattedLabel\n                }\n              />\n              {props.children}\n            </Box>\n          </GlobalHeaderDynamicDataContext.Provider>\n        </GlobalHeaderItemClickContext.Provider>\n      </RevampedBlpExperimentContext.Provider>\n    </HeaderDisplayContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/GlobalHeader/types.d.ts

@@ -122,4 +122,5 @@ type GlobalHeaderDynamicData = {
   };
 };
 //#endregion
-export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/GlobalHeader/types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAYK,aAAA;iBAAiC;gBAAyB;;AAA1D,KACO,4BAAA,GAA+B,MADoB,CAAA,aAAS,GAAA,cAAA,GAAA,gBAAA,EAAA,MAAA,CAAA;AAC5D,KAKA,8BAAA,GAL4B;EAK5B,KAAA,CAAA,EAAA,MAAA;EAOP,UAAA,CAAA,EAAA,MAAe;EAMV,IAAA,CAAA,EAAA,MAAW;EAEX,QAAA,CAAA,EAAA,MAAA;CAE6B;KAVlC,eAAA,GAUY;EAMG,4BAAA,CAAA,EAAA,MAAA;EACV,iBAAA,CAAA,EAfY,8BAeZ;EAGM,4BAAA,CAAA,EAjBiB,4BAiBjB;CAda;UAAnB,UAAA,SAAmB,gBAAkB,EAAA,eAAA,CAAA;EAAe;EAkBlD,MAAA,EAhBF,qBAgBM;EAsBX;EAAiB,YAAA,CAAA,EApCL,qBAoCK,CApCiB,qBAoCjB,CAAA;EACL,SAAA,CAAA,EAAA,MAAA;EACC,WAAA,CAAA,EAAA,OAAA;EACV,2BAAA,CAAA,EAAA,OAAA;EAAI,2BAAA,CAAA,EAAA,OAAA;EAGA,oBAAiB,CAAA,EAAA,OAAA;EAEjB,eAAU,CAAA,EAtCF,eAsCE;EAAG,MAAA,EArCf,eAqCe;EAGb,gCAAA,CAAA,EAAA,OAAA;EAEH,iBAAA,CAAA,EAAA,OAAA;EAAI,WAAA,CAAA,EAvCG,uBAuCH,GAAA,IAAA;EAGD,kBAAU,CAAA,EAAA,OAAG;AAIzB;AAIY,KA9CA,IAAA,GA8CW;EAIX,MAAA,EAAA,MAAA;EAKA,WAAA,EAAA,MAAa;EAIb,aAAA,CAAA,EAAY,MAAA;EAIZ,OAAA,CAAA,EAAA,OAAA;EAKA,eAAY,CAAA,EAAA,OAAA;EAOZ,iBAAA,CAAA,EAAA,OAAuB;;;;;;;;;;;;;;;KArD9B,cAAA,GAAiB;iBACL;kBACC;QACV;;KAGI,iBAAA;KAEA,UAAA,GAAa;;;YAGb;SAEH;;KAGG,UAAA,GAAa;;;KAIb,SAAA,GAAY;;;KAIZ,WAAA,GAAc;;;KAId,gBAAA,GAAmB;;QAEvB;;KAGI,aAAA,GAAgB;;;KAIhB,YAAA,GAAe;;;KAIf,oBAAA,GAAuB;;;;KAKvB,YAAA;;;cAGE;;;KAIF,uBAAA;;;;;;;;0BASc;;;;2BAKC"}

package/dist/GlobalHeader/urlHelpers.js

@@ -17,4 +17,5 @@ const formatEnterpriseUrl = (url) => {
 };
 
 //#endregion
-export { formatEnterpriseUrl, formatUrlWithRedirect };
+export { formatEnterpriseUrl, formatUrlWithRedirect };
+//# sourceMappingURL=urlHelpers.js.map

package/dist/GlobalHeader/urlHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlHelpers.js","names":[],"sources":["../../src/GlobalHeader/urlHelpers.tsx"],"sourcesContent":["export const formatUrlWithRedirect = (url: string, redirectUrl?: string) => {\n  if (!redirectUrl) {\n    return url;\n  }\n  const base = window.location.origin;\n  const uri = new URL(url, base);\n  const redirectUri = new URL(redirectUrl);\n\n  const redirectParam = redirectUri.searchParams.get('redirect');\n  if (redirectParam) {\n    uri.searchParams.append('redirect', redirectParam);\n  } else {\n    uri.searchParams.append('redirect', redirectUri.toString());\n  }\n  return uri.toString();\n};\n\nexport const formatEnterpriseUrl = (url?: string): string | undefined => {\n  if (!url) return undefined;\n\n  const protocol = 'https://';\n\n  if (url.includes(protocol)) return url;\n\n  return new URL(protocol + url).toString();\n};\n"],"mappings":";AAAA,MAAa,yBAAyB,KAAa,gBAAyB;AAC1E,KAAI,CAAC,YACH,QAAO;CAET,MAAM,OAAO,OAAO,SAAS;CAC7B,MAAM,MAAM,IAAI,IAAI,KAAK,KAAK;CAC9B,MAAM,cAAc,IAAI,IAAI,YAAY;CAExC,MAAM,gBAAgB,YAAY,aAAa,IAAI,WAAW;AAC9D,KAAI,cACF,KAAI,aAAa,OAAO,YAAY,cAAc;KAElD,KAAI,aAAa,OAAO,YAAY,YAAY,UAAU,CAAC;AAE7D,QAAO,IAAI,UAAU;;AAGvB,MAAa,uBAAuB,QAAqC;AACvE,KAAI,CAAC,IAAK,QAAO;CAEjB,MAAM,WAAW;AAEjB,KAAI,IAAI,SAAS,SAAS,CAAE,QAAO;AAEnC,QAAO,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU"}

package/dist/GlobalPage/index.d.ts

@@ -48,4 +48,5 @@ interface GlobalPageProps extends WithChildrenProp {
 }
 declare const GlobalPage: React$1.FC<GlobalPageProps>;
 //#endregion
-export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAgBK,YAAA;;EAAA,CAAA,CAAA,EAAA,MAAA,CAAA,EAAA,GAAY;AAAA,CAAA;AAUjB,KAJK,mBAAA,GAIsE;EAE/D,QAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAyB,OAAA,CAAA,EALG,YAKH,GAAA,MAAA,EAAA,GAAA,IAAA;AAWrC,CAAA;AACoB,cAdP,eAcO,EAdQ,OAAA,CAAA,OAcR,CAdQ,mBAcR,CAAA;AAKT,KAjBC,yBAAA,GAiBD,OAAA,GAAA,YAAA,GAAA,qBAAA,GAAA,MAAA,GAAA,UAAA,GAAA,WAAA,GAAA,UAAA,GAAA,YAAA,GAAA,OAAA;AAUA,UAhBM,eAAA,SAAwB,gBAgB9B,CAAA;EAKD,eAAA,CAAA,EApBU,yBAoBV;EAKA;;;EA1B+C,MAAA,CAAA,EAM9C,mBAN8C;EAqD5C;;;;;;;WArCF;;;;UAKD;;;;UAKA;;;;;;;;;uCAW6B;;cAgB1B,YAAY,OAAA,CAAM,GAAG"}

package/dist/GlobalPage/index.js

@@ -40,4 +40,5 @@ const GlobalPage = ({ backgroundColor = "background", banner, children, contentA
 };
 
 //#endregion
-export { GlobalPage, LogErrorContext };
+export { GlobalPage, LogErrorContext };
+//# sourceMappingURL=index.js.map

package/dist/GlobalPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","GlobalPage: React.FC<GlobalPageProps>"],"sources":["../../src/GlobalPage/index.tsx"],"sourcesContent":["import {\n  AppWrapper,\n  Modal,\n  ModalProps,\n  SkipToContent,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { Background } from '@codecademy/gamut-styles';\nimport { ComponentProps, forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { EnhancedBanner, EnhancedBannerProps } from '../Banner/EnhancedBanner';\nimport { GlobalFooter, GlobalFooterProps } from '../GlobalFooter';\nimport { GlobalHeader, GlobalHeaderProps } from '../GlobalHeader';\n\ntype ErrorContext = {\n  message?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [k: string]: any;\n};\n\ntype LogErrorContextType = {\n  logError?: (error: unknown, context?: ErrorContext | string) => void;\n};\n\nexport const LogErrorContext = React.createContext<LogErrorContextType>({});\n\nexport type GlobalPageBackgroundColor =\n  | 'beige'\n  | 'background'\n  | 'background-contrast'\n  | 'navy'\n  | 'paleBlue'\n  | 'paleGreen'\n  | 'palePink'\n  | 'paleYellow'\n  | 'white';\n\nexport interface GlobalPageProps extends WithChildrenProp {\n  backgroundColor?: GlobalPageBackgroundColor;\n\n  /**\n   * Props directly passed to the Banner.\n   */\n  banner?: EnhancedBannerProps;\n\n  /**\n   * Element type to render around the children.\n   */\n  contentAs?: 'div' | 'main';\n\n  /**\n   * Props directly passed to the GlobalFooter.\n   */\n  footer?: GlobalFooterProps;\n\n  /**\n   * Props directly passed to the GlobalHeader.\n   */\n  header: GlobalHeaderProps;\n\n  /**\n   * Props directly passed to the Modal.\n   */\n  modal?: ModalProps;\n\n  /**\n   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.\n   */\n  skipToContentId?: string;\n\n  /**\n   * Temporary function called with error and context when an error occurs to\n   * help with debugging.\n   */\n  onError?: (error: unknown, context?: ErrorContext | string) => void;\n}\n\nconst defaultSkipToContentId = 'page-skip-to-content-target';\n\nconst RestrictedBackground = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof Background>\n>(({ children, ...rest }, ref) => (\n  <Background data-testid=\"global-page-wrapper\" {...rest} ref={ref}>\n    {children}\n  </Background>\n));\n\nconst GlobalPageWrapper = AppWrapper.withComponent(RestrictedBackground);\n\nexport const GlobalPage: React.FC<GlobalPageProps> = ({\n  backgroundColor = 'background',\n  banner,\n  children,\n  contentAs = 'div',\n  footer,\n  header,\n  modal,\n  skipToContentId,\n  onError,\n}) => {\n  return (\n    <GlobalPageWrapper bg={backgroundColor} minHeight=\"100vh\">\n      <SkipToContent contentId={skipToContentId || defaultSkipToContentId} />\n      {banner && <EnhancedBanner {...banner} />}\n      <LogErrorContext.Provider value={{ logError: onError }}>\n        {!header.hideEnterpriseHeader && <GlobalHeader {...header} />}\n      </LogErrorContext.Provider>\n      {!skipToContentId && <SkipToContentTarget id={defaultSkipToContentId} />}\n      <AppWrapper as={contentAs}>{children}</AppWrapper>\n      {footer && <GlobalFooter {...footer} />}\n      {modal && <Modal {...modal} />}\n    </GlobalPageWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;AA0BA,MAAa,kBAAkBA,QAAM,cAAmC,EAAE,CAAC;AAqD3E,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB,YAG1B,EAAE,UAAU,GAAG,QAAQ,QACxB,oBAAC;CAAW,eAAY;CAAsB,GAAI;CAAW;CAC1D;EACU,CACb;AAEF,MAAM,oBAAoB,WAAW,cAAc,qBAAqB;AAExE,MAAaC,cAAyC,EACpD,kBAAkB,cAClB,QACA,UACA,YAAY,OACZ,QACA,QACA,OACA,iBACA,cACI;AACJ,QACE,qBAAC;EAAkB,IAAI;EAAiB,WAAU;;GAChD,oBAAC,iBAAc,WAAW,mBAAmB,yBAA0B;GACtE,UAAU,oBAAC,kBAAe,GAAI,SAAU;GACzC,oBAAC,gBAAgB;IAAS,OAAO,EAAE,UAAU,SAAS;cACnD,CAAC,OAAO,wBAAwB,oBAAC,gBAAa,GAAI,SAAU;KACpC;GAC1B,CAAC,mBAAmB,oBAAC,uBAAoB,IAAI,yBAA0B;GACxE,oBAAC;IAAW,IAAI;IAAY;KAAsB;GACjD,UAAU,oBAAC,gBAAa,GAAI,SAAU;GACtC,SAAS,oBAAC,SAAM,GAAI,QAAS;;GACZ"}

package/dist/Grid/GridCollapse.d.ts

@@ -46,4 +46,5 @@ type GridCollapseProps = ComponentProps<typeof GridBox> & {
 };
 declare const GridCollapse: React.FC<GridCollapseProps>;
 //#endregion
-export { GridCollapse, GridCollapseProps, getMediaQuery };
+export { GridCollapse, GridCollapseProps, getMediaQuery };
+//# sourceMappingURL=GridCollapse.d.ts.map

package/dist/Grid/GridCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.d.ts","names":[],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":[],"mappings":";;;;;;cAqCa;;;;;;EAAA,KAAA,EAAA,MAAA;EAAiB,GAAA,CAAA,EAAA,MAAA;CAAA,EAAA,GAAA,MAAA;AAAA,KAkElB,iBAAA,GAAoB,cAlEF,CAAA,OAkEwB,OAlExB,CAAA,GAAA;EAAA;AAkE9B;;EAAgC,WAAA,EAIjB,WAJiB;EAIjB;;;EAyB+B,eAAA,EArB3B,aAqB2B,CAAA,MAAA,CAAA;EAAtB;;AAGxB;;aAnBa;;;;;;;;;;;;;;;;wBAgBW,sBAAsB;;cAGjC,cAAc,KAAA,CAAM,GAAG"}

package/dist/Grid/GridCollapse.js

@@ -154,4 +154,5 @@ const GridCollapse = ({ columnCount, initialMaxShown, pageSize, expandLabel = "S
 };
 
 //#endregion
-export { GridCollapse, getMediaQuery };
+export { GridCollapse, getMediaQuery };
+//# sourceMappingURL=GridCollapse.js.map

package/dist/Grid/GridCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCollapse.js","names":["variant","css","GridCollapse: React.FC<GridCollapseProps>"],"sources":["../../src/Grid/GridCollapse.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Anchor, Box, FlexBox, GridBox } from '@codecademy/gamut';\nimport {\n  ArrowChevronDownIcon,\n  ArrowChevronUpIcon,\n} from '@codecademy/gamut-icons';\nimport { breakpoints } from '@codecademy/gamut-styles';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { ComponentProps, useState } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\nfunction ExpandCollapseDefaults({\n  variant = 'standard',\n  ...props\n}: React.ComponentProps<typeof Anchor>) {\n  return <Anchor variant={variant} {...props} />;\n}\n\nconst DownChevron = styled(ArrowChevronDownIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst UpChevron = styled(ArrowChevronUpIcon)`\n  path {\n    stroke-width: 3;\n  }\n`;\n\nconst breakpointsWithBase = {\n  _: '0px',\n  ...breakpoints,\n} as const;\n\nexport const getMediaQuery = ({\n  css,\n  start,\n  end,\n}: {\n  css: string;\n  start: string;\n  end?: string;\n}) =>\n  end\n    ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css} }`\n    : `@media only screen and (min-width: ${start}) { ${css} }`;\n\ntype GridItemProps = {\n  itemsShown: MediaQueryMap<number>;\n};\n\nconst GridItem = styled(Box)<GridItemProps>`\n  ${({ itemsShown }) =>\n    (Object.keys(itemsShown) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = itemsShown[breakpointKey];\n        if (max === undefined) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        // hide all grid items after the max\n        const css = `&:nth-of-type(n + ${max + 1}) { display: none; }`;\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css, start })\n          : getMediaQuery({ css, start, end });\n      })\n      .join('\\n')}\n`;\n\ntype ExpandCollapseProps = {\n  hideWhenTotalIsLessThan: MediaQueryMap<number>;\n  totalCount: number;\n};\n\nconst ExpandCollapse = styled(ExpandCollapseDefaults)`\n  display: none;\n  white-space: pre-wrap;\n\n  &:not(:first-of-type) {\n    margin-left: 2.5rem;\n  }\n\n  ${({ hideWhenTotalIsLessThan, totalCount }: ExpandCollapseProps) =>\n    (Object.keys(hideWhenTotalIsLessThan) as (keyof MediaQueryMap<number>)[])\n      .map((breakpointKey, i, breakpointKeys) => {\n        const max = hideWhenTotalIsLessThan[breakpointKey];\n        if (max === undefined || totalCount <= max) return;\n\n        const start = breakpointsWithBase[breakpointKey];\n        const end = breakpointsWithBase[breakpointKeys[i + 1]];\n\n        return i === breakpointKeys.length - 1\n          ? getMediaQuery({ css: 'display: block;', start })\n          : getMediaQuery({ css: 'display: block;', start, end });\n      })\n      .join('\\n')}\n`;\n\nexport type GridCollapseProps = ComponentProps<typeof GridBox> & {\n  /**\n   * the number of columns per row in the grid\n   */\n  columnCount: ColumnCount;\n  /**\n   * the number of items to display when collapsed\n   */\n  initialMaxShown: MediaQueryMap<number>;\n  /**\n   * the number of new items to display on each \"expand\" click; if not provided, a binary toggle is used\n   * note: must include exactly the same keys as initialMaxShown\n   */\n  pageSize?: MediaQueryMap<number>;\n  /**\n   * text to display when \"show more\" is available\n   */\n  expandLabel?: string;\n  /**\n   * text to display when \"show fewer\" is available\n   */\n  collapseLabel?: string;\n  /**\n   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg\n   */\n  onExpandClick?: (expanded?: boolean) => void;\n  /**\n   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)\n   */\n  expandCollapseProps?: ComponentProps<typeof Box>;\n};\n\nexport const GridCollapse: React.FC<GridCollapseProps> = ({\n  columnCount,\n  initialMaxShown,\n  pageSize,\n  expandLabel = 'Show all',\n  collapseLabel = 'Show fewer',\n  onExpandClick,\n  expandCollapseProps,\n  children,\n  ...gridBoxProps\n}) => {\n  const [page, setPage] = useState(0);\n\n  const expanded = page > 0;\n\n  // calculate the number of items to show based on page, pageSize, and initialMaxShown\n  const itemsShown = (\n    Object.keys(initialMaxShown) as (keyof MediaQueryMap<number>)[]\n  ).reduce((acc: MediaQueryMap<number>, breakpointKey) => {\n    if (pageSize) {\n      // if pageSize is defined, itemsShown = initialMaxShown + (page * pageSize)\n      acc[breakpointKey] =\n        (initialMaxShown[breakpointKey] ?? 0) +\n        page * (pageSize?.[breakpointKey] ?? 0);\n    } else {\n      // if pageSize is not defined, itemsShown is either initialMaxShown or all children\n      acc[breakpointKey] =\n        page > 0\n          ? React.Children.count(children)\n          : initialMaxShown[breakpointKey];\n    }\n    return acc;\n  }, {});\n\n  return (\n    <>\n      <GridBox\n        as=\"ul\"\n        listStyleType=\"none\"\n        p={0}\n        m={0}\n        {...gridBoxProps}\n        gridTemplateColumns={getCSSFromColumnCount(\n          columnCount,\n          (value) => `repeat(${value}, minmax(0, 1fr))` // this minmax prevents cells from resizing based on content\n        )}\n        aria-live=\"polite\"\n        aria-expanded={expanded}\n      >\n        {/*\n         * note that GridCollapse maps each of its direct children into a GridItem - this means that\n         * if you pass in a single component that aggregates children on its own, that component (and\n         * all of its children) will be considered a single grid item. Consider extracting the contents\n         * of that component into a function instead, turning this example:\n         *\n         * const AggregateComponent: React.FC = (items) => (\n         *   <>\n         *     {items.map((item) => <div>{item}</div>)}\n         *   </>\n         * );\n         *\n         * <GridCollapse><AggregateComponent items={[...]}/></GridCollapse>\n         *\n         * into:\n         *\n         * const getAggregateChildren = (items) => items.map((item) => <div>{item}</div>)\n         *\n         * <GridCollapse>{getAggregateChildren([...])}</GridCollapse>\n         */}\n        {React.Children.map(children, (child) => (\n          <GridItem as=\"li\" itemsShown={itemsShown}>\n            {child}\n          </GridItem>\n        ))}\n      </GridBox>\n      {pageSize ? (\n        <Box\n          {...expandCollapseProps}\n          mt={page > 0 ? 16 : expandCollapseProps?.mt}\n        >\n          <ExpandCollapse\n            fontWeight=\"title\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={itemsShown}\n            onClick={() => {\n              onExpandClick?.(false);\n              setPage((currentPage) => currentPage + 1);\n            }}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expandLabel} <DownChevron size={12} />\n            </FlexBox>\n          </ExpandCollapse>\n          {page > 0 && (\n            <ExpandCollapse\n              variant=\"interface\"\n              fontWeight=\"title\"\n              totalCount={React.Children.count(children)}\n              hideWhenTotalIsLessThan={initialMaxShown}\n              onClick={() => {\n                onExpandClick?.(true);\n                setPage(0);\n              }}\n            >\n              <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n                {collapseLabel} <UpChevron size={12} />\n              </FlexBox>\n            </ExpandCollapse>\n          )}\n        </Box>\n      ) : (\n        <Box {...expandCollapseProps}>\n          <ExpandCollapse\n            variant={expanded ? 'interface' : undefined}\n            fontWeight=\"bold\"\n            totalCount={React.Children.count(children)}\n            hideWhenTotalIsLessThan={initialMaxShown}\n            onClick={() => {\n              onExpandClick?.(expanded);\n              setPage((currentPage) => (currentPage > 0 ? 0 : 1));\n            }}\n            aria-expanded={expanded}\n          >\n            <FlexBox alignItems=\"center\" gap={10 as any} my={8}>\n              {expanded ? (\n                <>\n                  {collapseLabel}\n                  <UpChevron size={12} />\n                </>\n              ) : (\n                <>\n                  {expandLabel}\n                  <DownChevron size={12} />\n                </>\n              )}\n            </FlexBox>\n          </ExpandCollapse>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/Grid/Subgrid.d.ts

@@ -1,6 +1,6 @@
 import { ColumnCount } from "./getCSSFromColumnCount.js";
 import { GridBox } from "@codecademy/gamut";
-import * as react13 from "react";
+import * as react28 from "react";
 import { ComponentProps, FC } from "react";
 
 //#region src/Grid/Subgrid.d.ts
@@ -23,7 +23,8 @@ import { ComponentProps, FC } from "react";
  *
  * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
  */
-declare const subgridContext: react13.Context<ColumnCount>;
+declare const subgridContext: react28.Context<ColumnCount>;
 declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
 //#endregion
-export { Subgrid, subgridContext };
+export { Subgrid, subgridContext };
+//# sourceMappingURL=Subgrid.d.ts.map

package/dist/Grid/Subgrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subgrid.d.ts","names":[],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAuBA;AAEA;;;;;;;;;;;;;;cAFa,gBAAc,OAAA,CAAA,QAAA;cAEd,SAAS,GAAG,sBAAsB"}

package/dist/Grid/Subgrid.js

@@ -36,4 +36,5 @@ const Subgrid = (props) => {
 };
 
 //#endregion
-export { Subgrid, subgridContext };
+export { Subgrid, subgridContext };
+//# sourceMappingURL=Subgrid.js.map

package/dist/Grid/Subgrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subgrid.js","names":["Subgrid: FC<ComponentProps<typeof GridBox>>"],"sources":["../../src/Grid/Subgrid.tsx"],"sourcesContent":["import { GridBox } from '@codecademy/gamut';\nimport { ComponentProps, createContext, FC, useContext } from 'react';\n\nimport { ColumnCount, getCSSFromColumnCount } from './getCSSFromColumnCount';\n\n/**\n * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.\n * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether\n * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within\n * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each\n * breakpoint in react context. Usage example:\n *\n * import { Subgrid, subgridContext } from './Subgrid';\n *\n * export const MyComponent = () => (\n *   <subgridContext.Provider value={{ _: 12, md: 6 }}>\n *     ...\n *     <Subgrid>...</Subgrid>\n *   </subgridContext.Provider>\n * );\n *\n * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise\n */\nexport const subgridContext = createContext<ColumnCount>({});\n\nexport const Subgrid: FC<ComponentProps<typeof GridBox>> = (props) => {\n  const template = useContext(subgridContext);\n\n  const gridTemplateColumns = getCSSFromColumnCount(\n    template,\n    (value) => `repeat(${value}, 1fr)`\n  );\n\n  return (\n    <GridBox\n      gridTemplateColumns={{ _: 'repeat(12, 1fr)', ...gridTemplateColumns }}\n      rowGap={16}\n      columnGap={24}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,iBAAiB,cAA2B,EAAE,CAAC;AAE5D,MAAaA,WAA+C,UAAU;AAQpE,QACE,oBAAC;EACC,qBAAqB;GAAE,GAAG;GAAmB,GAPrB,sBAFX,WAAW,eAAe,GAIxC,UAAU,UAAU,MAAM,QAC5B;GAIwE;EACrE,QAAQ;EACR,WAAW;EACX,GAAI;GACJ"}

package/dist/Grid/getCSSFromColumnCount.d.ts

@@ -7,4 +7,5 @@ type ColumnCountKeys = Extract<ComponentProps<typeof Column>['size'], number>;
 type ColumnCount = MediaQueryMap<ColumnCountKeys>;
 declare const getCSSFromColumnCount: (columnCount: ColumnCount, valueFunction: (value: number) => string) => MediaQueryMap<string>;
 //#endregion
-export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
+export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };
+//# sourceMappingURL=getCSSFromColumnCount.d.ts.map

package/dist/Grid/getCSSFromColumnCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSFromColumnCount.d.ts","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,eAAA,GAAkB,QAC5B,sBAAsB;KAGZ,WAAA,GAAc,cAAc;AAJ5B,cAMC,qBANc,EAAA,CAAA,WAAA,EAOZ,WAPY,EAAA,aAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA,EAAA,GAQe,aARf,CAAA,MAAA,CAAA"}

package/dist/Grid/getCSSFromColumnCount.js

@@ -6,4 +6,5 @@ const getCSSFromColumnCount = (columnCount, valueFunction) => Object.keys(column
 }, {});
 
 //#endregion
-export { getCSSFromColumnCount };
+export { getCSSFromColumnCount };
+//# sourceMappingURL=getCSSFromColumnCount.js.map

package/dist/Grid/getCSSFromColumnCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCSSFromColumnCount.js","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":["import { Column } from '@codecademy/gamut';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport { ComponentProps } from 'react';\n\nexport type ColumnCountKeys = Extract<\n  ComponentProps<typeof Column>['size'],\n  number\n>;\nexport type ColumnCount = MediaQueryMap<ColumnCountKeys>;\n\nexport const getCSSFromColumnCount = (\n  columnCount: ColumnCount,\n  valueFunction: (value: number) => string\n) =>\n  Object.keys(columnCount).reduce<MediaQueryMap<string>>(\n    (acc, key: keyof ColumnCount) => {\n      const value = columnCount[key];\n      if (typeof value !== 'undefined') {\n        acc[key] = valueFunction(value);\n      }\n      return acc;\n    },\n    {}\n  );\n"],"mappings":";AAUA,MAAa,yBACX,aACA,kBAEA,OAAO,KAAK,YAAY,CAAC,QACtB,KAAK,QAA2B;CAC/B,MAAM,QAAQ,YAAY;AAC1B,KAAI,OAAO,UAAU,YACnB,KAAI,OAAO,cAAc,MAAM;AAEjC,QAAO;GAET,EAAE,CACH"}

package/dist/HeaderHeightArea/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/HeaderHeightArea/index.tsx"],"sourcesContent":[],"mappings":";;;;;UA8BiB,qBAAA,SAA8B;OAExC,OAAA,CAAM;EAFI,OAAA,EAGN,cAHM,CAAsB,MAAA,GAAA,OAAA,CAAA;EAEhC,SAAM,CAAA,EAAA,MAAA;;AAFkC,cAOlC,gBAPkC,EAOhB,OAAA,CAAM,EAPU,CAOP,qBAPO,CAAA"}

package/dist/HeaderHeightArea/index.js

@@ -32,4 +32,5 @@ const HeaderHeightArea = ({ as, children, display, ariaLabel }) => {
 };
 
 //#endregion
-export { HeaderHeightArea };
+export { HeaderHeightArea };
+//# sourceMappingURL=index.js.map

package/dist/HeaderHeightArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HeaderHeightArea: React.FC<HeaderHeightAreaProps>","theme"],"sources":["../../src/HeaderHeightArea/index.tsx"],"sourcesContent":["import { Box, WithChildrenProp } from '@codecademy/gamut';\nimport { system, transitionConcat } from '@codecademy/gamut-styles';\nimport { ResponsiveProp } from '@codecademy/variance';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { useIsInHeaderRegion } from './useIsInHeaderRegion';\n\nconst HeaderHeightAreaBase = styled(Box)(\n  system.css({\n    borderBottom: 1,\n    bg: 'background',\n    top: 0,\n    zIndex: 2,\n    width: 1,\n    transition: transitionConcat(\n      ['background-color', 'border-bottom-color'],\n      'fast',\n      'ease-in-out'\n    ),\n  }),\n  system.states({\n    faded: {\n      bg: 'background-current',\n      borderColor: 'background-current',\n    },\n  })\n);\n\nexport interface HeaderHeightAreaProps extends WithChildrenProp {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: React.ElementType<any>;\n  display: ResponsiveProp<'none' | 'block'>;\n  ariaLabel?: string;\n}\n\nexport const HeaderHeightArea: React.FC<HeaderHeightAreaProps> = ({\n  as,\n  children,\n  display,\n  ariaLabel,\n}) => {\n  const theme = useTheme();\n  const isInHeaderRegion = useIsInHeaderRegion();\n\n  return (\n    <HeaderHeightAreaBase\n      as={as}\n      display={display}\n      height={theme.elements.headerHeight}\n      faded={isInHeaderRegion}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </HeaderHeightAreaBase>\n  );\n};\n"],"mappings":";;;;;;;;;AASA,MAAM,uBAAuB,OAAO,IAAI,CACtC,OAAO,IAAI;CACT,cAAc;CACd,IAAI;CACJ,KAAK;CACL,QAAQ;CACR,OAAO;CACP,YAAY,iBACV,CAAC,oBAAoB,sBAAsB,EAC3C,QACA,cACD;CACF,CAAC,EACF,OAAO,OAAO,EACZ,OAAO;CACL,IAAI;CACJ,aAAa;CACd,EACF,CAAC,CACH;AASD,MAAaA,oBAAqD,EAChE,IACA,UACA,SACA,gBACI;CACJ,MAAMC,UAAQ,UAAU;CACxB,MAAM,mBAAmB,qBAAqB;AAE9C,QACE,oBAAC;EACK;EACK;EACT,QAAQA,QAAM,SAAS;EACvB,OAAO;EACP,cAAY;EAEX;GACoB"}

package/dist/HeaderHeightArea/useIsInHeaderRegion.js

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

package/dist/HeaderHeightArea/useIsInHeaderRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInHeaderRegion.js","names":[],"sources":["../../src/HeaderHeightArea/useIsInHeaderRegion.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useIsInHeaderRegion = () => {\n  const [isInHeaderRegion, setIsInHeaderRegion] = useState(true);\n\n  // it is not recommended to replicate this logic in other components unless absolutely necessary, as it is\n  // a workaround for style rehydration issues when using react-use/useWindowScroll. The reasoning behind this\n  // workaround is discussed here: https://github.com/Codecademy/gamut/pull/1822#discussion_r650125406\n  useEffect(() => {\n    const checkScroll = () => setIsInHeaderRegion(window?.pageYOffset === 0);\n    checkScroll();\n    document.addEventListener('scroll', checkScroll);\n    return () => document.removeEventListener('scroll', checkScroll);\n  }, []);\n\n  return isInHeaderRegion;\n};\n"],"mappings":";;;AAEA,MAAa,4BAA4B;CACvC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;AAK9D,iBAAgB;EACd,MAAM,oBAAoB,oBAAoB,QAAQ,gBAAgB,EAAE;AACxE,eAAa;AACb,WAAS,iBAAiB,UAAU,YAAY;AAChD,eAAa,SAAS,oBAAoB,UAAU,YAAY;IAC/D,EAAE,CAAC;AAEN,QAAO"}

package/dist/HorizontalScrollMenu/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,yBAAA,SAAkC;;AAAnD;AAIa,cAAA,oBAA+B,EAAT,OAAA,CAAM,EAAG,CAAA,yBAAD,CAAA"}

package/dist/HorizontalScrollMenu/index.js

@@ -62,4 +62,5 @@ const HorizontalScrollMenu = ({ children, className }) => {
 };
 
 //#endregion
-export { HorizontalScrollMenu };
+export { HorizontalScrollMenu };
+//# sourceMappingURL=index.js.map

package/dist/HorizontalScrollMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HorizontalScrollMenu: React.FC<HorizontalScrollMenuProps>"],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":["import 'intersection-observer';\n\nimport { Box, FlexBox, WithChildrenProp } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { Children, useEffect, useMemo, useRef } from 'react';\nimport * as React from 'react';\n\nconst ScrollContainer = styled(FlexBox)`\n  scroll-snap-type: x mandatory;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ScrollItemWrapper = styled(Box)`\n  scroll-snap-align: start;\n  &[aria-hidden='true'] {\n    visibility: hidden;\n  }\n`;\n\nexport interface HorizontalScrollMenuProps extends WithChildrenProp {\n  className?: string;\n}\n\nexport const HorizontalScrollMenu: React.FC<HorizontalScrollMenuProps> = ({\n  children,\n  className,\n}) => {\n  const elementsRef = useRef<HTMLElement[]>([]);\n  const parentContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const intersectionObserver = useMemo(() => {\n    if (typeof window === 'undefined') return null;\n    return new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        entries.forEach((entry) => {\n          entry.target.ariaHidden = entry.isIntersecting ? 'false' : 'true';\n        });\n      },\n      {\n        root: parentContainerRef.current?.querySelector(\n          '[data-observerroot=\"true\"]'\n        ),\n        rootMargin: '100% 0% 100% 0%',\n      }\n    );\n  }, []);\n\n  useEffect(() => {\n    const numberOfChildElements = Children.toArray(children).length;\n\n    if (elementsRef.current.length === numberOfChildElements) {\n      elementsRef.current.forEach((entry: HTMLElement) =>\n        intersectionObserver?.observe(entry)\n      );\n    }\n    return () => {\n      intersectionObserver?.disconnect();\n    };\n  }, [elementsRef, intersectionObserver, children]);\n\n  return (\n    <Box position=\"relative\">\n      <ScrollContainer\n        data-observerroot=\"true\"\n        ref={parentContainerRef}\n        className={className}\n        pr={16}\n        overflowX=\"scroll\"\n        tabIndex={0}\n      >\n        {Children.map(children, (child, index) => (\n          <ScrollItemWrapper\n            ref={(element) => {\n              if (element) {\n                elementsRef.current[index] = element;\n              }\n            }}\n          >\n            {child}\n          </ScrollItemWrapper>\n        ))}\n      </ScrollContainer>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,OAAO,QAAQ;;;;;;AAOvC,MAAM,oBAAoB,OAAO,IAAI;;;;;;AAWrC,MAAaA,wBAA6D,EACxE,UACA,gBACI;CACJ,MAAM,cAAc,OAAsB,EAAE,CAAC;CAC7C,MAAM,qBAAqB,OAA8B,KAAK;CAE9D,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,IAAI,sBACR,YAAyC;AACxC,WAAQ,SAAS,UAAU;AACzB,UAAM,OAAO,aAAa,MAAM,iBAAiB,UAAU;KAC3D;KAEJ;GACE,MAAM,mBAAmB,SAAS,cAChC,+BACD;GACD,YAAY;GACb,CACF;IACA,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,wBAAwB,SAAS,QAAQ,SAAS,CAAC;AAEzD,MAAI,YAAY,QAAQ,WAAW,sBACjC,aAAY,QAAQ,SAAS,UAC3B,sBAAsB,QAAQ,MAAM,CACrC;AAEH,eAAa;AACX,yBAAsB,YAAY;;IAEnC;EAAC;EAAa;EAAsB;EAAS,CAAC;AAEjD,QACE,oBAAC;EAAI,UAAS;YACZ,oBAAC;GACC,qBAAkB;GAClB,KAAK;GACM;GACX,IAAI;GACJ,WAAU;GACV,UAAU;aAET,SAAS,IAAI,WAAW,OAAO,UAC9B,oBAAC;IACC,MAAM,YAAY;AAChB,SAAI,QACF,aAAY,QAAQ,SAAS;;cAIhC;KACiB,CACpB;IACc;GACd"}

package/dist/HubCard/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":[],"mappings":";;;KAGY,YAAA;;EAAA,KAAA,EAAA,MAAA;EAOC,eA6BZ,EAAA,MA7B8B;;;cAAlB,SAAS,OAAA,CAAM,GAAG"}

package/dist/HubCard/index.js

@@ -35,4 +35,5 @@ const HubCard = ({ eyebrowTitle, title, backgroundPosition, backgroundImage }) =
 });
 
 //#endregion
-export { HubCard };
+export { HubCard };
+//# sourceMappingURL=index.js.map

package/dist/HubCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HubCard: React.FC<HubCardProps>"],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type HubCardProps = {\n  eyebrowTitle: string;\n  title: string;\n  backgroundImage: string;\n  backgroundPosition: 'left' | 'right';\n};\n\nexport const HubCard: React.FC<HubCardProps> = ({\n  eyebrowTitle,\n  title,\n  backgroundPosition,\n  backgroundImage,\n}) => (\n  <Card\n    variant=\"white\"\n    isInteractive\n    display=\"flex\"\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    backgroundSize=\"cover\"\n    backgroundRepeat=\"no-repeat\"\n    backgroundPosition={backgroundPosition}\n    backgroundImage={`url(${backgroundImage})`}\n    height=\"11.25rem\"\n  >\n    <Box p={24} bg=\"white\" width=\"100%\" maxWidth=\"17.5rem\">\n      <Text as=\"p\" fontSize={16}>\n        {eyebrowTitle}\n      </Text>\n      <FlexBox alignItems=\"center\">\n        <Text as=\"p\" variant=\"title-sm\">\n          {title}\n        </Text>\n      </FlexBox>\n    </Box>\n  </Card>\n);\n"],"mappings":";;;;;AAUA,MAAaA,WAAmC,EAC9C,cACA,OACA,oBACA,sBAEA,oBAAC;CACC,SAAQ;CACR;CACA,SAAQ;CACR,gBAAe;CACf,YAAW;CACX,gBAAe;CACf,kBAAiB;CACG;CACpB,iBAAiB,OAAO,gBAAgB;CACxC,QAAO;WAEP,qBAAC;EAAI,GAAG;EAAI,IAAG;EAAQ,OAAM;EAAO,UAAS;aAC3C,oBAAC;GAAK,IAAG;GAAI,UAAU;aACpB;IACI,EACP,oBAAC;GAAQ,YAAW;aAClB,oBAAC;IAAK,IAAG;IAAI,SAAQ;cAClB;KACI;IACC;GACN;EACD"}

package/dist/InfoCard/index.d.ts

@@ -20,4 +20,5 @@ interface InfoCardProps {
 }
 declare const InfoCard: React$1.FC<InfoCardProps>;
 //#endregion
-export { InfoCard, InfoCardProps, TagColor };
+export { InfoCard, InfoCardProps, TagColor };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,QAAA;UAyGK,aAAA;EAzGL,IAAA,EAAA,MAAQ;EAyGH,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;EASN,OAAA,EAAA,MAAA;EAER,KAAA,EAAA,MAAA;EACM,QAAA,CAAA,EAAA,MAAA;EACL,IAAA,CAAM,EAAA,MAAA;EAAS,cAAA,CAAA,EAAA,MAAA;EAGnB,kBAiDZ,CAAA,EAAA,MAjD+B;wBAPR;;gBAER;sBACM;iBACL,OAAA,CAAM;;cAGV,UAAU,OAAA,CAAM,GAAG"}

package/dist/InfoCard/index.js

@@ -116,4 +116,5 @@ const InfoCard = ({ href, onClick, topText, title, subtitle, body, bottomLeftTex
 };
 
 //#endregion
-export { InfoCard };
+export { InfoCard };
+//# sourceMappingURL=index.js.map

package/dist/InfoCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["tagColorMap: Record<TagColor, keyof Theme['colors']>","TopText: React.FC<TextProps>","Title: React.FC<TitleProps>","Subtitle: React.FC<TextProps>","Body: React.FC<TextProps>","Footer: React.FC<FooterProps>","BottomLeftText: React.FC<TextProps>","BottomRightTag: React.FC<BottomRightTagProps>","InfoCard: React.FC<InfoCardProps>"],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  BoxProps,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { pxRem } from '@codecademy/gamut-styles';\nimport { Theme } from '@emotion/react';\nimport * as React from 'react';\n\nconst cardMinWidth = 250;\n\nexport type TagColor = 'blue' | 'green' | 'pink';\nconst tagColorMap: Record<TagColor, keyof Theme['colors']> = {\n  blue: 'paleBlue',\n  green: 'paleGreen',\n  pink: 'palePink',\n};\n\ninterface TextProps {\n  text: string;\n}\n\ninterface TitleProps {\n  text: string;\n  headingLevel: HeadingTags;\n}\n\ninterface FooterProps {\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor: TagColor;\n}\n\ninterface BottomRightTagProps {\n  text: string;\n  color: TagColor;\n}\n\nconst TopText: React.FC<TextProps> = ({ text }) => (\n  <Text display=\"flex\" fontSize={14} mb={12} fontFamily=\"accent\">\n    {text}\n  </Text>\n);\n\nconst Title: React.FC<TitleProps> = ({ text, headingLevel }) => (\n  <Text as={headingLevel} mb={4} fontSize={20}>\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Subtitle: React.FC<TextProps> = ({ text }) => (\n  <Text variant=\"p-small\" textColor=\"gray-900\">\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Body: React.FC<TextProps> = ({ text }) => (\n  <Markdown\n    text={text}\n    overrides={{\n      p: {\n        component: (props) => (\n          <Text\n            {...props}\n            textColor=\"gray-900\"\n            variant=\"p-small\"\n            truncate=\"ellipsis\"\n            truncateLines={3}\n          />\n        ),\n      },\n      a: {\n        component: Anchor,\n      },\n    }}\n  />\n);\n\nconst Footer: React.FC<FooterProps> = ({\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor,\n}) => (\n  <FlexBox alignItems=\"flex-end\" justifyContent=\"space-between\">\n    <Box>{bottomLeftText && <BottomLeftText text={bottomLeftText} />}</Box>\n    <Box>\n      {bottomRightTagText && (\n        <BottomRightTag text={bottomRightTagText} color={bottomRightTagColor} />\n      )}\n    </Box>\n  </FlexBox>\n);\n\nconst BottomLeftText: React.FC<TextProps> = ({ text }) => (\n  <Text\n    maxWidth=\"calc(100%-16px)\"\n    px={16}\n    variant=\"p-small\"\n    textColor=\"gray-900\"\n  >\n    {text}\n  </Text>\n);\n\nconst BottomRightTag: React.FC<BottomRightTagProps> = ({ text, color }) => (\n  <Box bg={tagColorMap[color]}>\n    <Text py={4} p={12} variant=\"title-xs\" fontSize={14} whiteSpace=\"nowrap\">\n      {text}\n    </Text>\n  </Box>\n);\n\nexport interface InfoCardProps {\n  href: string;\n  onClick?: () => void;\n  topText: string;\n  title: string;\n  subtitle?: string;\n  body?: string;\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor?: TagColor;\n  cardHeight?: string | number;\n  cardPadding?: BoxProps['p'];\n  titleHeadingLevel?: HeadingTags;\n  rightContent?: React.ReactNode;\n}\n\nexport const InfoCard: React.FC<InfoCardProps> = ({\n  href,\n  onClick,\n  topText,\n  title,\n  subtitle,\n  body,\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor = 'pink',\n  cardHeight = 286,\n  cardPadding = 16,\n  titleHeadingLevel = 'h3',\n  rightContent,\n}) => {\n  const displayFooter = bottomLeftText || bottomRightTagText;\n\n  return (\n    <Anchor variant=\"interface\" href={href} onClick={() => onClick?.()}>\n      <Card\n        display=\"flex\"\n        flexDirection=\"column\"\n        height={pxRem(cardHeight)}\n        justifyContent=\"space-between\"\n        minWidth={pxRem(cardMinWidth)}\n        variant=\"white\"\n        isInteractive\n        p={0}\n        position=\"relative\"\n      >\n        <Box pb={displayFooter ? 0 : cardPadding} p={cardPadding}>\n          <TopText text={topText} />\n          <FlexBox justifyContent=\"space-between\">\n            <Title text={title} headingLevel={titleHeadingLevel} />\n            {rightContent && rightContent}\n          </FlexBox>\n          {subtitle && <Subtitle text={subtitle} />}\n          {body && <Body text={body} />}\n        </Box>\n        {displayFooter && (\n          <Footer\n            bottomLeftText={bottomLeftText}\n            bottomRightTagText={bottomRightTagText}\n            bottomRightTagColor={bottomRightTagColor}\n          />\n        )}\n      </Card>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;;AAcA,MAAM,eAAe;AAGrB,MAAMA,cAAuD;CAC3D,MAAM;CACN,OAAO;CACP,MAAM;CACP;AAsBD,MAAMC,WAAgC,EAAE,WACtC,oBAAC;CAAK,SAAQ;CAAO,UAAU;CAAI,IAAI;CAAI,YAAW;WACnD;EACI;AAGT,MAAMC,SAA+B,EAAE,MAAM,mBAC3C,oBAAC;CAAK,IAAI;CAAc,IAAI;CAAG,UAAU;WACvC,oBAAC;EAAK,UAAS;EAAW,eAAe;YACtC;GACI;EACF;AAGT,MAAMC,YAAiC,EAAE,WACvC,oBAAC;CAAK,SAAQ;CAAU,WAAU;WAChC,oBAAC;EAAK,UAAS;EAAW,eAAe;YACtC;GACI;EACF;AAGT,MAAMC,QAA6B,EAAE,WACnC,oBAAC;CACO;CACN,WAAW;EACT,GAAG,EACD,YAAY,UACV,oBAAC;GACC,GAAI;GACJ,WAAU;GACV,SAAQ;GACR,UAAS;GACT,eAAe;IACf,EAEL;EACD,GAAG,EACD,WAAW,QACZ;EACF;EACD;AAGJ,MAAMC,UAAiC,EACrC,gBACA,oBACA,0BAEA,qBAAC;CAAQ,YAAW;CAAW,gBAAe;YAC5C,oBAAC,iBAAK,kBAAkB,oBAAC,kBAAe,MAAM,iBAAkB,GAAO,EACvE,oBAAC,iBACE,sBACC,oBAAC;EAAe,MAAM;EAAoB,OAAO;GAAuB,GAEtE;EACE;AAGZ,MAAMC,kBAAuC,EAAE,WAC7C,oBAAC;CACC,UAAS;CACT,IAAI;CACJ,SAAQ;CACR,WAAU;WAET;EACI;AAGT,MAAMC,kBAAiD,EAAE,MAAM,YAC7D,oBAAC;CAAI,IAAI,YAAY;WACnB,oBAAC;EAAK,IAAI;EAAG,GAAG;EAAI,SAAQ;EAAW,UAAU;EAAI,YAAW;YAC7D;GACI;EACH;AAmBR,MAAaC,YAAqC,EAChD,MACA,SACA,SACA,OACA,UACA,MACA,gBACA,oBACA,sBAAsB,QACtB,aAAa,KACb,cAAc,IACd,oBAAoB,MACpB,mBACI;CACJ,MAAM,gBAAgB,kBAAkB;AAExC,QACE,oBAAC;EAAO,SAAQ;EAAkB;EAAM,eAAe,WAAW;YAChE,qBAAC;GACC,SAAQ;GACR,eAAc;GACd,QAAQ,MAAM,WAAW;GACzB,gBAAe;GACf,UAAU,MAAM,aAAa;GAC7B,SAAQ;GACR;GACA,GAAG;GACH,UAAS;cAET,qBAAC;IAAI,IAAI,gBAAgB,IAAI;IAAa,GAAG;;KAC3C,oBAAC,WAAQ,MAAM,UAAW;KAC1B,qBAAC;MAAQ,gBAAe;iBACtB,oBAAC;OAAM,MAAM;OAAO,cAAc;QAAqB,EACtD,gBAAgB;OACT;KACT,YAAY,oBAAC,YAAS,MAAM,WAAY;KACxC,QAAQ,oBAAC,QAAK,MAAM,OAAQ;;KACzB,EACL,iBACC,oBAAC;IACiB;IACI;IACC;KACrB;IAEC;GACA"}

package/dist/Konamimojisplosion/Konamimojisplosion.d.ts

@@ -6,4 +6,5 @@ type KonamimojisplosionProps = {
 };
 declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
 //#endregion
-export { Konamimojisplosion, KonamimojisplosionProps };
+export { Konamimojisplosion, KonamimojisplosionProps };
+//# sourceMappingURL=Konamimojisplosion.d.ts.map

package/dist/Konamimojisplosion/Konamimojisplosion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.d.ts","names":[],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":[],"mappings":";;;KAIY,uBAAA;;AAAZ,CAAA;AAIa,cAAA,kBAA6B,EAAT,KAAA,CAAM,EAAG,CAAA,uBAAD,CAAA"}

package/dist/Konamimojisplosion/Konamimojisplosion.js

@@ -7,4 +7,5 @@ const Konamimojisplosion = ({ onActivate }) => {
 };
 
 //#endregion
-export { Konamimojisplosion };
+export { Konamimojisplosion };
+//# sourceMappingURL=Konamimojisplosion.js.map

package/dist/Konamimojisplosion/Konamimojisplosion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Konamimojisplosion.js","names":["Konamimojisplosion: React.FC<KonamimojisplosionProps>"],"sources":["../../src/Konamimojisplosion/Konamimojisplosion.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useKonamimojisplosion } from './useKonamimojisplosion';\n\nexport type KonamimojisplosionProps = {\n  onActivate?: () => void;\n};\n\nexport const Konamimojisplosion: React.FC<KonamimojisplosionProps> = ({\n  onActivate,\n}) => {\n  useKonamimojisplosion(onActivate);\n  return null;\n};\n"],"mappings":";;;AAQA,MAAaA,sBAAyD,EACpE,iBACI;AACJ,uBAAsB,WAAW;AACjC,QAAO"}

package/dist/Konamimojisplosion/useKonamimojisplosion.d.ts

@@ -1,4 +1,5 @@
 //#region src/Konamimojisplosion/useKonamimojisplosion.d.ts
 declare const useKonamimojisplosion: (onActivate?: () => void) => void;
 //#endregion
-export { useKonamimojisplosion };
+export { useKonamimojisplosion };
+//# sourceMappingURL=useKonamimojisplosion.d.ts.map

package/dist/Konamimojisplosion/useKonamimojisplosion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKonamimojisplosion.d.ts","names":[],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":[],"mappings":";cAkBa"}

package/dist/Konamimojisplosion/useKonamimojisplosion.js

@@ -43,4 +43,5 @@ const useKonamimojisplosion = (onActivate) => {
 };
 
 //#endregion
-export { useKonamimojisplosion };
+export { useKonamimojisplosion };
+//# sourceMappingURL=useKonamimojisplosion.js.map

package/dist/Konamimojisplosion/useKonamimojisplosion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKonamimojisplosion.js","names":["explosions: EmojisplosionsHandler | undefined"],"sources":["../../src/Konamimojisplosion/useKonamimojisplosion.ts"],"sourcesContent":["import { emojisplosions, EmojisplosionsHandler } from 'emojisplosion';\nimport { useEffect, useState } from 'react';\n\nconst konamiCodeKeys = [\n  'ArrowUp',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowLeft',\n  'ArrowRight',\n  'b',\n  'a',\n];\n\nlet explosions: EmojisplosionsHandler | undefined;\n\nexport const useKonamimojisplosion = (onActivate?: () => void) => {\n  const [inputs, setInputs] = useState<string[]>([]);\n\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      const newState = [\n        ...(inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs),\n        e.key,\n      ];\n\n      if (newState.join() === konamiCodeKeys.join()) {\n        if (explosions) {\n          explosions.cancel();\n          explosions = undefined;\n        } else {\n          explosions = emojisplosions();\n          onActivate?.();\n        }\n        setInputs([]);\n      } else {\n        setInputs(newState);\n      }\n    };\n\n    document.addEventListener('keydown', listener);\n    return () => document.removeEventListener('keydown', listener);\n  }, [onActivate, inputs]);\n\n  // clean up explosions on unmount\n  useEffect(() => {\n    return () => {\n      explosions?.cancel();\n      explosions = undefined;\n    };\n  }, []);\n};\n"],"mappings":";;;;AAGA,MAAM,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAIA;AAEJ,MAAa,yBAAyB,eAA4B;CAChE,MAAM,CAAC,QAAQ,aAAa,SAAmB,EAAE,CAAC;AAElD,iBAAgB;EACd,MAAM,YAAY,MAAqB;GACrC,MAAM,WAAW,CACf,GAAI,OAAO,WAAW,eAAe,SAAS,OAAO,MAAM,EAAE,GAAG,QAChE,EAAE,IACH;AAED,OAAI,SAAS,MAAM,KAAK,eAAe,MAAM,EAAE;AAC7C,QAAI,YAAY;AACd,gBAAW,QAAQ;AACnB,kBAAa;WACR;AACL,kBAAa,gBAAgB;AAC7B,mBAAc;;AAEhB,cAAU,EAAE,CAAC;SAEb,WAAU,SAAS;;AAIvB,WAAS,iBAAiB,WAAW,SAAS;AAC9C,eAAa,SAAS,oBAAoB,WAAW,SAAS;IAC7D,CAAC,YAAY,OAAO,CAAC;AAGxB,iBAAgB;AACd,eAAa;AACX,eAAY,QAAQ;AACpB,gBAAa;;IAEd,EAAE,CAAC"}

package/dist/LandingPage/CTA.js

@@ -6,4 +6,5 @@ import { jsx } from "react/jsx-runtime";
 const CTA = ({ buttonType = "cta", ...buttonProps }) => buttonType === "fill" ? /* @__PURE__ */ jsx(FillButton, { ...buttonProps }) : /* @__PURE__ */ jsx(CTAButton, { ...buttonProps });
 
 //#endregion
-export { CTA };
+export { CTA };
+//# sourceMappingURL=CTA.js.map

package/dist/LandingPage/CTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.js","names":["CTA: React.FC<CTAProps>"],"sources":["../../src/LandingPage/CTA.tsx"],"sourcesContent":["import { ButtonProps, CTAButton, FillButton } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface CTAProps extends Pick<ButtonProps, 'children'> {\n  href: string;\n  onClick?: React.MouseEventHandler;\n  buttonType?: 'cta' | 'fill';\n  mode?: 'light' | 'dark';\n}\n\nexport const CTA: React.FC<CTAProps> = ({\n  buttonType = 'cta',\n  ...buttonProps\n}) =>\n  buttonType === 'fill' ? (\n    <FillButton {...buttonProps} />\n  ) : (\n    <CTAButton {...buttonProps} />\n  );\n"],"mappings":";;;;;AAUA,MAAaA,OAA2B,EACtC,aAAa,OACb,GAAG,kBAEH,eAAe,SACb,oBAAC,cAAW,GAAI,cAAe,GAE/B,oBAAC,aAAU,GAAI,cAAe"}

package/dist/LandingPage/Description.d.ts

@@ -7,4 +7,5 @@ type DescriptionProps = {
 } & Pick<LandingPageBaseProps, 'onAnchorClick'>;
 declare const Description: React$1.FC<DescriptionProps>;
 //#endregion
-export { Description, DescriptionProps };
+export { Description, DescriptionProps };
+//# sourceMappingURL=Description.d.ts.map

package/dist/LandingPage/Description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.ts","names":[],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,gBAAA;;AAAZ,CAAA,GAEI,IAFQ,CAEH,oBAFmB,EAAA,eAEnB,CAAA;AAEI,cAAA,WAAsB,EAAT,OAAA,CAAM,EAAG,CAAA,gBAAH,CAAE"}

package/dist/LandingPage/Description.js

@@ -13,4 +13,5 @@ const Description = ({ text, onAnchorClick }) => /* @__PURE__ */ jsx(Box, {
 });
 
 //#endregion
-export { Description };
+export { Description };
+//# sourceMappingURL=Description.js.map

package/dist/LandingPage/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","names":["Description: React.FC<DescriptionProps>"],"sources":["../../src/LandingPage/Description.tsx"],"sourcesContent":["import { Box, Markdown } from '@codecademy/gamut';\nimport * as React from 'react';\n\nimport { LandingPageBaseProps } from './types';\n\nexport type DescriptionProps = {\n  text: string;\n} & Pick<LandingPageBaseProps, 'onAnchorClick'>;\n\nexport const Description: React.FC<DescriptionProps> = ({\n  text,\n  onAnchorClick,\n}) => (\n  <Box maxWidth=\"38rem\" mt={16}>\n    <Markdown text={text} onAnchorClick={onAnchorClick} />\n  </Box>\n);\n"],"mappings":";;;;;AASA,MAAaA,eAA2C,EACtD,MACA,oBAEA,oBAAC;CAAI,UAAS;CAAQ,IAAI;WACxB,oBAAC;EAAe;EAAqB;GAAiB;EAClD"}

package/dist/LandingPage/Feature.js

@@ -78,4 +78,5 @@ const Feature = ({ testId, children, props }) => /* @__PURE__ */ jsx(FeatureBloc
 });
 
 //#endregion
-export { Feature, FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle };
+export { Feature, FeaturedDescription, FeaturedIcon, FeaturedImage, FeaturedStat, FeaturedTitle };
+//# sourceMappingURL=Feature.js.map

package/dist/LandingPage/Feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feature.js","names":["FeaturedImage: React.FC<FeaturedImageProps>","FeaturedIcon: React.FC<FeaturedIconProps>","FeaturedStat: React.FC<WithChildrenProp>","FeaturedTitle: React.FC<FeaturedTitleProps>","FeaturedDescription: React.FC<FeaturedDescriptionProps>","Feature: React.FC<FeatureProps>"],"sources":["../../src/LandingPage/Feature.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  Markdown,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { mediaQueries } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { PausableImage } from '../PausableImage';\nimport { LandingPageBaseProps } from './types';\n\nconst Image = Box.withComponent('img');\n\nexport type FeaturedImageProps = {\n  src: string;\n  alt: string;\n};\nexport const FeaturedImage: React.FC<FeaturedImageProps> = ({ src, alt }) => (\n  <Box width={1} mb={32}>\n    <PausableImage src={src} alt={alt} data-testid=\"feature-image\" />\n  </Box>\n);\n\nexport type FeaturedIconProps = {\n  src: string;\n  alt: string;\n  props?: Omit<\n    React.ComponentProps<typeof Image>,\n    'src' | 'alt' | 'data-testid'\n  >;\n};\nexport const FeaturedIcon: React.FC<FeaturedIconProps> = ({\n  src,\n  alt,\n  props,\n}) => (\n  <Image\n    alt={alt}\n    src={src}\n    mb={32}\n    width=\"64px\"\n    data-testid=\"feature-icon\"\n    {...props}\n  />\n);\n\nexport const FeaturedStat: React.FC<WithChildrenProp> = ({ children }) => (\n  <Text\n    as=\"div\"\n    variant=\"title-xxl\"\n    fontSize={{ _: 44, lg: 64 }}\n    data-testid=\"feature-stat\"\n  >\n    {children}\n  </Text>\n);\n\nexport interface FeaturedTitleProps extends WithChildrenProp {\n  as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';\n  props?: Omit<BoxProps, 'as' | 'children'>;\n}\nexport const FeaturedTitle: React.FC<FeaturedTitleProps> = ({\n  as,\n  children,\n  props,\n}) => (\n  <Text\n    as={as}\n    fontSize={{ _: 22, lg: 26 }}\n    fontWeight=\"title\"\n    lineHeight=\"spacedTitle\"\n    {...props}\n  >\n    {children}\n  </Text>\n);\n\nconst StyledMarkdown = styled(Markdown)`\n  ul,\n  ol {\n    padding: 0;\n    list-style-position: inside;\n  }\n`;\nexport type FeaturedDescriptionProps = Pick<\n  LandingPageBaseProps,\n  'desc' | 'onAnchorClick'\n>;\nexport const FeaturedDescription: React.FC<FeaturedDescriptionProps> = ({\n  desc,\n  onAnchorClick,\n}) => (\n  <StyledMarkdown text={desc} spacing=\"none\" onAnchorClick={onAnchorClick} />\n);\n\nconst FeatureBlock = styled(Box)`\n  flex: 1;\n  ${mediaQueries.sm} {\n    &:not(:last-of-type) {\n      margin-right: 1rem;\n\n      ${mediaQueries.lg} {\n        margin-right: 2rem;\n      }\n    }\n  }\n`;\n\nexport interface FeatureProps extends WithChildrenProp {\n  testId?: string;\n  props?: Omit<BoxProps, 'as' | 'children'>;\n}\nexport const Feature: React.FC<FeatureProps> = ({\n  testId,\n  children,\n  props,\n}) => (\n  <FeatureBlock as=\"div\" mt={32} data-testid={testId} {...props}>\n    {children}\n  </FeatureBlock>\n);\n"],"mappings":";;;;;;;;AAcA,MAAM,QAAQ,IAAI,cAAc,MAAM;AAMtC,MAAaA,iBAA+C,EAAE,KAAK,UACjE,oBAAC;CAAI,OAAO;CAAG,IAAI;WACjB,oBAAC;EAAmB;EAAU;EAAK,eAAY;GAAkB;EAC7D;AAWR,MAAaC,gBAA6C,EACxD,KACA,KACA,YAEA,oBAAC;CACM;CACA;CACL,IAAI;CACJ,OAAM;CACN,eAAY;CACZ,GAAI;EACJ;AAGJ,MAAaC,gBAA4C,EAAE,eACzD,oBAAC;CACC,IAAG;CACH,SAAQ;CACR,UAAU;EAAE,GAAG;EAAI,IAAI;EAAI;CAC3B,eAAY;CAEX;EACI;AAOT,MAAaC,iBAA+C,EAC1D,IACA,UACA,YAEA,oBAAC;CACK;CACJ,UAAU;EAAE,GAAG;EAAI,IAAI;EAAI;CAC3B,YAAW;CACX,YAAW;CACX,GAAI;CAEH;EACI;AAGT,MAAM,iBAAiB,OAAO,SAAS;;;;;;;AAWvC,MAAaC,uBAA2D,EACtE,MACA,oBAEA,oBAAC;CAAe,MAAM;CAAM,SAAQ;CAAsB;EAAiB;AAG7E,MAAM,eAAe,OAAO,IAAI;;IAE5B,aAAa,GAAG;;;;QAIZ,aAAa,GAAG;;;;;;AAWxB,MAAaC,WAAmC,EAC9C,QACA,UACA,YAEA,oBAAC;CAAa,IAAG;CAAM,IAAI;CAAI,eAAa;CAAQ,GAAI;CACrD;EACY"}

package/dist/LandingPage/PageFAQs.d.ts

@@ -11,4 +11,5 @@ interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
 }
 declare const PageFaqs: React$1.FC<PageFaqsProps>;
 //#endregion
-export { PageFaqs, PageFaqsProps };
+export { PageFaqs, PageFaqsProps };
+//# sourceMappingURL=PageFAQs.d.ts.map

package/dist/LandingPage/PageFAQs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.d.ts","names":[],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":[],"mappings":";;;;;UAgBiB,aAAA,SAAsB,sBAAsB;;IAA5C,QAAA,EAAA,MAAc;IAgBlB,MAAA,EAwBZ,MAAA;;;cAxBY,UAAU,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFAQs.js

@@ -43,4 +43,5 @@ const PageFaqs = ({ title, faqs }) => {
 };
 
 //#endregion
-export { PageFaqs };
+export { PageFaqs };
+//# sourceMappingURL=PageFAQs.js.map

package/dist/LandingPage/PageFAQs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFAQs.js","names":["PageFaqs: React.FC<PageFaqsProps>"],"sources":["../../src/LandingPage/PageFAQs.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  Disclosure,\n  FlexBox,\n  LayoutGrid,\n  Markdown,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {\n  faqs?: {\n    question: string;\n    answer: string;\n  }[];\n}\n\nconst FaqAnswer = styled(Markdown)`\n  p {\n    font-size: 1rem;\n    ${theme.breakpoints.md} {\n      font-size: 1.25rem;\n    }\n  }\n`;\n\nexport const PageFaqs: React.FC<PageFaqsProps> = ({ title, faqs }) => {\n  return (\n    <LayoutGrid p={0} m={0}>\n      <Column size={12} p={0} m={0}>\n        {title && (\n          <FlexBox justifyContent=\"center\" mb={32}>\n            <Title isPageHeading={false}>{title}</Title>\n          </FlexBox>\n        )}\n        {faqs &&\n          faqs.length > 0 &&\n          faqs.map((faq) => (\n            <Box borderBottom={1} key={faq.question}>\n              <Disclosure\n                heading={faq.question}\n                hasBorder={false}\n                variant=\"transparent\"\n                body={<FaqAnswer text={faq.answer} />}\n              />\n            </Box>\n          ))}\n      </Column>\n    </LayoutGrid>\n  );\n};\n"],"mappings":";;;;;;;;AAuBA,MAAM,YAAY,OAAO,SAAS;;;MAG5B,MAAM,YAAY,GAAG;;;;;AAM3B,MAAaA,YAAqC,EAAE,OAAO,WAAW;AACpE,QACE,oBAAC;EAAW,GAAG;EAAG,GAAG;YACnB,qBAAC;GAAO,MAAM;GAAI,GAAG;GAAG,GAAG;cACxB,SACC,oBAAC;IAAQ,gBAAe;IAAS,IAAI;cACnC,oBAAC;KAAM,eAAe;eAAQ;MAAc;KACpC,EAEX,QACC,KAAK,SAAS,KACd,KAAK,KAAK,QACR,oBAAC;IAAI,cAAc;cACjB,oBAAC;KACC,SAAS,IAAI;KACb,WAAW;KACX,SAAQ;KACR,MAAM,oBAAC,aAAU,MAAM,IAAI,SAAU;MACrC;MANuB,IAAI,SAOzB,CACN;IACG;GACE"}

package/dist/LandingPage/PageFeatures.d.ts

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

package/dist/LandingPage/PageFeatures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFeatures.d.ts","names":[],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":[],"mappings":";;;;;UAwBiB,iBAAA,SACP,sBACN;;EAFa,aAAA,CAAA,EAAA,OACf,GAAA,MAAA,GAAQ,MAAA;EAwEG,QAAA,EAAA;;;;;;;;;cAAA,cAAc,OAAA,CAAM,GAAG"}

package/dist/LandingPage/PageFeatures.js

@@ -94,4 +94,5 @@ const PageFeatures = ({ title, desc, cta, maxCols, features, featuresMedia, test
 });
 
 //#endregion
-export { PageFeatures };
+export { PageFeatures };
+//# sourceMappingURL=PageFeatures.js.map

package/dist/LandingPage/PageFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFeatures.js","names":["PageFeatures: React.FC<PageFeaturesProps>","testId","desc"],"sources":["../../src/LandingPage/PageFeatures.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  ColumnProps,\n  FlexBox,\n  LayoutGrid,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport {\n  Feature,\n  FeaturedDescription,\n  FeaturedIcon,\n  FeaturedImage,\n  FeaturedStat,\n  FeaturedTitle,\n} from './Feature';\nimport { Title } from './Title';\nimport { LandingPageBaseProps } from './types';\n\nexport interface PageFeaturesProps\n  extends LandingPageBaseProps,\n    WithChildrenProp {\n  maxCols?: 1 | 2 | 3 | 4;\n  featuresMedia?: 'image' | 'icon' | 'stat';\n  features: {\n    title?: string;\n    desc?: string;\n    imgSrc?: string;\n    imgAlt?: string;\n    statText?: string;\n    testId?: string;\n  }[];\n}\n\nconst rowRenderEach = (\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <FlexBox\n      flexDirection={{ _: 'column', sm: 'row' }}\n      as=\"ul\"\n      pl={0}\n      gap={{ sm: 32 }}\n    >\n      {items.map((item, i) => (\n        <FlexBox as=\"li\" key={i} flex={1}>\n          {itemRenderer(item)}\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n  /* eslint-enable react/no-array-index-key */\n};\n\nconst gridRenderEach = (\n  maxCols: NonNullable<PageFeaturesProps['maxCols']>,\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  const size = {\n    _: 12,\n    sm: 12 / maxCols,\n  } as ColumnProps['size'];\n  /* eslint-disable react/no-array-index-key */\n  return (\n    <LayoutGrid columnGap={{ _: 8, sm: 32 }} as=\"ul\">\n      {items.map((item, i) => (\n        <Column key={i} size={size} as=\"li\">\n          {itemRenderer(item)}\n        </Column>\n      ))}\n    </LayoutGrid>\n  );\n  /* eslint-enable react/no-array-index-key */\n};\n\nconst renderEach = (\n  maxCols: PageFeaturesProps['maxCols'],\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  if (maxCols === undefined) {\n    return rowRenderEach(items, itemRenderer);\n  }\n  if (maxCols > 0 && maxCols <= 4) {\n    return gridRenderEach(maxCols, items, itemRenderer);\n  }\n  return null;\n};\n\nexport const PageFeatures: React.FC<PageFeaturesProps> = ({\n  title,\n  desc,\n  cta,\n  maxCols,\n  features,\n  featuresMedia,\n  testId,\n  onAnchorClick,\n}) => (\n  <div data-testid={testId}>\n    <div>\n      {title && <Title isPageHeading={false}>{title}</Title>}\n      {desc && <Description text={desc} onAnchorClick={onAnchorClick} />}\n      {cta && (\n        <Box mt={32}>\n          <CTA\n            href={cta.href}\n            onClick={cta.onClick}\n            buttonType={cta.buttonType}\n          >\n            {cta.text}\n          </CTA>\n        </Box>\n      )}\n    </div>\n    <Box mt={16}>\n      {renderEach(\n        maxCols,\n        features,\n        ({ testId, imgSrc, imgAlt, statText, title: featTitle, desc }) => (\n          <Feature testId={testId}>\n            {featuresMedia === 'image' && imgSrc && (\n              <FeaturedImage src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'icon' && imgSrc && (\n              <FeaturedIcon src={imgSrc} alt={imgAlt ?? ''} />\n            )}\n            {featuresMedia === 'stat' && (\n              <FeaturedStat>{statText}</FeaturedStat>\n            )}\n            {featTitle && (\n              <FeaturedTitle as={desc ? (title ? 'h3' : 'h2') : 'div'}>\n                {featTitle}\n              </FeaturedTitle>\n            )}\n            {desc && (\n              <FeaturedDescription desc={desc} onAnchorClick={onAnchorClick} />\n            )}\n          </Feature>\n        )\n      )}\n    </Box>\n  </div>\n);\n"],"mappings":";;;;;;;;;AAuCA,MAAM,iBACJ,OACA,iBACc;AAEd,QACE,oBAAC;EACC,eAAe;GAAE,GAAG;GAAU,IAAI;GAAO;EACzC,IAAG;EACH,IAAI;EACJ,KAAK,EAAE,IAAI,IAAI;YAEd,MAAM,KAAK,MAAM,MAChB,oBAAC;GAAQ,IAAG;GAAa,MAAM;aAC5B,aAAa,KAAK;KADC,EAEZ,CACV;GACM;;AAKd,MAAM,kBACJ,SACA,OACA,iBACc;CACd,MAAM,OAAO;EACX,GAAG;EACH,IAAI,KAAK;EACV;AAED,QACE,oBAAC;EAAW,WAAW;GAAE,GAAG;GAAG,IAAI;GAAI;EAAE,IAAG;YACzC,MAAM,KAAK,MAAM,MAChB,oBAAC;GAAqB;GAAM,IAAG;aAC5B,aAAa,KAAK;KADR,EAEJ,CACT;GACS;;AAKjB,MAAM,cACJ,SACA,OACA,iBACc;AACd,KAAI,YAAY,OACd,QAAO,cAAc,OAAO,aAAa;AAE3C,KAAI,UAAU,KAAK,WAAW,EAC5B,QAAO,eAAe,SAAS,OAAO,aAAa;AAErD,QAAO;;AAGT,MAAaA,gBAA6C,EACxD,OACA,MACA,KACA,SACA,UACA,eACA,QACA,oBAEA,qBAAC;CAAI,eAAa;YAChB,qBAAC;EACE,SAAS,oBAAC;GAAM,eAAe;aAAQ;IAAc;EACrD,QAAQ,oBAAC;GAAY,MAAM;GAAqB;IAAiB;EACjE,OACC,oBAAC;GAAI,IAAI;aACP,oBAAC;IACC,MAAM,IAAI;IACV,SAAS,IAAI;IACb,YAAY,IAAI;cAEf,IAAI;KACD;IACF;KAEJ,EACN,oBAAC;EAAI,IAAI;YACN,WACC,SACA,WACC,EAAE,kBAAQ,QAAQ,QAAQ,UAAU,OAAO,WAAW,mBACrD,qBAAC;GAAQ,QAAQC;;IACd,kBAAkB,WAAW,UAC5B,oBAAC;KAAc,KAAK;KAAQ,KAAK,UAAU;MAAM;IAElD,kBAAkB,UAAU,UAC3B,oBAAC;KAAa,KAAK;KAAQ,KAAK,UAAU;MAAM;IAEjD,kBAAkB,UACjB,oBAAC,0BAAc,WAAwB;IAExC,aACC,oBAAC;KAAc,IAAIC,SAAQ,QAAQ,OAAO,OAAQ;eAC/C;MACa;IAEjBA,UACC,oBAAC;KAAoB,MAAMA;KAAqB;MAAiB;;IAE3D,CAEb;GACG;EACF"}

package/dist/LandingPage/PageFeaturesEnhanced.d.ts

@@ -8,4 +8,5 @@ interface PageFeaturesEnhancedProps extends PageFeaturesProps {
 }
 declare const PageFeaturesEnhanced: React$1.FC<PageFeaturesEnhancedProps>;
 //#endregion
-export { PageFeaturesEnhanced, PageFeaturesEnhancedProps };
+export { PageFeaturesEnhanced, PageFeaturesEnhancedProps };
+//# sourceMappingURL=PageFeaturesEnhanced.d.ts.map

package/dist/LandingPage/PageFeaturesEnhanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFeaturesEnhanced.d.ts","names":[],"sources":["../../src/LandingPage/PageFeaturesEnhanced.tsx"],"sourcesContent":[],"mappings":";;;;;UAyBiB,yBAAA,SAAkC;YACvC;AADZ;AA4Da,cAAA,oBAA+B,EAAT,OAAA,CAAM,EAAG,CAAA,yBAAH,CAAE"}

package/dist/LandingPage/PageFeaturesEnhanced.js

@@ -147,4 +147,5 @@ const PageFeaturesEnhanced = ({ eyebrow, title, desc, cta, maxCols, features, fe
 };
 
 //#endregion
-export { PageFeaturesEnhanced };
+export { PageFeaturesEnhanced };
+//# sourceMappingURL=PageFeaturesEnhanced.js.map

package/dist/LandingPage/PageFeaturesEnhanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFeaturesEnhanced.js","names":["PageFeaturesEnhanced: React.FC<PageFeaturesEnhancedProps>","testId","desc"],"sources":["../../src/LandingPage/PageFeaturesEnhanced.tsx"],"sourcesContent":["import {\n  Box,\n  Column,\n  ColumnProps,\n  FlexBox,\n  LayoutGrid,\n} from '@codecademy/gamut';\nimport { Background, ColorMode } from '@codecademy/gamut-styles';\nimport * as React from 'react';\nimport { ReactNode } from 'react';\n\nimport { CTA } from './CTA';\nimport { Description } from './Description';\nimport {\n  FeaturedDescription,\n  FeaturedIcon,\n  FeaturedImage,\n  FeaturedStat,\n  FeaturedTitle,\n} from './Feature';\nimport { PageFeaturesProps } from './PageFeatures';\nimport { Eyebrow } from './PageSingleFeature';\nimport { Title } from './Title';\nimport { TitleWithEyebrow } from './TitleWithEyebrow';\n\nexport interface PageFeaturesEnhancedProps extends PageFeaturesProps {\n  eyebrow?: Eyebrow;\n}\n\nconst rowRenderEach = (\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  return (\n    <FlexBox\n      flexDirection={{ _: 'column', sm: 'row' }}\n      as=\"ul\"\n      pl={0}\n      mb={0}\n      gap={{ sm: 32 }}\n    >\n      {items.map((item) => (\n        <FlexBox as=\"li\" key={item.title} flex={1}>\n          {itemRenderer(item)}\n        </FlexBox>\n      ))}\n    </FlexBox>\n  );\n};\n\nconst gridRenderEach = (\n  maxCols: NonNullable<PageFeaturesProps['maxCols']>,\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  const size = {\n    _: 12,\n    xs: 12 / (maxCols / 2),\n    lg: 12 / maxCols,\n  } as ColumnProps['size'];\n  return (\n    <LayoutGrid gap={32} as=\"ul\" pl={0} mb={0}>\n      {items.map((item) => (\n        <Column key={item.title} size={size} as=\"li\">\n          {itemRenderer(item)}\n        </Column>\n      ))}\n    </LayoutGrid>\n  );\n};\n\nconst renderEach = (\n  maxCols: PageFeaturesProps['maxCols'],\n  items: PageFeaturesProps['features'],\n  itemRenderer: (item: PageFeaturesProps['features'][0]) => ReactNode\n): ReactNode => {\n  if (maxCols === undefined) {\n    return rowRenderEach(items, itemRenderer);\n  }\n  if (maxCols > 0 && maxCols <= 4) {\n    return gridRenderEach(maxCols, items, itemRenderer);\n  }\n  return null;\n};\n\nexport const PageFeaturesEnhanced: React.FC<PageFeaturesEnhancedProps> = ({\n  eyebrow,\n  title,\n  desc,\n  cta,\n  maxCols,\n  features,\n  featuresMedia,\n  testId,\n  onAnchorClick,\n}) => {\n  return (\n    <div data-testid={testId}>\n      {title && (\n        <FlexBox justifyContent=\"center\" textAlign=\"center\" mb={8}>\n          {eyebrow ? (\n            <TitleWithEyebrow\n              title={title}\n              eyebrow={eyebrow}\n              isPageHeading={false}\n              titleStyle={{ fontWeight: 700, fontSize: { _: 44, sm: 44 } }}\n              eyebrowStyle={{\n                fontWeight: 'lighter',\n                fontSize: { _: 16, sm: 16 },\n              }}\n            />\n          ) : (\n            <Title isPageHeading={false}>{title}</Title>\n          )}\n        </FlexBox>\n      )}\n      {desc && (\n        <FlexBox justifyContent=\"center\" textAlign=\"center\">\n          <Description text={desc} onAnchorClick={onAnchorClick} />\n        </FlexBox>\n      )}\n      {cta && (\n        <Box mt={32}>\n          <CTA\n            href={cta.href}\n            onClick={cta.onClick}\n            buttonType={cta.buttonType}\n          >\n            {cta.text}\n          </CTA>\n        </Box>\n      )}\n      <ColorMode mode=\"dark\">\n        <Box mt={16}>\n          {renderEach(\n            maxCols,\n            features,\n            ({ testId, imgSrc, imgAlt, statText, title: featTitle, desc }) => (\n              <Background\n                bg=\"white-300\"\n                borderRadius=\"lg\"\n                py={24}\n                px={16}\n                color=\"white\"\n                data-testid={testId}\n              >\n                {featuresMedia === 'image' && imgSrc && (\n                  <FeaturedImage src={imgSrc} alt={imgAlt ?? ''} />\n                )}\n                {featuresMedia === 'icon' && imgSrc && (\n                  <FeaturedIcon\n                    src={imgSrc}\n                    alt={imgAlt ?? ''}\n                    props={{ mb: 16, width: '48px', height: '48px' }}\n                  />\n                )}\n                {featuresMedia === 'stat' && (\n                  <FeaturedStat>{statText}</FeaturedStat>\n                )}\n                {featTitle && (\n                  <FeaturedTitle\n                    as={desc ? (title ? 'h3' : 'h2') : 'div'}\n                    props={{ fontSize: { _: 20, lg: 20 }, mb: 16 }}\n                  >\n                    {featTitle}\n                  </FeaturedTitle>\n                )}\n                {desc && (\n                  <FeaturedDescription\n                    desc={desc}\n                    onAnchorClick={onAnchorClick}\n                  />\n                )}\n              </Background>\n            )\n          )}\n        </Box>\n      </ColorMode>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA6BA,MAAM,iBACJ,OACA,iBACc;AACd,QACE,oBAAC;EACC,eAAe;GAAE,GAAG;GAAU,IAAI;GAAO;EACzC,IAAG;EACH,IAAI;EACJ,IAAI;EACJ,KAAK,EAAE,IAAI,IAAI;YAEd,MAAM,KAAK,SACV,oBAAC;GAAQ,IAAG;GAAsB,MAAM;aACrC,aAAa,KAAK;KADC,KAAK,MAEjB,CACV;GACM;;AAId,MAAM,kBACJ,SACA,OACA,iBACc;CACd,MAAM,OAAO;EACX,GAAG;EACH,IAAI,MAAM,UAAU;EACpB,IAAI,KAAK;EACV;AACD,QACE,oBAAC;EAAW,KAAK;EAAI,IAAG;EAAK,IAAI;EAAG,IAAI;YACrC,MAAM,KAAK,SACV,oBAAC;GAA8B;GAAM,IAAG;aACrC,aAAa,KAAK;KADR,KAAK,MAET,CACT;GACS;;AAIjB,MAAM,cACJ,SACA,OACA,iBACc;AACd,KAAI,YAAY,OACd,QAAO,cAAc,OAAO,aAAa;AAE3C,KAAI,UAAU,KAAK,WAAW,EAC5B,QAAO,eAAe,SAAS,OAAO,aAAa;AAErD,QAAO;;AAGT,MAAaA,wBAA6D,EACxE,SACA,OACA,MACA,KACA,SACA,UACA,eACA,QACA,oBACI;AACJ,QACE,qBAAC;EAAI,eAAa;;GACf,SACC,oBAAC;IAAQ,gBAAe;IAAS,WAAU;IAAS,IAAI;cACrD,UACC,oBAAC;KACQ;KACE;KACT,eAAe;KACf,YAAY;MAAE,YAAY;MAAK,UAAU;OAAE,GAAG;OAAI,IAAI;OAAI;MAAE;KAC5D,cAAc;MACZ,YAAY;MACZ,UAAU;OAAE,GAAG;OAAI,IAAI;OAAI;MAC5B;MACD,GAEF,oBAAC;KAAM,eAAe;eAAQ;MAAc;KAEtC;GAEX,QACC,oBAAC;IAAQ,gBAAe;IAAS,WAAU;cACzC,oBAAC;KAAY,MAAM;KAAqB;MAAiB;KACjD;GAEX,OACC,oBAAC;IAAI,IAAI;cACP,oBAAC;KACC,MAAM,IAAI;KACV,SAAS,IAAI;KACb,YAAY,IAAI;eAEf,IAAI;MACD;KACF;GAER,oBAAC;IAAU,MAAK;cACd,oBAAC;KAAI,IAAI;eACN,WACC,SACA,WACC,EAAE,kBAAQ,QAAQ,QAAQ,UAAU,OAAO,WAAW,mBACrD,qBAAC;MACC,IAAG;MACH,cAAa;MACb,IAAI;MACJ,IAAI;MACJ,OAAM;MACN,eAAaC;;OAEZ,kBAAkB,WAAW,UAC5B,oBAAC;QAAc,KAAK;QAAQ,KAAK,UAAU;SAAM;OAElD,kBAAkB,UAAU,UAC3B,oBAAC;QACC,KAAK;QACL,KAAK,UAAU;QACf,OAAO;SAAE,IAAI;SAAI,OAAO;SAAQ,QAAQ;SAAQ;SAChD;OAEH,kBAAkB,UACjB,oBAAC,0BAAc,WAAwB;OAExC,aACC,oBAAC;QACC,IAAIC,SAAQ,QAAQ,OAAO,OAAQ;QACnC,OAAO;SAAE,UAAU;UAAE,GAAG;UAAI,IAAI;UAAI;SAAE,IAAI;SAAI;kBAE7C;SACa;OAEjBA,UACC,oBAAC;QACC,MAAMA;QACS;SACf;;OAEO,CAEhB;MACG;KACI;;GACR"}

package/dist/LandingPage/PageFeaturesWithReferences.d.ts

@@ -20,4 +20,5 @@ interface PageFeaturesWithReferencesProps extends LandingPageBaseProps, WithChil
 }
 declare const PageFeaturesWithReferences: React$1.FC<PageFeaturesWithReferencesProps>;
 //#endregion
-export { PageFeaturesWithReferences, PageFeaturesWithReferencesProps };
+export { PageFeaturesWithReferences, PageFeaturesWithReferencesProps };
+//# sourceMappingURL=PageFeaturesWithReferences.d.ts.map