@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/Carousel/index.mjs

@@ -1,190 +0,0 @@
-import { ArrowButton } from "./elements.mjs";
-import { Box, FlexBox } from "@codecademy/gamut";
-import { breakpoints } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { MiniChevronLeftIcon, MiniChevronRightIcon } from "@codecademy/gamut-icons";
-import { CheckerDense } from "@codecademy/gamut-patterns";
-import "@splidejs/splide/dist/css/splide.min.css";
-import isPropValid from "@emotion/is-prop-valid";
-import { Splide, SplideSlide, SplideTrack } from "@splidejs/react-splide";
-
-//#region src/Carousel/index.tsx
-const CarouselWrapper = styled(Box)`
-  transform: translateX(-1rem);
-  width: calc(100% + 2rem);
-`;
-const SplideTrack$1 = styled(SplideTrack, { shouldForwardProp: isPropValid })`
-  padding-top: ${(props) => props.patternedBackground ? "1rem" : "0"};
-  padding-bottom: ${(props) => props.patternedBackground ? "2rem" : "0"};
-`;
-const SplideSlide$1 = styled(SplideSlide, { shouldForwardProp: isPropValid })`
-  display: flex;
-  flex-shrink: ${(props) => props.noShrink ? "initial" : 0};
-`;
-const defaultOptions = {
-	gap: "2rem",
-	perPage: 3,
-	pagination: false,
-	keyboard: false,
-	slideFocus: false,
-	arrows: false,
-	perMove: 2,
-	padding: "1rem",
-	breakpoints: { [parseInt(breakpoints.md, 10)]: {
-		perPage: 2,
-		perMove: 1
-	} }
-};
-const StyledBox = styled(FlexBox)`
-  list-style-type: none;
-`;
-const PatternedContainer = ({ as, children, bottomPadding, leftPadding, overflowAuto }) => {
-	return /* @__PURE__ */ jsxs(Box, {
-		position: "relative",
-		py: 24,
-		px: 8,
-		children: [/* @__PURE__ */ jsx(Box, {
-			borderRadius: "lg",
-			overflow: "hidden",
-			position: "absolute",
-			top: 0,
-			bottom: 0,
-			left: 0,
-			width: "100%",
-			zIndex: 0,
-			children: /* @__PURE__ */ jsx(CheckerDense, {})
-		}), /* @__PURE__ */ jsx(StyledBox, {
-			as,
-			columnGap: 64,
-			position: "relative",
-			overflowX: overflowAuto ? "auto" : "hidden",
-			pt: 16,
-			pb: bottomPadding ? 24 : 0,
-			pl: { xl: leftPadding ? 16 : 0 },
-			m: 0,
-			zIndex: 1,
-			children
-		})]
-	});
-};
-const Carousel = ({ items, leftPadding = false, onArrowClick, options: optionsProp = {}, patternedBackground = false, showArrowDisplay, arrowPosition = "top", title, variant: variant$1 = "catalog_home" }) => {
-	const ref = useRef(null);
-	const [index, setIndex] = useState(0);
-	const [lastIndex, setLastIndex] = useState();
-	useEffect(() => {
-		if (ref.current?.splide?.options.perPage) setLastIndex(items.length - ref.current.splide.options.perPage);
-		else setLastIndex(items.length);
-	}, [items, ref.current?.splide?.options.perPage]);
-	const options = useMemo(() => {
-		return {
-			...defaultOptions,
-			...optionsProp
-		};
-	}, [optionsProp]);
-	const arrowDisplay = useMemo(() => {
-		switch (items.length) {
-			case 1:
-			case 2: return "none";
-			default: return "flex";
-		}
-	}, [items]);
-	const onClickForward = () => {
-		onArrowClick?.({ target: "forward_arrow" });
-		ref.current?.go(">");
-	};
-	const onClickBack = () => {
-		onArrowClick?.({ target: "backward_arrow" });
-		ref.current?.go("<");
-	};
-	const determineLastIndex = (perPage) => {
-		setLastIndex(items.length - perPage);
-	};
-	const isCatalogHubVariant = variant$1 === "catalog_hub";
-	const CarouselContent = /* @__PURE__ */ jsx(Splide, {
-		onMove: ({ index: index$1 }) => setIndex(index$1),
-		onUpdated: (splide) => {
-			if (splide.options.perPage) determineLastIndex(splide.options.perPage);
-		},
-		onMounted: (splide) => {
-			if (splide.options.perPage) determineLastIndex(splide.options.perPage);
-			if (splide.options.autoplay) splide.Components.Autoplay.play();
-		},
-		hasTrack: false,
-		ref,
-		options: { ...options },
-		children: /* @__PURE__ */ jsx(SplideTrack$1, {
-			patternedBackground,
-			children: items.map((item, index$1) => /* @__PURE__ */ jsx(SplideSlide$1, {
-				noShrink: items.length === 1 && options.perPage !== 1,
-				children: item
-			}, index$1))
-		})
-	});
-	const shouldDisplayArrow = (showArrowDisplay$1) => {
-		if (showArrowDisplay$1) {
-			if (typeof showArrowDisplay$1 === "function") return showArrowDisplay$1(items.length) ? "flex" : "none";
-			const displayProps = {
-				_: "",
-				xs: "",
-				sm: "",
-				md: "",
-				lg: "",
-				xl: ""
-			};
-			Object.keys(displayProps).forEach((screensize) => {
-				displayProps[screensize] = isCatalogHubVariant || showArrowDisplay$1?.[screensize] ? "flex" : arrowDisplay;
-			});
-			return displayProps;
-		}
-		return isCatalogHubVariant ? "flex" : arrowDisplay;
-	};
-	const arrows = /* @__PURE__ */ jsxs(Box, {
-		display: shouldDisplayArrow(showArrowDisplay),
-		pr: 0,
-		children: [/* @__PURE__ */ jsx(ArrowButton, {
-			disabled: index === 0,
-			icon: MiniChevronLeftIcon,
-			mr: 8,
-			onClick: onClickBack,
-			px: 4,
-			tip: "Scroll backward",
-			tipProps: { placement: "floating" }
-		}), /* @__PURE__ */ jsx(ArrowButton, {
-			disabled: index === lastIndex,
-			icon: MiniChevronRightIcon,
-			onClick: onClickForward,
-			px: 4,
-			tip: "Scroll forward",
-			tipProps: { placement: "floating" }
-		})]
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs(FlexBox, {
-			justifyContent: {
-				_: title ? "space-between" : isCatalogHubVariant ? "start" : "end",
-				md: title ? "space-between" : "end"
-			},
-			pb: 8,
-			alignItems: "baseline",
-			children: [title ? /* @__PURE__ */ jsx(FlexBox, {
-				pb: patternedBackground ? 8 : 0,
-				children: title
-			}) : null, arrowPosition === "top" ? arrows : null]
-		}),
-		patternedBackground ? /* @__PURE__ */ jsx(PatternedContainer, {
-			leftPadding,
-			children: /* @__PURE__ */ jsx(CarouselWrapper, { children: CarouselContent })
-		}) : /* @__PURE__ */ jsx(CarouselWrapper, { children: CarouselContent }),
-		arrowPosition === "bottom" ? /* @__PURE__ */ jsx(FlexBox, {
-			justifyContent: "flex-end",
-			pt: 8,
-			children: arrows
-		}) : null
-	] });
-};
-
-//#endregion
-export { Carousel, PatternedContainer };
-//# sourceMappingURL=index.mjs.map

package/dist/Carousel/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["SplideTrack","UnstyledSplideTrack","SplideSlide","UnstyledSplideSlide","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>","Carousel: React.FC<CarouselProps>","arrowDisplay: BoxProps['display']","variant","index","showArrowDisplay"],"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: 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?: 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

@@ -1,42 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_shared = require('../ContentGroupBaseCard/shared.cjs');
-const require_index = require('../ContentGroupBaseCard/index.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/CertificationPathCard/index.tsx
-const CertificationPathCard = (0, react.forwardRef)(({ title, courseCount, enrollmentStatus, shortDescription, difficulty, certificationProvider, headingLevel, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CourseCountComponent, { count: courseCount })
-	});
-});
-
-//#endregion
-exports.CertificationPathCard = CertificationPathCard;
-//# sourceMappingURL=index.cjs.map

package/dist/CertificationPathCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["ContentGroupBaseCard","CourseCountComponent"],"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,MAAa,+CAKT,EACE,OACA,aACA,kBACA,kBACA,YACA,uBACA,cACA,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AAQH,QACE,2CAACA;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACW;EACF;EAChB,cAAc;GACZ,MAAM,uBAAuB,QAAQ;GACrC,SAAS,uBAAuB,WAAW;GAC3C,YAtB6C;IACjD,KAAK;IACL,WAAW;IACX,MAAM;IACN,WAAW;IACZ,CAkB0B,uBAAuB,QAAQ,OAAO;GAC5D;EACO;EACA;EACM;EACR;EACG;EACJ;YAEL,2CAACC,uCAAqB,OAAO,cAAe;GACvB;EAG5B"}

package/dist/CertificationPathCard/index.d.cts

@@ -1,28 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as react11 from "react";
-
-//#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: react11.ForwardRefExoticComponent<CertificationPathCardProps & react11.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { CertificationPathCard, CertificationPathCardProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CertificationPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAUU,4BAAA;;;AAF6B;AAOtB,UAAA,0BAAA,CAA0B;EAGvB,KAAA,EAAA,MAAA;EAEL,WAAA,EAAA,MAAA;EACW,gBAAA,EAHN,gBAGM;EACT,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEN,UAAM,CAAA,EAJF,gBAIE,GAAA,IAAA;EACN,qBAAM,CAAA,EAJS,4BAIT,GAAA,IAAA;EAAS,YAAA,CAAA,EAHT,WAGS;EAMb,cAAA,CAAA,EAAA,MAAA,GA0DZ,IAAA;EA1DiC,MAAA,CAAA,EAPvB,KAAA,CAAM,SAOiB;EAAA,MAAA,CAAA,EANvB,KAAA,CAAM,SAMiB;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;;cAArB,uBAAqB,OAAA,CAAA,0BAAA,6BAAA,OAAA,CAAA,cAAA"}

package/dist/CertificationPathCard/index.d.mts

@@ -1,28 +0,0 @@
-import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.mjs";
-import { HeadingTags } from "@codecademy/gamut";
-import * as react11 from "react";
-
-//#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: react11.ForwardRefExoticComponent<CertificationPathCardProps & react11.RefAttributes<HTMLAnchorElement>>;
-//#endregion
-export { CertificationPathCard, CertificationPathCardProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/CertificationPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAUU,4BAAA;;;AAF6B;AAOtB,UAAA,0BAAA,CAA0B;EAGvB,KAAA,EAAA,MAAA;EAEL,WAAA,EAAA,MAAA;EACW,gBAAA,EAHN,gBAGM;EACT,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEN,UAAM,CAAA,EAJF,gBAIE,GAAA,IAAA;EACN,qBAAM,CAAA,EAJS,4BAIT,GAAA,IAAA;EAAS,YAAA,CAAA,EAHT,WAGS;EAMb,cAAA,CAAA,EAAA,MAAA,GA0DZ,IAAA;EA1DiC,MAAA,CAAA,EAPvB,KAAA,CAAM,SAOiB;EAAA,MAAA,CAAA,EANvB,KAAA,CAAM,SAMiB;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;;cAArB,uBAAqB,OAAA,CAAA,0BAAA,6BAAA,OAAA,CAAA,cAAA"}

package/dist/CertificationPathCard/index.mjs

@@ -1,41 +0,0 @@
-import { CourseCountComponent } from "../ContentGroupBaseCard/shared.mjs";
-import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.mjs";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/CertificationPathCard/index.tsx
-const CertificationPathCard = forwardRef(({ title, courseCount, enrollmentStatus, shortDescription, difficulty, certificationProvider, headingLevel, timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
-	return /* @__PURE__ */ jsx(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,
-		children: /* @__PURE__ */ jsx(CourseCountComponent, { count: courseCount })
-	});
-});
-
-//#endregion
-export { CertificationPathCard };
-//# sourceMappingURL=index.mjs.map

package/dist/CertificationPathCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"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,MAAa,wBAAwB,YAKjC,EACE,OACA,aACA,kBACA,kBACA,YACA,uBACA,cACA,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AAQH,QACE,oBAAC;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACW;EACF;EAChB,cAAc;GACZ,MAAM,uBAAuB,QAAQ;GACrC,SAAS,uBAAuB,WAAW;GAC3C,YAtB6C;IACjD,KAAK;IACL,WAAW;IACX,MAAM;IACN,WAAW;IACZ,CAkB0B,uBAAuB,QAAQ,OAAO;GAC5D;EACO;EACA;EACM;EACR;EACG;EACJ;YAEL,oBAAC,wBAAqB,OAAO,cAAe;GACvB;EAG5B"}

package/dist/CoachingSessionCard/index.cjs

@@ -1,88 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Card, {
-	borderRadius: "xl",
-	p: 32,
-	height: "auto",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		column: true,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-				mb: 12,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						fontWeight: "bold",
-						children: session.coachOfferingCategoryName
-					}),
-					" ",
-					"coaching session with",
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						fontWeight: "bold",
-						children: session.participantName
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 16,
-				mb: 24,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						alignItems: "center",
-						gap: 8,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.CalendarIcon, { size: 16 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							color: "text-secondary",
-							children: new Date(session.startTime).toLocaleDateString(void 0, {
-								weekday: "long",
-								month: "long",
-								day: "numeric",
-								year: "numeric"
-							})
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-						alignItems: "center",
-						gap: 8,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ClockIcon, { size: 16 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-							variant: "p-small",
-							color: "text-secondary",
-							children: `${formatTime(session.startTime, "h:mm aa")} - ${formatTime(session.endTime, "h:mm aa z")}`
-						})]
-					}),
-					session.status && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Text, {
-						variant: "p-small",
-						fontWeight: "bold",
-						children: ["Status: ", session.status]
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 8,
-				children: ctas?.map((cta) => {
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(cta.buttonType === "fill" ? _codecademy_gamut.FillButton : cta.buttonType === "stroke" ? _codecademy_gamut.StrokeButton : _codecademy_gamut.TextButton, {
-						href: cta.href,
-						onClick: cta.onClick,
-						disabled: cta.disabled,
-						variant: cta.variant,
-						children: cta.text
-					}, cta.text);
-				})
-			})
-		]
-	})
-});
-
-//#endregion
-exports.CoachingSessionCard = CoachingSessionCard;
-//# sourceMappingURL=index.cjs.map

package/dist/CoachingSessionCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["CoachingSessionCard: React.FC<CoachingSessionCardProps>","Card","FlexBox","Text","CalendarIcon","ClockIcon","FillButton","StrokeButton","TextButton"],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FillButton,\n  FlexBox,\n  StrokeButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nconst formatTime = (timeString: string, format: string) => {\n  return formatInTimeZone(\n    new Date(timeString),\n    Intl.DateTimeFormat().resolvedOptions().timeZone,\n    format\n  );\n};\n\nexport interface CoachingSessionCardProps {\n  session: {\n    id: string;\n    startTime: string;\n    endTime: string;\n    coachOfferingCategoryName: string;\n    participantName?: string | null;\n    zoomJoinUrl?: string | null;\n    rescheduleUrl?: string | null;\n    status?: string | null;\n  };\n  ctas?: {\n    text: string;\n    href?: string;\n    onClick?: () => void;\n    buttonType?: 'fill' | 'stroke' | 'text';\n    disabled?: boolean;\n    variant?: 'primary' | 'secondary' | 'danger';\n  }[];\n}\n\nexport const CoachingSessionCard: React.FC<CoachingSessionCardProps> = ({\n  session,\n  ctas,\n}) => (\n  <Card borderRadius=\"xl\" p={32} height=\"auto\">\n    <FlexBox column>\n      <Text mb={12}>\n        <Text fontWeight=\"bold\">{session.coachOfferingCategoryName}</Text>{' '}\n        coaching session with{' '}\n        <Text fontWeight=\"bold\">{session.participantName}</Text>\n      </Text>\n      <FlexBox alignItems=\"center\" gap={16} mb={24}>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <CalendarIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {new Date(session.startTime).toLocaleDateString(undefined, {\n              weekday: 'long',\n              month: 'long',\n              day: 'numeric',\n              year: 'numeric',\n            })}\n          </Text>\n        </FlexBox>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <ClockIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {`${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(\n              session.endTime,\n              'h:mm aa z'\n            )}`}\n          </Text>\n        </FlexBox>\n        {session.status && (\n          <Text variant=\"p-small\" fontWeight=\"bold\">\n            Status: {session.status}\n          </Text>\n        )}\n      </FlexBox>\n      <FlexBox alignItems=\"center\" gap={8}>\n        {ctas?.map((cta) => {\n          const Button =\n            cta.buttonType === 'fill'\n              ? FillButton\n              : cta.buttonType === 'stroke'\n              ? StrokeButton\n              : TextButton;\n          return (\n            <Button\n              href={cta.href}\n              key={cta.text}\n              onClick={cta.onClick}\n              disabled={cta.disabled}\n              variant={cta.variant}\n            >\n              {cta.text}\n            </Button>\n          );\n        })}\n      </FlexBox>\n    </FlexBox>\n  </Card>\n);\n"],"mappings":";;;;;;;AAWA,MAAM,cAAc,YAAoB,WAAmB;AACzD,0CACE,IAAI,KAAK,WAAW,EACpB,KAAK,gBAAgB,CAAC,iBAAiB,CAAC,UACxC,OACD;;AAwBH,MAAaA,uBAA2D,EACtE,SACA,WAEA,2CAACC;CAAK,cAAa;CAAK,GAAG;CAAI,QAAO;WACpC,4CAACC;EAAQ;;GACP,4CAACC;IAAK,IAAI;;KACR,2CAACA;MAAK,YAAW;gBAAQ,QAAQ;OAAiC;KAAC;KAAI;KACjD;KACtB,2CAACA;MAAK,YAAW;gBAAQ,QAAQ;OAAuB;;KACnD;GACP,4CAACD;IAAQ,YAAW;IAAS,KAAK;IAAI,IAAI;;KACxC,4CAACA;MAAQ,YAAW;MAAS,KAAK;iBAChC,2CAACE,wCAAa,MAAM,KAAM,EAC1B,2CAACD;OAAK,SAAQ;OAAU,OAAM;iBAC3B,IAAI,KAAK,QAAQ,UAAU,CAAC,mBAAmB,QAAW;QACzD,SAAS;QACT,OAAO;QACP,KAAK;QACL,MAAM;QACP,CAAC;QACG;OACC;KACV,4CAACD;MAAQ,YAAW;MAAS,KAAK;iBAChC,2CAACG,qCAAU,MAAM,KAAM,EACvB,2CAACF;OAAK,SAAQ;OAAU,OAAM;iBAC3B,GAAG,WAAW,QAAQ,WAAW,UAAU,CAAC,KAAK,WAChD,QAAQ,SACR,YACD;QACI;OACC;KACT,QAAQ,UACP,4CAACA;MAAK,SAAQ;MAAU,YAAW;iBAAO,YAC/B,QAAQ;OACZ;;KAED;GACV,2CAACD;IAAQ,YAAW;IAAS,KAAK;cAC/B,MAAM,KAAK,QAAQ;AAOlB,YACE,2CANA,IAAI,eAAe,SACfI,+BACA,IAAI,eAAe,WACnBC,iCACAC;MAGF,MAAM,IAAI;MAEV,SAAS,IAAI;MACb,UAAU,IAAI;MACd,SAAS,IAAI;gBAEZ,IAAI;QALA,IAAI,KAMF;MAEX;KACM;;GACF;EACL"}

package/dist/CoachingSessionCard/index.d.cts

@@ -1,25 +0,0 @@
-//#region src/CoachingSessionCard/index.d.ts
-interface CoachingSessionCardProps {
-  session: {
-    id: string;
-    startTime: string;
-    endTime: string;
-    coachOfferingCategoryName: string;
-    participantName?: string | null;
-    zoomJoinUrl?: string | null;
-    rescheduleUrl?: string | null;
-    status?: string | null;
-  };
-  ctas?: {
-    text: string;
-    href?: string;
-    onClick?: () => void;
-    buttonType?: 'fill' | 'stroke' | 'text';
-    disabled?: boolean;
-    variant?: 'primary' | 'secondary' | 'danger';
-  }[];
-}
-declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
-//#endregion
-export { CoachingSessionCard, CoachingSessionCardProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":[],"mappings":";UAmBiB,wBAAA;EAAA,OAAA,EAAA;IAqBJ,EAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;cAAA,qBAAqB,KAAA,CAAM,GAAG"}

package/dist/CoachingSessionCard/index.d.mts

@@ -1,25 +0,0 @@
-//#region src/CoachingSessionCard/index.d.ts
-interface CoachingSessionCardProps {
-  session: {
-    id: string;
-    startTime: string;
-    endTime: string;
-    coachOfferingCategoryName: string;
-    participantName?: string | null;
-    zoomJoinUrl?: string | null;
-    rescheduleUrl?: string | null;
-    status?: string | null;
-  };
-  ctas?: {
-    text: string;
-    href?: string;
-    onClick?: () => void;
-    buttonType?: 'fill' | 'stroke' | 'text';
-    disabled?: boolean;
-    variant?: 'primary' | 'secondary' | 'danger';
-  }[];
-}
-declare const CoachingSessionCard: React.FC<CoachingSessionCardProps>;
-//#endregion
-export { CoachingSessionCard, CoachingSessionCardProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/CoachingSessionCard/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":[],"mappings":";UAmBiB,wBAAA;EAAA,OAAA,EAAA;IAqBJ,EAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;cAAA,qBAAqB,KAAA,CAAM,GAAG"}

package/dist/CoachingSessionCard/index.mjs

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

package/dist/CoachingSessionCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CoachingSessionCard: React.FC<CoachingSessionCardProps>"],"sources":["../../src/CoachingSessionCard/index.tsx"],"sourcesContent":["import {\n  Card,\n  FillButton,\n  FlexBox,\n  StrokeButton,\n  Text,\n  TextButton,\n} from '@codecademy/gamut';\nimport { CalendarIcon, ClockIcon } from '@codecademy/gamut-icons';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nconst formatTime = (timeString: string, format: string) => {\n  return formatInTimeZone(\n    new Date(timeString),\n    Intl.DateTimeFormat().resolvedOptions().timeZone,\n    format\n  );\n};\n\nexport interface CoachingSessionCardProps {\n  session: {\n    id: string;\n    startTime: string;\n    endTime: string;\n    coachOfferingCategoryName: string;\n    participantName?: string | null;\n    zoomJoinUrl?: string | null;\n    rescheduleUrl?: string | null;\n    status?: string | null;\n  };\n  ctas?: {\n    text: string;\n    href?: string;\n    onClick?: () => void;\n    buttonType?: 'fill' | 'stroke' | 'text';\n    disabled?: boolean;\n    variant?: 'primary' | 'secondary' | 'danger';\n  }[];\n}\n\nexport const CoachingSessionCard: React.FC<CoachingSessionCardProps> = ({\n  session,\n  ctas,\n}) => (\n  <Card borderRadius=\"xl\" p={32} height=\"auto\">\n    <FlexBox column>\n      <Text mb={12}>\n        <Text fontWeight=\"bold\">{session.coachOfferingCategoryName}</Text>{' '}\n        coaching session with{' '}\n        <Text fontWeight=\"bold\">{session.participantName}</Text>\n      </Text>\n      <FlexBox alignItems=\"center\" gap={16} mb={24}>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <CalendarIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {new Date(session.startTime).toLocaleDateString(undefined, {\n              weekday: 'long',\n              month: 'long',\n              day: 'numeric',\n              year: 'numeric',\n            })}\n          </Text>\n        </FlexBox>\n        <FlexBox alignItems=\"center\" gap={8}>\n          <ClockIcon size={16} />\n          <Text variant=\"p-small\" color=\"text-secondary\">\n            {`${formatTime(session.startTime, 'h:mm aa')} - ${formatTime(\n              session.endTime,\n              'h:mm aa z'\n            )}`}\n          </Text>\n        </FlexBox>\n        {session.status && (\n          <Text variant=\"p-small\" fontWeight=\"bold\">\n            Status: {session.status}\n          </Text>\n        )}\n      </FlexBox>\n      <FlexBox alignItems=\"center\" gap={8}>\n        {ctas?.map((cta) => {\n          const Button =\n            cta.buttonType === 'fill'\n              ? FillButton\n              : cta.buttonType === 'stroke'\n              ? StrokeButton\n              : TextButton;\n          return (\n            <Button\n              href={cta.href}\n              key={cta.text}\n              onClick={cta.onClick}\n              disabled={cta.disabled}\n              variant={cta.variant}\n            >\n              {cta.text}\n            </Button>\n          );\n        })}\n      </FlexBox>\n    </FlexBox>\n  </Card>\n);\n"],"mappings":";;;;;;AAWA,MAAM,cAAc,YAAoB,WAAmB;AACzD,QAAO,iBACL,IAAI,KAAK,WAAW,EACpB,KAAK,gBAAgB,CAAC,iBAAiB,CAAC,UACxC,OACD;;AAwBH,MAAaA,uBAA2D,EACtE,SACA,WAEA,oBAAC;CAAK,cAAa;CAAK,GAAG;CAAI,QAAO;WACpC,qBAAC;EAAQ;;GACP,qBAAC;IAAK,IAAI;;KACR,oBAAC;MAAK,YAAW;gBAAQ,QAAQ;OAAiC;KAAC;KAAI;KACjD;KACtB,oBAAC;MAAK,YAAW;gBAAQ,QAAQ;OAAuB;;KACnD;GACP,qBAAC;IAAQ,YAAW;IAAS,KAAK;IAAI,IAAI;;KACxC,qBAAC;MAAQ,YAAW;MAAS,KAAK;iBAChC,oBAAC,gBAAa,MAAM,KAAM,EAC1B,oBAAC;OAAK,SAAQ;OAAU,OAAM;iBAC3B,IAAI,KAAK,QAAQ,UAAU,CAAC,mBAAmB,QAAW;QACzD,SAAS;QACT,OAAO;QACP,KAAK;QACL,MAAM;QACP,CAAC;QACG;OACC;KACV,qBAAC;MAAQ,YAAW;MAAS,KAAK;iBAChC,oBAAC,aAAU,MAAM,KAAM,EACvB,oBAAC;OAAK,SAAQ;OAAU,OAAM;iBAC3B,GAAG,WAAW,QAAQ,WAAW,UAAU,CAAC,KAAK,WAChD,QAAQ,SACR,YACD;QACI;OACC;KACT,QAAQ,UACP,qBAAC;MAAK,SAAQ;MAAU,YAAW;iBAAO,YAC/B,QAAQ;OACZ;;KAED;GACV,oBAAC;IAAQ,YAAW;IAAS,KAAK;cAC/B,MAAM,KAAK,QAAQ;AAOlB,YACE,oBANA,IAAI,eAAe,SACf,aACA,IAAI,eAAe,WACnB,eACA;MAGF,MAAM,IAAI;MAEV,SAAS,IAAI;MACb,UAAU,IAAI;MACd,SAAS,IAAI;gBAEZ,IAAI;QALA,IAAI,KAMF;MAEX;KACM;;GACF;EACL"}