@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","FlexBox","MiniChevronLeftIcon","MiniChevronRightIcon","CheckerDense","breakpoints","isPropValid","styled","Splide","SplideSlide","UnstyledSplideSlide","SplideTrack","UnstyledSplideTrack","React","useEffect","useMemo","useRef","useState","ArrowButton","CarouselWrapper","shouldForwardProp","props","patternedBackground","noShrink","defaultOptions","gap","perPage","pagination","keyboard","slideFocus","arrows","perMove","padding","parseInt","md","StyledBox","PatternedContainer","as","children","bottomPadding","leftPadding","overflowAuto","position","py","px","borderRadius","overflow","top","bottom","left","width","zIndex","columnGap","overflowX","pt","pb","pl","xl","m","Carousel","items","onArrowClick","options","optionsProp","showArrowDisplay","arrowPosition","title","variant","ref","index","setIndex","lastIndex","setLastIndex","current","splide","length","arrowDisplay","onClickForward","target","go","onClickBack","determineLastIndex","isCatalogHubVariant","CarouselContent","onMove","onUpdated","onMounted","autoplay","Components","Autoplay","play","hasTrack","map","item","key","shouldDisplayArrow","displayProps","_","xs","sm","lg","Object","keys","forEach","screensize","display","pr","disabled","icon","mr","onClick","tip","tipProps","placement","justifyContent","alignItems"],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":["// eslint-disable-next-line gamut/no-css-standalone\nimport '@splidejs/splide/dist/css/splide.min.css';\n\nimport { Box, BoxProps, FlexBox } from '@codecademy/gamut';\nimport {\n  MiniChevronLeftIcon,\n  MiniChevronRightIcon,\n} from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { breakpoints } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\nimport isPropValid from '@emotion/is-prop-valid';\nimport styled from '@emotion/styled';\nimport {\n  Options,\n  Splide,\n  SplideSlide as UnstyledSplideSlide,\n  SplideTrack as UnstyledSplideTrack,\n} from '@splidejs/react-splide';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ArrowButton } from './elements';\n\ntype Breakpoint = keyof typeof breakpoints;\n\ntype CarouselProps = {\n  items: React.JSX.Element[];\n  onArrowClick?: (props: UserClickData) => void;\n  options?: Options;\n  patternedBackground?: boolean;\n  leftPadding?: boolean;\n  showArrowDisplay?: Record<Breakpoint, boolean> | ((count: number) => boolean);\n  arrowPosition?: 'top' | 'bottom';\n  title?: React.JSX.Element;\n  variant?: 'catalog_home' | 'catalog_hub';\n};\n\nconst CarouselWrapper = styled(Box)`\n  transform: translateX(-1rem);\n  width: calc(100% + 2rem);\n`;\n\nconst SplideTrack = styled(UnstyledSplideTrack, {\n  shouldForwardProp: isPropValid,\n})`\n  padding-top: ${(props: { patternedBackground?: boolean }) =>\n    props.patternedBackground ? '1rem' : '0'};\n  padding-bottom: ${(props: { patternedBackground?: boolean }) =>\n    props.patternedBackground ? '2rem' : '0'};\n`;\n\nconst SplideSlide = styled(UnstyledSplideSlide, {\n  shouldForwardProp: isPropValid,\n})`\n  display: flex;\n  flex-shrink: ${(props: { noShrink?: boolean }) =>\n    props.noShrink ? 'initial' : 0};\n`;\n\nconst defaultOptions = {\n  gap: '2rem',\n  perPage: 3,\n  pagination: false,\n  keyboard: false,\n  slideFocus: false,\n  arrows: false,\n  perMove: 2,\n  padding: '1rem',\n  breakpoints: {\n    [parseInt(breakpoints.md, 10)]: {\n      perPage: 2,\n      perMove: 1,\n    },\n  },\n};\n\nconst StyledBox = styled(FlexBox)`\n  list-style-type: none;\n`;\n\nexport const PatternedContainer: React.FC<\n  React.PropsWithChildren<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    as?: React.ElementType<any>;\n    bottomPadding?: boolean;\n    leftPadding?: boolean;\n    overflowAuto?: boolean;\n  }>\n> = ({ as, children, bottomPadding, leftPadding, overflowAuto }) => {\n  return (\n    <Box position=\"relative\" py={24} px={8}>\n      <Box\n        borderRadius=\"lg\"\n        overflow=\"hidden\"\n        position=\"absolute\"\n        top={0}\n        bottom={0}\n        left={0}\n        width=\"100%\"\n        zIndex={0}\n      >\n        <CheckerDense />\n      </Box>\n      <StyledBox\n        as={as}\n        columnGap={64}\n        position=\"relative\"\n        overflowX={overflowAuto ? 'auto' : 'hidden'}\n        pt={16}\n        pb={bottomPadding ? 24 : 0}\n        pl={{ xl: leftPadding ? 16 : 0 }}\n        m={0}\n        zIndex={1}\n      >\n        {children}\n      </StyledBox>\n    </Box>\n  );\n};\n\nexport const Carousel: React.FC<CarouselProps> = ({\n  items,\n  leftPadding = false,\n  onArrowClick,\n  options: optionsProp = {},\n  patternedBackground = false,\n  showArrowDisplay,\n  arrowPosition = 'top',\n  title,\n  variant = 'catalog_home',\n}) => {\n  const ref = useRef<Splide | null>(null);\n  const [index, setIndex] = useState(0);\n  const [lastIndex, setLastIndex] = useState<number | null>();\n\n  // required in the case where items conditionally update (i.e. loading cards to actual cards)\n  useEffect(() => {\n    if (ref.current?.splide?.options.perPage) {\n      setLastIndex(items.length - ref.current.splide.options.perPage);\n    } else {\n      setLastIndex(items.length);\n    }\n  }, [items, ref.current?.splide?.options.perPage]);\n\n  const options = useMemo(() => {\n    return {\n      ...defaultOptions,\n      ...optionsProp,\n    };\n  }, [optionsProp]);\n\n  const arrowDisplay: BoxProps['display'] = useMemo(() => {\n    switch (items.length) {\n      case 1:\n      case 2:\n        return 'none';\n      default:\n        return 'flex';\n    }\n  }, [items]);\n\n  const onClickForward = () => {\n    onArrowClick?.({ target: 'forward_arrow' });\n    ref.current?.go('>');\n  };\n  const onClickBack = () => {\n    onArrowClick?.({ target: 'backward_arrow' });\n    ref.current?.go('<');\n  };\n  const determineLastIndex = (perPage: number) => {\n    setLastIndex(items.length - perPage);\n  };\n\n  const isCatalogHubVariant = variant === 'catalog_hub';\n\n  const CarouselContent = (\n    <Splide\n      onMove={({ index }) => setIndex(index)}\n      onUpdated={(splide) => {\n        if (splide.options.perPage) determineLastIndex(splide.options.perPage);\n      }}\n      onMounted={(splide) => {\n        if (splide.options.perPage) determineLastIndex(splide.options.perPage);\n        if (splide.options.autoplay) {\n          splide.Components.Autoplay.play();\n        }\n      }}\n      hasTrack={false}\n      ref={ref}\n      options={{ ...options }}\n    >\n      <SplideTrack patternedBackground={patternedBackground}>\n        {items.map((item, index) => (\n          <SplideSlide\n            noShrink={items.length === 1 && options.perPage !== 1}\n            // index should be ok since order should not change\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n          >\n            {item}\n          </SplideSlide>\n        ))}\n      </SplideTrack>\n    </Splide>\n  );\n\n  const shouldDisplayArrow = (\n    showArrowDisplay?: CarouselProps['showArrowDisplay']\n  ) => {\n    if (showArrowDisplay) {\n      if (typeof showArrowDisplay === 'function') {\n        return showArrowDisplay(items.length) ? 'flex' : 'none';\n      }\n      const displayProps = { _: '', xs: '', sm: '', md: '', lg: '', xl: '' };\n      Object.keys(displayProps).forEach((screensize: Breakpoint) => {\n        displayProps[screensize] =\n          isCatalogHubVariant || showArrowDisplay?.[screensize]\n            ? 'flex'\n            : arrowDisplay;\n      });\n      return displayProps;\n    }\n\n    return isCatalogHubVariant ? 'flex' : arrowDisplay;\n  };\n\n  const arrows = (\n    <Box display={shouldDisplayArrow(showArrowDisplay)} pr={0}>\n      <ArrowButton\n        disabled={index === 0}\n        icon={MiniChevronLeftIcon}\n        mr={8}\n        onClick={onClickBack}\n        px={4}\n        tip=\"Scroll backward\"\n        tipProps={{ placement: 'floating' }}\n      />\n      <ArrowButton\n        disabled={index === lastIndex}\n        icon={MiniChevronRightIcon}\n        onClick={onClickForward}\n        px={4}\n        tip=\"Scroll forward\"\n        tipProps={{ placement: 'floating' }}\n      />\n    </Box>\n  );\n\n  return (\n    <>\n      <FlexBox\n        justifyContent={{\n          _: title ? 'space-between' : isCatalogHubVariant ? 'start' : 'end',\n          md: title ? 'space-between' : 'end',\n        }}\n        pb={8}\n        alignItems=\"baseline\"\n      >\n        {title ? (\n          <FlexBox pb={patternedBackground ? 8 : 0}>{title}</FlexBox>\n        ) : null}\n        {arrowPosition === 'top' ? arrows : null}\n      </FlexBox>\n      {patternedBackground ? (\n        <PatternedContainer leftPadding={leftPadding}>\n          <CarouselWrapper>{CarouselContent}</CarouselWrapper>\n        </PatternedContainer>\n      ) : (\n        <CarouselWrapper>{CarouselContent}</CarouselWrapper>\n      )}\n      {arrowPosition === 'bottom' ? (\n        <FlexBox justifyContent=\"flex-end\" pt={8}>\n          {arrows}\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/CertificationPathCard/index.cjs

@@ -0,0 +1,39 @@
+const require_shared = require('../ContentGroupBaseCard/shared.cjs');
+const require_index = require('../ContentGroupBaseCard/index.cjs');
+let react = require("react");
+
+//#region src/CertificationPathCard/index.tsx
+const CertificationPathCard = /*#__PURE__*/ (0, react.forwardRef)(({ title, courseCount, enrollmentStatus, shortDescription, difficulty, certificationProvider, headingLevel, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /*#__PURE__*/ React.createElement(require_index.ContentGroupBaseCard, {
+		headerBackgroundColor: "orange-100",
+		headerText: "Certification path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: courseCount,
+		shadow: "outline",
+		enrollmentStatus,
+		timeToComplete,
+		brandDetails: {
+			name: certificationProvider?.name || "",
+			logoUrl: certificationProvider?.logoUrl || "",
+			logoHeight: {
+				AWS: 28,
+				Microsoft: 20,
+				HRCI: 28,
+				"Red Hat": 20
+			}[certificationProvider?.name || ""] || 24
+		},
+		header,
+		footer,
+		openInNewTab,
+		href,
+		onClick,
+		ref
+	}, /*#__PURE__*/ React.createElement(require_shared.CourseCountComponent, { count: courseCount }));
+});
+
+//#endregion
+exports.CertificationPathCard = CertificationPathCard;
+//# sourceMappingURL=index.cjs.map

package/dist/CertificationPathCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","ContentGroupBaseCard","CourseCountComponent","CertificationPathCard","title","courseCount","enrollmentStatus","shortDescription","difficulty","certificationProvider","headingLevel","timeToComplete","header","footer","openInNewTab","href","onClick","ref","logoWidthOverrides","AWS","Microsoft","HRCI","headerBackgroundColor","headerText","description","numLessons","shadow","brandDetails","name","logoUrl","logoHeight","count"],"sources":["../../src/CertificationPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { CourseCountComponent } from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\ninterface CertificationProviderDetails {\n  name: string;\n  logoUrl: string;\n}\n\nexport interface CertificationPathCardProps {\n  title: string;\n  courseCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  certificationProvider?: CertificationProviderDetails | null;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n}\n\nexport const CertificationPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CertificationPathCardProps>\n>(\n  (\n    {\n      title,\n      courseCount,\n      enrollmentStatus,\n      shortDescription,\n      difficulty,\n      certificationProvider,\n      headingLevel,\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const logoWidthOverrides: Record<string, number> = {\n      AWS: 28,\n      Microsoft: 20,\n      HRCI: 28,\n      'Red Hat': 20,\n    };\n\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"orange-100\"\n        headerText=\"Certification path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={courseCount}\n        shadow=\"outline\"\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        brandDetails={{\n          name: certificationProvider?.name || '',\n          logoUrl: certificationProvider?.logoUrl || '',\n          logoHeight:\n            logoWidthOverrides[certificationProvider?.name || ''] || 24,\n        }}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;AA+BA,MAAaG,wBAAwBH,qCAKjC,EACEI,OACAC,aACAC,kBACAC,kBACAC,YACAC,uBACAC,cACAC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;CASA,OACE,oBAAA,cAAChB,oCAAAA;EACCqB,uBAAsB;EACtBC,YAAW;EACJnB;EACOM;EACdc,aAAajB;EACDC;EACZiB,YAAYpB;EACZqB,QAAO;EACWpB;EACFK;EAChBgB,cAAc;GACZC,MAAMnB,uBAAuBmB,QAAQ;GACrCC,SAASpB,uBAAuBoB,WAAW;GAC3CC,YACEZ;IAtBNC,KAAK;IACLC,WAAW;IACXC,MAAM;IACN,WAAW;GAmBLH,EAAmBT,uBAAuBmB,QAAQ,OAAO;EAC7D;EACQhB;EACAC;EACMC;EACRC;EACGC;EACJC;IAEL,oBAAA,cAACf,qCAAAA,EAAqB6B,OAAO1B;AAGnC,CAAA"}

package/dist/CertificationPathCard/index.d.cts

@@ -0,0 +1,27 @@
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
+import { HeadingTags } from "@codecademy/gamut";
+
+//#region src/CertificationPathCard/index.d.ts
+interface CertificationProviderDetails {
+  name: string;
+  logoUrl: string;
+}
+interface CertificationPathCardProps {
+  title: string;
+  courseCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  certificationProvider?: CertificationProviderDetails | null;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
+}
+declare const CertificationPathCard: import("react").ForwardRefExoticComponent<CertificationPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CertificationPathCard, CertificationPathCardProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/CertificationPathCard/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CertificationPathCard/index.tsx"],"mappings":";;;;UAUU,4BAAA;EACR,IAAA;EACA,OAAO;AAAA;AAAA,UAGQ,0BAAA;EACf,KAAA;EACA,WAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,qBAAA,GAAwB,4BAAA;EACxB,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,qBAAA,kBAAqB,yBAAA,CAAA,0BAAA,mBAAA,aAAA,CAAA,iBAAA"}

package/dist/CertificationPathCard/index.d.ts

@@ -1,23 +1,27 @@
-import { HeadingTags } from '@codecademy/gamut';
-import { CourseDifficulty, EnrollmentStatus } from '../ContentGroupBaseCard/types';
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
+import { HeadingTags } from "@codecademy/gamut";
+
+//#region src/CertificationPathCard/index.d.ts
 interface CertificationProviderDetails {
-    name: string;
-    logoUrl: string;
+  name: string;
+  logoUrl: string;
 }
-export interface CertificationPathCardProps {
-    title: string;
-    courseCount: number;
-    enrollmentStatus: EnrollmentStatus;
-    shortDescription?: string | null;
-    difficulty?: CourseDifficulty | null;
-    certificationProvider?: CertificationProviderDetails | null;
-    headingLevel?: HeadingTags;
-    timeToComplete?: number | null;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    openInNewTab?: boolean;
-    href: string;
-    onClick: () => void;
+interface CertificationPathCardProps {
+  title: string;
+  courseCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  certificationProvider?: CertificationProviderDetails | null;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
 }
-export declare const CertificationPathCard: import("react").ForwardRefExoticComponent<CertificationPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
+declare const CertificationPathCard: import("react").ForwardRefExoticComponent<CertificationPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CertificationPathCard, CertificationPathCardProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/CertificationPathCard/index.tsx"],"mappings":";;;;UAUU,4BAAA;EACR,IAAA;EACA,OAAA;AAAA;AAAA,UAGe,0BAAA;EACf,KAAA;EACA,WAAA;EACA,gBAAA,EAAkB,gBAAA;EAClB,gBAAA;EACA,UAAA,GAAa,gBAAA;EACb,qBAAA,GAAwB,4BAAA;EACxB,YAAA,GAAe,WAAA;EACf,cAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,YAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGW,qBAAA,kBAAqB,yBAAA,CAAA,0BAAA,mBAAA,aAAA,CAAA,iBAAA"}

package/dist/CertificationPathCard/index.js

@@ -1,52 +1,39 @@
-import { forwardRef } from 'react';
-import { ContentGroupBaseCard } from '../ContentGroupBaseCard';
-import { CourseCountComponent } from '../ContentGroupBaseCard/shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const CertificationPathCard = /*#__PURE__*/forwardRef(({
-  title,
-  courseCount,
-  enrollmentStatus,
-  shortDescription,
-  difficulty,
-  certificationProvider,
-  headingLevel,
-  timeToComplete,
-  header,
-  footer,
-  openInNewTab = false,
-  href,
-  onClick
-}, ref) => {
-  const logoWidthOverrides = {
-    AWS: 28,
-    Microsoft: 20,
-    HRCI: 28,
-    'Red Hat': 20
-  };
-  return /*#__PURE__*/_jsx(ContentGroupBaseCard, {
-    headerBackgroundColor: "orange-100",
-    headerText: "Certification path",
-    title: title,
-    headingLevel: headingLevel,
-    description: shortDescription,
-    difficulty: difficulty,
-    numLessons: courseCount,
-    shadow: "outline",
-    enrollmentStatus: enrollmentStatus,
-    timeToComplete: timeToComplete,
-    brandDetails: {
-      name: certificationProvider?.name || '',
-      logoUrl: certificationProvider?.logoUrl || '',
-      logoHeight: logoWidthOverrides[certificationProvider?.name || ''] || 24
-    },
-    header: header,
-    footer: footer,
-    openInNewTab: openInNewTab,
-    href: href,
-    onClick: onClick,
-    ref: ref,
-    children: /*#__PURE__*/_jsx(CourseCountComponent, {
-      count: courseCount
-    })
-  });
-});
+import { CourseCountComponent } from "../ContentGroupBaseCard/shared.js";
+import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.js";
+import { forwardRef } from "react";
+
+//#region src/CertificationPathCard/index.tsx
+const CertificationPathCard = /*#__PURE__*/ forwardRef(({ title, courseCount, enrollmentStatus, shortDescription, difficulty, certificationProvider, headingLevel, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /*#__PURE__*/ React.createElement(ContentGroupBaseCard, {
+		headerBackgroundColor: "orange-100",
+		headerText: "Certification path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: courseCount,
+		shadow: "outline",
+		enrollmentStatus,
+		timeToComplete,
+		brandDetails: {
+			name: certificationProvider?.name || "",
+			logoUrl: certificationProvider?.logoUrl || "",
+			logoHeight: {
+				AWS: 28,
+				Microsoft: 20,
+				HRCI: 28,
+				"Red Hat": 20
+			}[certificationProvider?.name || ""] || 24
+		},
+		header,
+		footer,
+		openInNewTab,
+		href,
+		onClick,
+		ref
+	}, /*#__PURE__*/ React.createElement(CourseCountComponent, { count: courseCount }));
+});
+
+//#endregion
+export { CertificationPathCard };
+//# sourceMappingURL=index.js.map

package/dist/CertificationPathCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["forwardRef","ContentGroupBaseCard","CourseCountComponent","CertificationPathCard","title","courseCount","enrollmentStatus","shortDescription","difficulty","certificationProvider","headingLevel","timeToComplete","header","footer","openInNewTab","href","onClick","ref","logoWidthOverrides","AWS","Microsoft","HRCI","headerBackgroundColor","headerText","description","numLessons","shadow","brandDetails","name","logoUrl","logoHeight","count"],"sources":["../../src/CertificationPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { CourseCountComponent } from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\ninterface CertificationProviderDetails {\n  name: string;\n  logoUrl: string;\n}\n\nexport interface CertificationPathCardProps {\n  title: string;\n  courseCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  certificationProvider?: CertificationProviderDetails | null;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n}\n\nexport const CertificationPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<CertificationPathCardProps>\n>(\n  (\n    {\n      title,\n      courseCount,\n      enrollmentStatus,\n      shortDescription,\n      difficulty,\n      certificationProvider,\n      headingLevel,\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    const logoWidthOverrides: Record<string, number> = {\n      AWS: 28,\n      Microsoft: 20,\n      HRCI: 28,\n      'Red Hat': 20,\n    };\n\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"orange-100\"\n        headerText=\"Certification path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={courseCount}\n        shadow=\"outline\"\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        brandDetails={{\n          name: certificationProvider?.name || '',\n          logoUrl: certificationProvider?.logoUrl || '',\n          logoHeight:\n            logoWidthOverrides[certificationProvider?.name || ''] || 24,\n        }}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;AA+BA,MAAaG,wBAAwBH,0BAKjC,EACEI,OACAC,aACAC,kBACAC,kBACAC,YACAC,uBACAC,cACAC,gBACAC,QACAC,QACAC,eAAe,OACfC,MACAC,WAEFC,QAAAA;CASA,OACE,oBAAA,cAAChB,sBAAAA;EACCqB,uBAAsB;EACtBC,YAAW;EACJnB;EACOM;EACdc,aAAajB;EACDC;EACZiB,YAAYpB;EACZqB,QAAO;EACWpB;EACFK;EAChBgB,cAAc;GACZC,MAAMnB,uBAAuBmB,QAAQ;GACrCC,SAASpB,uBAAuBoB,WAAW;GAC3CC,YACEZ;IAtBNC,KAAK;IACLC,WAAW;IACXC,MAAM;IACN,WAAW;GAmBLH,EAAmBT,uBAAuBmB,QAAQ,OAAO;EAC7D;EACQhB;EACAC;EACMC;EACRC;EACGC;EACJC;IAEL,oBAAA,cAACf,sBAAAA,EAAqB6B,OAAO1B;AAGnC,CAAA"}

package/dist/Coaching/coachingOfferingIcons.cjs

@@ -0,0 +1,13 @@
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+
+//#region src/Coaching/coachingOfferingIcons.tsx
+const COACHING_OFFERING_ICONS = {
+	career: _codecademy_gamut_icons.ProgrammingTeamChatIcon,
+	technical: _codecademy_gamut_icons.HammerWrenchIcon,
+	behavioral: _codecademy_gamut_icons.QuizIcon,
+	tutoring: _codecademy_gamut_icons.BookBookmarkIcon
+};
+
+//#endregion
+exports.COACHING_OFFERING_ICONS = COACHING_OFFERING_ICONS;
+//# sourceMappingURL=coachingOfferingIcons.cjs.map

package/dist/Coaching/coachingOfferingIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferingIcons.cjs","names":["BookBookmarkIcon","HammerWrenchIcon","ProgrammingTeamChatIcon","QuizIcon","COACHING_OFFERING_ICONS","career","technical","behavioral","tutoring"],"sources":["../../src/Coaching/coachingOfferingIcons.tsx"],"sourcesContent":["import {\n  BookBookmarkIcon,\n  type GamutIconProps,\n  HammerWrenchIcon,\n  ProgrammingTeamChatIcon,\n  QuizIcon,\n} from '@codecademy/gamut-icons';\nimport type React from 'react';\n\nimport type { CoachingOfferingIcon } from './coachingOfferings';\n\nexport const COACHING_OFFERING_ICONS: Record<\n  CoachingOfferingIcon,\n  React.ComponentType<GamutIconProps>\n> = {\n  career: ProgrammingTeamChatIcon,\n  technical: HammerWrenchIcon,\n  behavioral: QuizIcon,\n  tutoring: BookBookmarkIcon,\n};\n"],"mappings":";;;AAWA,MAAaI,0BAGT;CACFC,QAAQH;CACRI,WAAWL;CACXM,YAAYJ;CACZK,UAAUR;AACZ"}

package/dist/Coaching/coachingOfferingIcons.d.cts

@@ -0,0 +1,9 @@
+import { CoachingOfferingIcon } from "./coachingOfferings.cjs";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+import React from "react";
+
+//#region src/Coaching/coachingOfferingIcons.d.ts
+declare const COACHING_OFFERING_ICONS: Record<CoachingOfferingIcon, React.ComponentType<GamutIconProps>>;
+//#endregion
+export { COACHING_OFFERING_ICONS };
+//# sourceMappingURL=coachingOfferingIcons.d.cts.map

package/dist/Coaching/coachingOfferingIcons.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferingIcons.d.cts","names":[],"sources":["../../src/Coaching/coachingOfferingIcons.tsx"],"mappings":";;;;;cAWa,uBAAA,EAAyB,MAAA,CACpC,oBAAA,EACA,KAAA,CAAM,aAAA,CAAc,cAAA"}

package/dist/Coaching/coachingOfferingIcons.d.ts

@@ -1,4 +1,9 @@
-import { type GamutIconProps } from '@codecademy/gamut-icons';
-import type React from 'react';
-import type { CoachingOfferingIcon } from './coachingOfferings';
-export declare const COACHING_OFFERING_ICONS: Record<CoachingOfferingIcon, React.ComponentType<GamutIconProps>>;
+import { CoachingOfferingIcon } from "./coachingOfferings.js";
+import React from "react";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+
+//#region src/Coaching/coachingOfferingIcons.d.ts
+declare const COACHING_OFFERING_ICONS: Record<CoachingOfferingIcon, React.ComponentType<GamutIconProps>>;
+//#endregion
+export { COACHING_OFFERING_ICONS };
+//# sourceMappingURL=coachingOfferingIcons.d.ts.map

package/dist/Coaching/coachingOfferingIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferingIcons.d.ts","names":[],"sources":["../../src/Coaching/coachingOfferingIcons.tsx"],"mappings":";;;;;cAWa,uBAAA,EAAyB,MAAA,CACpC,oBAAA,EACA,KAAA,CAAM,aAAA,CAAc,cAAA"}

package/dist/Coaching/coachingOfferingIcons.js

@@ -1,7 +1,13 @@
-import { BookBookmarkIcon, HammerWrenchIcon, ProgrammingTeamChatIcon, QuizIcon } from '@codecademy/gamut-icons';
-export const COACHING_OFFERING_ICONS = {
-  career: ProgrammingTeamChatIcon,
-  technical: HammerWrenchIcon,
-  behavioral: QuizIcon,
-  tutoring: BookBookmarkIcon
-};
+import { BookBookmarkIcon, HammerWrenchIcon, ProgrammingTeamChatIcon, QuizIcon } from "@codecademy/gamut-icons";
+
+//#region src/Coaching/coachingOfferingIcons.tsx
+const COACHING_OFFERING_ICONS = {
+	career: ProgrammingTeamChatIcon,
+	technical: HammerWrenchIcon,
+	behavioral: QuizIcon,
+	tutoring: BookBookmarkIcon
+};
+
+//#endregion
+export { COACHING_OFFERING_ICONS };
+//# sourceMappingURL=coachingOfferingIcons.js.map

package/dist/Coaching/coachingOfferingIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferingIcons.js","names":["BookBookmarkIcon","HammerWrenchIcon","ProgrammingTeamChatIcon","QuizIcon","COACHING_OFFERING_ICONS","career","technical","behavioral","tutoring"],"sources":["../../src/Coaching/coachingOfferingIcons.tsx"],"sourcesContent":["import {\n  BookBookmarkIcon,\n  type GamutIconProps,\n  HammerWrenchIcon,\n  ProgrammingTeamChatIcon,\n  QuizIcon,\n} from '@codecademy/gamut-icons';\nimport type React from 'react';\n\nimport type { CoachingOfferingIcon } from './coachingOfferings';\n\nexport const COACHING_OFFERING_ICONS: Record<\n  CoachingOfferingIcon,\n  React.ComponentType<GamutIconProps>\n> = {\n  career: ProgrammingTeamChatIcon,\n  technical: HammerWrenchIcon,\n  behavioral: QuizIcon,\n  tutoring: BookBookmarkIcon,\n};\n"],"mappings":";;;AAWA,MAAaI,0BAGT;CACFC,QAAQH;CACRI,WAAWL;CACXM,YAAYJ;CACZK,UAAUR;AACZ"}

package/dist/Coaching/coachingOfferings.cjs

@@ -0,0 +1,44 @@
+
+//#region src/Coaching/coachingOfferings.ts
+const COACHING_OFFERINGS = [
+	{
+		title: "Career guidance and mentorship",
+		icon: "career",
+		bullets: [
+			"Clarify your career goals with a dedicated coach.",
+			"Portfolio and resume reviews.",
+			"Explore growth opportunities with guidance tailored to where you are."
+		]
+	},
+	{
+		title: "Technical mock interview",
+		icon: "technical",
+		bullets: [
+			"Practice coding and system design questions.",
+			"Personalized feedback on your problem-solving approach and delivery.",
+			"Build confidence for your next technical interview."
+		]
+	},
+	{
+		title: "Behavioral mock interview",
+		icon: "behavioral",
+		bullets: [
+			"Practice with an expert coach until you are interview-ready.",
+			"Learn to structure answers and tell your story authentically.",
+			"Personalized feedback to sharpen your delivery."
+		]
+	},
+	{
+		title: "Tutoring",
+		icon: "tutoring",
+		bullets: [
+			"1-on-1 guidance on new or existing technical skills with experts in your target field.",
+			"Complex concepts broken down at your pace.",
+			"Hands-on practice with real-time support."
+		]
+	}
+];
+
+//#endregion
+exports.COACHING_OFFERINGS = COACHING_OFFERINGS;
+//# sourceMappingURL=coachingOfferings.cjs.map

package/dist/Coaching/coachingOfferings.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferings.cjs","names":["COACHING_OFFERINGS","title","icon","bullets"],"sources":["../../src/Coaching/coachingOfferings.ts"],"sourcesContent":["export const COACHING_OFFERINGS = [\n  {\n    title: 'Career guidance and mentorship',\n    icon: 'career',\n    bullets: [\n      'Clarify your career goals with a dedicated coach.',\n      'Portfolio and resume reviews.',\n      'Explore growth opportunities with guidance tailored to where you are.',\n    ],\n  },\n  {\n    title: 'Technical mock interview',\n    icon: 'technical',\n    bullets: [\n      'Practice coding and system design questions.',\n      'Personalized feedback on your problem-solving approach and delivery.',\n      'Build confidence for your next technical interview.',\n    ],\n  },\n  {\n    title: 'Behavioral mock interview',\n    icon: 'behavioral',\n    bullets: [\n      'Practice with an expert coach until you are interview-ready.',\n      'Learn to structure answers and tell your story authentically.',\n      'Personalized feedback to sharpen your delivery.',\n    ],\n  },\n  {\n    title: 'Tutoring',\n    icon: 'tutoring',\n    bullets: [\n      '1-on-1 guidance on new or existing technical skills with experts in your target field.',\n      'Complex concepts broken down at your pace.',\n      'Hands-on practice with real-time support.',\n    ],\n  },\n] as const;\n\nexport type CoachingOfferingIcon = (typeof COACHING_OFFERINGS)[number]['icon'];\n"],"mappings":";;AAAA,MAAaA,qBAAqB;CAChC;EACEC,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ"}

package/dist/Coaching/coachingOfferings.d.cts

@@ -0,0 +1,22 @@
+//#region src/Coaching/coachingOfferings.d.ts
+declare const COACHING_OFFERINGS: readonly [{
+  readonly title: "Career guidance and mentorship";
+  readonly icon: "career";
+  readonly bullets: readonly ["Clarify your career goals with a dedicated coach.", "Portfolio and resume reviews.", "Explore growth opportunities with guidance tailored to where you are."];
+}, {
+  readonly title: "Technical mock interview";
+  readonly icon: "technical";
+  readonly bullets: readonly ["Practice coding and system design questions.", "Personalized feedback on your problem-solving approach and delivery.", "Build confidence for your next technical interview."];
+}, {
+  readonly title: "Behavioral mock interview";
+  readonly icon: "behavioral";
+  readonly bullets: readonly ["Practice with an expert coach until you are interview-ready.", "Learn to structure answers and tell your story authentically.", "Personalized feedback to sharpen your delivery."];
+}, {
+  readonly title: "Tutoring";
+  readonly icon: "tutoring";
+  readonly bullets: readonly ["1-on-1 guidance on new or existing technical skills with experts in your target field.", "Complex concepts broken down at your pace.", "Hands-on practice with real-time support."];
+}];
+type CoachingOfferingIcon = (typeof COACHING_OFFERINGS)[number]['icon'];
+//#endregion
+export { COACHING_OFFERINGS, CoachingOfferingIcon };
+//# sourceMappingURL=coachingOfferings.d.cts.map

package/dist/Coaching/coachingOfferings.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferings.d.cts","names":[],"sources":["../../src/Coaching/coachingOfferings.ts"],"mappings":";cAAa,kBAAA;EAAA;;;;;;;;;;;;;;;;KAuCD,oBAAA,WAA+B,kBAAkB"}

package/dist/Coaching/coachingOfferings.d.ts

@@ -1,18 +1,22 @@
-export declare const COACHING_OFFERINGS: readonly [{
-    readonly title: "Career guidance and mentorship";
-    readonly icon: "career";
-    readonly bullets: readonly ["Clarify your career goals with a dedicated coach.", "Portfolio and resume reviews.", "Explore growth opportunities with guidance tailored to where you are."];
+//#region src/Coaching/coachingOfferings.d.ts
+declare const COACHING_OFFERINGS: readonly [{
+  readonly title: "Career guidance and mentorship";
+  readonly icon: "career";
+  readonly bullets: readonly ["Clarify your career goals with a dedicated coach.", "Portfolio and resume reviews.", "Explore growth opportunities with guidance tailored to where you are."];
 }, {
-    readonly title: "Technical mock interview";
-    readonly icon: "technical";
-    readonly bullets: readonly ["Practice coding and system design questions.", "Personalized feedback on your problem-solving approach and delivery.", "Build confidence for your next technical interview."];
+  readonly title: "Technical mock interview";
+  readonly icon: "technical";
+  readonly bullets: readonly ["Practice coding and system design questions.", "Personalized feedback on your problem-solving approach and delivery.", "Build confidence for your next technical interview."];
 }, {
-    readonly title: "Behavioral mock interview";
-    readonly icon: "behavioral";
-    readonly bullets: readonly ["Practice with an expert coach until you are interview-ready.", "Learn to structure answers and tell your story authentically.", "Personalized feedback to sharpen your delivery."];
+  readonly title: "Behavioral mock interview";
+  readonly icon: "behavioral";
+  readonly bullets: readonly ["Practice with an expert coach until you are interview-ready.", "Learn to structure answers and tell your story authentically.", "Personalized feedback to sharpen your delivery."];
 }, {
-    readonly title: "Tutoring";
-    readonly icon: "tutoring";
-    readonly bullets: readonly ["1-on-1 guidance on new or existing technical skills with experts in your target field.", "Complex concepts broken down at your pace.", "Hands-on practice with real-time support."];
+  readonly title: "Tutoring";
+  readonly icon: "tutoring";
+  readonly bullets: readonly ["1-on-1 guidance on new or existing technical skills with experts in your target field.", "Complex concepts broken down at your pace.", "Hands-on practice with real-time support."];
 }];
-export type CoachingOfferingIcon = (typeof COACHING_OFFERINGS)[number]['icon'];
+type CoachingOfferingIcon = (typeof COACHING_OFFERINGS)[number]['icon'];
+//#endregion
+export { COACHING_OFFERINGS, CoachingOfferingIcon };
+//# sourceMappingURL=coachingOfferings.d.ts.map

package/dist/Coaching/coachingOfferings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferings.d.ts","names":[],"sources":["../../src/Coaching/coachingOfferings.ts"],"mappings":";cAAa,kBAAA;EAAA;;;;;;;;;;;;;;;;KAuCD,oBAAA,WAA+B,kBAAA"}

package/dist/Coaching/coachingOfferings.js

@@ -1,17 +1,43 @@
-export const COACHING_OFFERINGS = [{
-  title: 'Career guidance and mentorship',
-  icon: 'career',
-  bullets: ['Clarify your career goals with a dedicated coach.', 'Portfolio and resume reviews.', 'Explore growth opportunities with guidance tailored to where you are.']
-}, {
-  title: 'Technical mock interview',
-  icon: 'technical',
-  bullets: ['Practice coding and system design questions.', 'Personalized feedback on your problem-solving approach and delivery.', 'Build confidence for your next technical interview.']
-}, {
-  title: 'Behavioral mock interview',
-  icon: 'behavioral',
-  bullets: ['Practice with an expert coach until you are interview-ready.', 'Learn to structure answers and tell your story authentically.', 'Personalized feedback to sharpen your delivery.']
-}, {
-  title: 'Tutoring',
-  icon: 'tutoring',
-  bullets: ['1-on-1 guidance on new or existing technical skills with experts in your target field.', 'Complex concepts broken down at your pace.', 'Hands-on practice with real-time support.']
-}];
+//#region src/Coaching/coachingOfferings.ts
+const COACHING_OFFERINGS = [
+	{
+		title: "Career guidance and mentorship",
+		icon: "career",
+		bullets: [
+			"Clarify your career goals with a dedicated coach.",
+			"Portfolio and resume reviews.",
+			"Explore growth opportunities with guidance tailored to where you are."
+		]
+	},
+	{
+		title: "Technical mock interview",
+		icon: "technical",
+		bullets: [
+			"Practice coding and system design questions.",
+			"Personalized feedback on your problem-solving approach and delivery.",
+			"Build confidence for your next technical interview."
+		]
+	},
+	{
+		title: "Behavioral mock interview",
+		icon: "behavioral",
+		bullets: [
+			"Practice with an expert coach until you are interview-ready.",
+			"Learn to structure answers and tell your story authentically.",
+			"Personalized feedback to sharpen your delivery."
+		]
+	},
+	{
+		title: "Tutoring",
+		icon: "tutoring",
+		bullets: [
+			"1-on-1 guidance on new or existing technical skills with experts in your target field.",
+			"Complex concepts broken down at your pace.",
+			"Hands-on practice with real-time support."
+		]
+	}
+];
+
+//#endregion
+export { COACHING_OFFERINGS };
+//# sourceMappingURL=coachingOfferings.js.map

package/dist/Coaching/coachingOfferings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachingOfferings.js","names":["COACHING_OFFERINGS","title","icon","bullets"],"sources":["../../src/Coaching/coachingOfferings.ts"],"sourcesContent":["export const COACHING_OFFERINGS = [\n  {\n    title: 'Career guidance and mentorship',\n    icon: 'career',\n    bullets: [\n      'Clarify your career goals with a dedicated coach.',\n      'Portfolio and resume reviews.',\n      'Explore growth opportunities with guidance tailored to where you are.',\n    ],\n  },\n  {\n    title: 'Technical mock interview',\n    icon: 'technical',\n    bullets: [\n      'Practice coding and system design questions.',\n      'Personalized feedback on your problem-solving approach and delivery.',\n      'Build confidence for your next technical interview.',\n    ],\n  },\n  {\n    title: 'Behavioral mock interview',\n    icon: 'behavioral',\n    bullets: [\n      'Practice with an expert coach until you are interview-ready.',\n      'Learn to structure answers and tell your story authentically.',\n      'Personalized feedback to sharpen your delivery.',\n    ],\n  },\n  {\n    title: 'Tutoring',\n    icon: 'tutoring',\n    bullets: [\n      '1-on-1 guidance on new or existing technical skills with experts in your target field.',\n      'Complex concepts broken down at your pace.',\n      'Hands-on practice with real-time support.',\n    ],\n  },\n] as const;\n\nexport type CoachingOfferingIcon = (typeof COACHING_OFFERINGS)[number]['icon'];\n"],"mappings":";AAAA,MAAaA,qBAAqB;CAChC;EACEC,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ;CACA;EACEF,OAAO;EACPC,MAAM;EACNC,SAAS;GACP;GACA;GACA;;CAEJ"}

package/dist/Coaching/index.cjs

@@ -0,0 +1,2 @@
+const require_coachingOfferings = require('./coachingOfferings.cjs');
+const require_coachingOfferingIcons = require('./coachingOfferingIcons.cjs');

package/dist/Coaching/index.d.cts

@@ -0,0 +1,2 @@
+import { COACHING_OFFERINGS, CoachingOfferingIcon } from "./coachingOfferings.cjs";
+import { COACHING_OFFERING_ICONS } from "./coachingOfferingIcons.cjs";

package/dist/Coaching/index.d.ts

@@ -1,2 +1,2 @@
-export * from './coachingOfferings';
-export * from './coachingOfferingIcons';
+import { COACHING_OFFERINGS, CoachingOfferingIcon } from "./coachingOfferings.js";
+import { COACHING_OFFERING_ICONS } from "./coachingOfferingIcons.js";

package/dist/Coaching/index.js

@@ -1,2 +1,2 @@
-export * from './coachingOfferings';
-export * from './coachingOfferingIcons';
+import { COACHING_OFFERINGS } from "./coachingOfferings.js";
+import { COACHING_OFFERING_ICONS } from "./coachingOfferingIcons.js";

package/dist/CoachingSessionCard/index.cjs

@@ -0,0 +1,53 @@
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let date_fns_tz = require("date-fns-tz");
+
+//#region src/CoachingSessionCard/index.tsx
+const formatTime = (timeString, format) => {
+	return (0, date_fns_tz.formatInTimeZone)(new Date(timeString), Intl.DateTimeFormat().resolvedOptions().timeZone, format);
+};
+const CoachingSessionCard = ({ session, ctas }) => /*#__PURE__*/ React.createElement(_codecademy_gamut.Card, {
+	borderRadius: "xl",
+	p: 32,
+	height: "auto"
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, { column: true }, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, { mb: 12 }, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, { fontWeight: "bold" }, session.coachOfferingCategoryName), " ", "coaching session with", " ", /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, { fontWeight: "bold" }, session.participantName)), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+	alignItems: "center",
+	gap: 16,
+	mb: 24
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.CalendarIcon, { size: 16 }), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	variant: "p-small",
+	color: "text-secondary"
+}, new Date(session.startTime).toLocaleDateString(void 0, {
+	weekday: "long",
+	month: "long",
+	day: "numeric",
+	year: "numeric"
+}))), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut_icons.ClockIcon, { size: 16 }), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	variant: "p-small",
+	color: "text-secondary"
+}, `${formatTime(session.startTime, "h:mm aa")} - ${formatTime(session.endTime, "h:mm aa z")}`)), session.status && /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	variant: "p-small",
+	fontWeight: "bold"
+}, "Status: ", session.status)), /*#__PURE__*/ React.createElement(_codecademy_gamut.FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, ctas?.map((cta) => {
+	const Button = cta.buttonType === "fill" ? _codecademy_gamut.FillButton : cta.buttonType === "stroke" ? _codecademy_gamut.StrokeButton : _codecademy_gamut.TextButton;
+	return /*#__PURE__*/ React.createElement(Button, {
+		href: cta.href,
+		key: cta.text,
+		onClick: cta.onClick,
+		disabled: cta.disabled,
+		variant: cta.variant
+	}, cta.text);
+}))));
+
+//#endregion
+exports.CoachingSessionCard = CoachingSessionCard;
+//# sourceMappingURL=index.cjs.map