@codecademy/brand 4.0.0-alpha.fdfb3ba880.0 → 4.0.0

package/dist/InfoCard/index.js

@@ -1,119 +1,157 @@
-import { Anchor, Box, Card, FlexBox, Markdown, Text } from "@codecademy/gamut";
-import { pxRem } from "@codecademy/gamut-styles";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/InfoCard/index.tsx
+import { Anchor, Box, Card, FlexBox, Markdown, Text } from '@codecademy/gamut';
+import { pxRem } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const cardMinWidth = 250;
 const tagColorMap = {
-	blue: "paleBlue",
-	green: "paleGreen",
-	pink: "palePink"
+  blue: 'paleBlue',
+  green: 'paleGreen',
+  pink: 'palePink'
 };
-const TopText = ({ text }) => /* @__PURE__ */ jsx(Text, {
-	display: "flex",
-	fontSize: 14,
-	mb: 12,
-	fontFamily: "accent",
-	children: text
+const TopText = ({
+  text
+}) => /*#__PURE__*/_jsx(Text, {
+  display: "flex",
+  fontSize: 14,
+  mb: 12,
+  fontFamily: "accent",
+  children: text
 });
-const Title = ({ text, headingLevel }) => /* @__PURE__ */ jsx(Text, {
-	as: headingLevel,
-	mb: 4,
-	fontSize: 20,
-	children: /* @__PURE__ */ jsx(Text, {
-		truncate: "ellipsis",
-		truncateLines: 2,
-		children: text
-	})
+const Title = ({
+  text,
+  headingLevel
+}) => /*#__PURE__*/_jsx(Text, {
+  as: headingLevel,
+  mb: 4,
+  fontSize: 20,
+  children: /*#__PURE__*/_jsx(Text, {
+    truncate: "ellipsis",
+    truncateLines: 2,
+    children: text
+  })
 });
-const Subtitle = ({ text }) => /* @__PURE__ */ jsx(Text, {
-	variant: "p-small",
-	textColor: "gray-900",
-	children: /* @__PURE__ */ jsx(Text, {
-		truncate: "ellipsis",
-		truncateLines: 2,
-		children: text
-	})
+const Subtitle = ({
+  text
+}) => /*#__PURE__*/_jsx(Text, {
+  variant: "p-small",
+  textColor: "gray-900",
+  children: /*#__PURE__*/_jsx(Text, {
+    truncate: "ellipsis",
+    truncateLines: 2,
+    children: text
+  })
 });
-const Body = ({ text }) => /* @__PURE__ */ jsx(Markdown, {
-	text,
-	overrides: {
-		p: { component: (props) => /* @__PURE__ */ jsx(Text, {
-			...props,
-			textColor: "gray-900",
-			variant: "p-small",
-			truncate: "ellipsis",
-			truncateLines: 3
-		}) },
-		a: { component: Anchor }
-	}
+const Body = ({
+  text
+}) => /*#__PURE__*/_jsx(Markdown, {
+  text: text,
+  overrides: {
+    p: {
+      component: props => /*#__PURE__*/_jsx(Text, {
+        ...props,
+        textColor: "gray-900",
+        variant: "p-small",
+        truncate: "ellipsis",
+        truncateLines: 3
+      })
+    },
+    a: {
+      component: Anchor
+    }
+  }
 });
-const Footer = ({ bottomLeftText, bottomRightTagText, bottomRightTagColor }) => /* @__PURE__ */ jsxs(FlexBox, {
-	alignItems: "flex-end",
-	justifyContent: "space-between",
-	children: [/* @__PURE__ */ jsx(Box, { children: bottomLeftText && /* @__PURE__ */ jsx(BottomLeftText, { text: bottomLeftText }) }), /* @__PURE__ */ jsx(Box, { children: bottomRightTagText && /* @__PURE__ */ jsx(BottomRightTag, {
-		text: bottomRightTagText,
-		color: bottomRightTagColor
-	}) })]
+const Footer = ({
+  bottomLeftText,
+  bottomRightTagText,
+  bottomRightTagColor
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  alignItems: "flex-end",
+  justifyContent: "space-between",
+  children: [/*#__PURE__*/_jsx(Box, {
+    children: bottomLeftText && /*#__PURE__*/_jsx(BottomLeftText, {
+      text: bottomLeftText
+    })
+  }), /*#__PURE__*/_jsx(Box, {
+    children: bottomRightTagText && /*#__PURE__*/_jsx(BottomRightTag, {
+      text: bottomRightTagText,
+      color: bottomRightTagColor
+    })
+  })]
 });
-const BottomLeftText = ({ text }) => /* @__PURE__ */ jsx(Text, {
-	maxWidth: "calc(100%-16px)",
-	px: 16,
-	variant: "p-small",
-	textColor: "gray-900",
-	children: text
+const BottomLeftText = ({
+  text
+}) => /*#__PURE__*/_jsx(Text, {
+  maxWidth: "calc(100%-16px)",
+  px: 16,
+  variant: "p-small",
+  textColor: "gray-900",
+  children: text
 });
-const BottomRightTag = ({ text, color }) => /* @__PURE__ */ jsx(Box, {
-	bg: tagColorMap[color],
-	children: /* @__PURE__ */ jsx(Text, {
-		py: 4,
-		p: 12,
-		variant: "title-xs",
-		fontSize: 14,
-		whiteSpace: "nowrap",
-		children: text
-	})
+const BottomRightTag = ({
+  text,
+  color
+}) => /*#__PURE__*/_jsx(Box, {
+  bg: tagColorMap[color],
+  children: /*#__PURE__*/_jsx(Text, {
+    py: 4,
+    p: 12,
+    variant: "title-xs",
+    fontSize: 14,
+    whiteSpace: "nowrap",
+    children: text
+  })
 });
-const InfoCard = ({ href, onClick, topText, title, subtitle, body, bottomLeftText, bottomRightTagText, bottomRightTagColor = "pink", cardHeight = 286, cardPadding = 16, titleHeadingLevel = "h3", rightContent }) => {
-	const displayFooter = bottomLeftText || bottomRightTagText;
-	return /* @__PURE__ */ jsx(Anchor, {
-		variant: "interface",
-		href,
-		onClick: () => onClick?.(),
-		children: /* @__PURE__ */ jsxs(Card, {
-			display: "flex",
-			flexDirection: "column",
-			height: pxRem(cardHeight),
-			justifyContent: "space-between",
-			minWidth: pxRem(cardMinWidth),
-			variant: "white",
-			isInteractive: true,
-			p: 0,
-			position: "relative",
-			children: [/* @__PURE__ */ jsxs(Box, {
-				pb: displayFooter ? 0 : cardPadding,
-				p: cardPadding,
-				children: [
-					/* @__PURE__ */ jsx(TopText, { text: topText }),
-					/* @__PURE__ */ jsxs(FlexBox, {
-						justifyContent: "space-between",
-						children: [/* @__PURE__ */ jsx(Title, {
-							text: title,
-							headingLevel: titleHeadingLevel
-						}), rightContent && rightContent]
-					}),
-					subtitle && /* @__PURE__ */ jsx(Subtitle, { text: subtitle }),
-					body && /* @__PURE__ */ jsx(Body, { text: body })
-				]
-			}), displayFooter && /* @__PURE__ */ jsx(Footer, {
-				bottomLeftText,
-				bottomRightTagText,
-				bottomRightTagColor
-			})]
-		})
-	});
-};
-
-//#endregion
-export { InfoCard };
+export const InfoCard = ({
+  href,
+  onClick,
+  topText,
+  title,
+  subtitle,
+  body,
+  bottomLeftText,
+  bottomRightTagText,
+  bottomRightTagColor = 'pink',
+  cardHeight = 286,
+  cardPadding = 16,
+  titleHeadingLevel = 'h3',
+  rightContent
+}) => {
+  const displayFooter = bottomLeftText || bottomRightTagText;
+  return /*#__PURE__*/_jsx(Anchor, {
+    variant: "interface",
+    href: href,
+    onClick: () => onClick?.(),
+    children: /*#__PURE__*/_jsxs(Card, {
+      display: "flex",
+      flexDirection: "column",
+      height: pxRem(cardHeight),
+      justifyContent: "space-between",
+      minWidth: pxRem(cardMinWidth),
+      variant: "white",
+      isInteractive: true,
+      p: 0,
+      position: "relative",
+      children: [/*#__PURE__*/_jsxs(Box, {
+        pb: displayFooter ? 0 : cardPadding,
+        p: cardPadding,
+        children: [/*#__PURE__*/_jsx(TopText, {
+          text: topText
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Title, {
+            text: title,
+            headingLevel: titleHeadingLevel
+          }), rightContent && rightContent]
+        }), subtitle && /*#__PURE__*/_jsx(Subtitle, {
+          text: subtitle
+        }), body && /*#__PURE__*/_jsx(Body, {
+          text: body
+        })]
+      }), displayFooter && /*#__PURE__*/_jsx(Footer, {
+        bottomLeftText: bottomLeftText,
+        bottomRightTagText: bottomRightTagText,
+        bottomRightTagColor: bottomRightTagColor
+      })]
+    })
+  });
+};

package/dist/InstructorCard/__tests__/__fixtures__/index.d.ts

@@ -0,0 +1,2 @@
+import { InstructorCardProps } from '../../index';
+export declare const mockInstructorCardProps: InstructorCardProps;

package/dist/InstructorCard/index.d.ts

@@ -0,0 +1,18 @@
+export declare const Divider: React.FC;
+export type InstructorCardProps = {
+    /** The bootcamp title */
+    title: string;
+    /** Instructor's full name */
+    instructorName: string;
+    /** Instructor's professional title */
+    instructorTitle: string;
+    /** URL for the instructor's profile pic (includes background gradient) */
+    instructorImageUrl?: string;
+    /** Formatted start date for the next cohort (e.g. "Feb 10") */
+    nextCohortStartDate?: string;
+    /** Link destination */
+    href: string;
+    /** Click handler */
+    onClick: () => void;
+};
+export declare const InstructorCard: import("react").ForwardRefExoticComponent<InstructorCardProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/InstructorCard/index.js

@@ -0,0 +1,175 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
+import { CalendarIcon, CertificateIcon } from '@codecademy/gamut-icons';
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import { css } from '@codecademy/gamut-styles';
+import { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const CardAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e171y2mq2",
+  label: "CardAnchor"
+})(css({
+  display: 'flex',
+  flexDirection: 'column',
+  height: '100%',
+  '&:hover, &:focus, &:focus-visible': {
+    color: 'text',
+    textDecoration: 'none'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21CIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBwPXswfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPENhcmRBbmNob3IgaHJlZj17aHJlZn0gb25DbGljaz17b25DbGlja30gdmFyaWFudD1cImludGVyZmFjZVwiIHJlZj17cmVmfT5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgaGVpZ2h0PXsxNjB9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGJnPVwibmF2eS04MDBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpbnN0cnVjdG9ySW1hZ2VVcmwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW5zdHJ1Y3RvckltYWdlVXJsfSBhbHQ9e2luc3RydWN0b3JOYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICBwdD17MTJ9XG4gICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25TZWxmPVwic3RyZXRjaFwiXG4gICAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MjB9XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtPXswfVxuICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fSBtdD1cImF1dG9cIiBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JOYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yVGl0bGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnblNlbGY9XCJzdHJldGNoXCIgbXQ9ezR9PlxuICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZSAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2FsZW5kYXJJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgICAgIE5leHQgY29ob3J0OiBTdGFydHN7JyAnfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDZXJ0aWZpY2F0ZUljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICBXaXRoeycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgQ2VydGlmaWNhdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const StyledImg = /*#__PURE__*/_styled("img", {
+  target: "e171y2mq1",
+  label: "StyledImg"
+})(process.env.NODE_ENV === "production" ? {
+  name: "q5j908",
+  styles: "width:100%;height:100%;object-fit:cover;display:block"
+} : {
+  name: "q5j908",
+  styles: "width:100%;height:100%;object-fit:cover;display:block/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxDYXJkQW5jaG9yIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHZhcmlhbnQ9XCJpbnRlcmZhY2VcIiByZWY9e3JlZn0+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIGhlaWdodD17MTYwfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICBiZz1cIm5hdnktODAwXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aW5zdHJ1Y3RvckltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgPFN0eWxlZEltZyBzcmM9e2luc3RydWN0b3JJbWFnZVVybH0gYWx0PXtpbnN0cnVjdG9yTmFtZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgcHQ9ezEyfVxuICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezIwfVxuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0gbXQ9XCJhdXRvXCIgbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yTmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3RvclRpdGxlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25TZWxmPVwic3RyZXRjaFwiIG10PXs0fT5cbiAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGUgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENhbGVuZGFySWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgICAgICBOZXh0IGNvaG9ydDogU3RhcnRzeycgJ31cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2VydGlmaWNhdGVJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgV2l0aHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgIENlcnRpZmljYXRlXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
+  target: "e171y2mq0",
+  label: "DottedLine"
+})(css({
+  height: '1px',
+  display: 'flex',
+  position: 'absolute',
+  marginTop: '-1px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtQiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGlzSW50ZXJhY3RpdmVcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxDYXJkQW5jaG9yIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHZhcmlhbnQ9XCJpbnRlcmZhY2VcIiByZWY9e3JlZn0+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIGhlaWdodD17MTYwfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICBiZz1cIm5hdnktODAwXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aW5zdHJ1Y3RvckltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgPFN0eWxlZEltZyBzcmM9e2luc3RydWN0b3JJbWFnZVVybH0gYWx0PXtpbnN0cnVjdG9yTmFtZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgcHQ9ezEyfVxuICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezIwfVxuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0gbXQ9XCJhdXRvXCIgbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yTmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3RvclRpdGxlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25TZWxmPVwic3RyZXRjaFwiIG10PXs0fT5cbiAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGUgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENhbGVuZGFySWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgICAgICBOZXh0IGNvaG9ydDogU3RhcnRzeycgJ31cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2VydGlmaWNhdGVJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgV2l0aHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgIENlcnRpZmljYXRlXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+export const Divider = () => {
+  return (
+    /*#__PURE__*/
+    // the height and position properties are necessary for iOS devices
+    _jsx(Box, {
+      py: 4,
+      height: 0,
+      position: "relative",
+      "aria-hidden": true,
+      children: /*#__PURE__*/_jsx(DottedLine, {})
+    })
+  );
+};
+const InfoRow = ({
+  icon,
+  children
+}) => /*#__PURE__*/_jsxs(FlexBox, {
+  alignItems: "center",
+  gap: 8,
+  children: [icon, /*#__PURE__*/_jsx(Text, {
+    fontSize: 14,
+    lineHeight: "base",
+    color: "text",
+    children: children
+  })]
+});
+export const InstructorCard = /*#__PURE__*/forwardRef(({
+  title,
+  instructorName,
+  instructorTitle,
+  instructorImageUrl,
+  nextCohortStartDate,
+  href,
+  onClick
+}, ref) => {
+  return /*#__PURE__*/_jsx(Card, {
+    borderRadius: "md",
+    borderColor: "border-primary",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column",
+    isInteractive: true,
+    p: 0,
+    height: "100%",
+    width: "100%",
+    children: /*#__PURE__*/_jsxs(CardAnchor, {
+      href: href,
+      onClick: onClick,
+      variant: "interface",
+      ref: ref,
+      children: [/*#__PURE__*/_jsx(Box, {
+        width: "100%",
+        height: 160,
+        position: "relative",
+        overflow: "hidden",
+        bg: "navy-800",
+        children: instructorImageUrl && /*#__PURE__*/_jsx(StyledImg, {
+          src: instructorImageUrl,
+          alt: instructorName
+        })
+      }), /*#__PURE__*/_jsxs(FlexBox, {
+        flexDirection: "column",
+        flex: 1,
+        pt: 12,
+        pb: 4,
+        px: 12,
+        overflow: "hidden",
+        children: [/*#__PURE__*/_jsxs(FlexBox, {
+          flexDirection: "column",
+          alignSelf: "stretch",
+          flex: 1,
+          gap: 4,
+          children: [/*#__PURE__*/_jsx(Text, {
+            as: "h3",
+            fontSize: 20,
+            fontWeight: "bold",
+            lineHeight: "title",
+            color: "text",
+            m: 0,
+            truncate: "ellipsis",
+            truncateLines: 3,
+            children: title
+          }), /*#__PURE__*/_jsxs(FlexBox, {
+            flexDirection: "column",
+            gap: 4,
+            mt: "auto",
+            minWidth: 0,
+            children: [/*#__PURE__*/_jsx(Text, {
+              fontSize: 14,
+              fontWeight: "bold",
+              lineHeight: "base",
+              color: "text",
+              children: instructorName
+            }), /*#__PURE__*/_jsx(Text, {
+              fontSize: 14,
+              lineHeight: "base",
+              color: "text-secondary",
+              truncate: "ellipsis",
+              truncateLines: 1,
+              width: "100%",
+              children: instructorTitle
+            })]
+          })]
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          flexDirection: "column",
+          alignSelf: "stretch",
+          mt: 4,
+          children: [nextCohortStartDate && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
+              icon: /*#__PURE__*/_jsx(CalendarIcon, {
+                size: 16,
+                "aria-hidden": true
+              }),
+              children: ["Next cohort: Starts", ' ', /*#__PURE__*/_jsx(Text, {
+                as: "span",
+                fontWeight: "bold",
+                children: nextCohortStartDate
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
+            icon: /*#__PURE__*/_jsx(CertificateIcon, {
+              size: 16,
+              "aria-hidden": true
+            }),
+            children: ["With", ' ', /*#__PURE__*/_jsx(Text, {
+              as: "span",
+              fontWeight: "bold",
+              children: "Certificate"
+            })]
+          })]
+        })]
+      })]
+    })
+  });
+});

package/dist/Konamimojisplosion/Konamimojisplosion.d.ts

@@ -1,9 +1,5 @@
-import React from "react";
-
-//#region src/Konamimojisplosion/Konamimojisplosion.d.ts
-type KonamimojisplosionProps = {
-  onActivate?: () => void;
+import React from 'react';
+export type KonamimojisplosionProps = {
+    onActivate?: () => void;
 };
-declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;
-//#endregion
-export { Konamimojisplosion, KonamimojisplosionProps };
+export declare const Konamimojisplosion: React.FC<KonamimojisplosionProps>;

package/dist/Konamimojisplosion/Konamimojisplosion.js

@@ -1,10 +1,7 @@
-import { useKonamimojisplosion } from "./useKonamimojisplosion.js";
-
-//#region src/Konamimojisplosion/Konamimojisplosion.tsx
-const Konamimojisplosion = ({ onActivate }) => {
-	useKonamimojisplosion(onActivate);
-	return null;
-};
-
-//#endregion
-export { Konamimojisplosion };
+import { useKonamimojisplosion } from './useKonamimojisplosion';
+export const Konamimojisplosion = ({
+  onActivate
+}) => {
+  useKonamimojisplosion(onActivate);
+  return null;
+};

package/dist/Konamimojisplosion/index.d.ts

@@ -1,3 +1,2 @@
-import { Konamimojisplosion, KonamimojisplosionProps } from "./Konamimojisplosion.js";
-import { useKonamimojisplosion } from "./useKonamimojisplosion.js";
-export { Konamimojisplosion, KonamimojisplosionProps, useKonamimojisplosion };
+export * from './Konamimojisplosion';
+export * from './useKonamimojisplosion';

package/dist/Konamimojisplosion/index.js

@@ -1,4 +1,2 @@
-import { useKonamimojisplosion } from "./useKonamimojisplosion.js";
-import { Konamimojisplosion } from "./Konamimojisplosion.js";
-
-export { Konamimojisplosion, useKonamimojisplosion };
+export * from './Konamimojisplosion';
+export * from './useKonamimojisplosion';

package/dist/Konamimojisplosion/useKonamimojisplosion.d.ts

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

package/dist/Konamimojisplosion/useKonamimojisplosion.js

@@ -1,46 +1,34 @@
-import { useEffect, useState } from "react";
-import { emojisplosions } from "emojisplosion";
-
-//#region src/Konamimojisplosion/useKonamimojisplosion.ts
-const konamiCodeKeys = [
-	"ArrowUp",
-	"ArrowUp",
-	"ArrowDown",
-	"ArrowDown",
-	"ArrowLeft",
-	"ArrowRight",
-	"ArrowLeft",
-	"ArrowRight",
-	"b",
-	"a"
-];
+import { emojisplosions } from 'emojisplosion';
+import { useEffect, useState } from 'react';
+const konamiCodeKeys = ['ArrowUp', 'ArrowUp', 'ArrowDown', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowLeft', 'ArrowRight', 'b', 'a'];
 let explosions;
-const useKonamimojisplosion = (onActivate) => {
-	const [inputs, setInputs] = useState([]);
-	useEffect(() => {
-		const listener = (e) => {
-			const newState = [...inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs, e.key];
-			if (newState.join() === konamiCodeKeys.join()) {
-				if (explosions) {
-					explosions.cancel();
-					explosions = void 0;
-				} else {
-					explosions = emojisplosions();
-					onActivate?.();
-				}
-				setInputs([]);
-			} else setInputs(newState);
-		};
-		document.addEventListener("keydown", listener);
-		return () => document.removeEventListener("keydown", listener);
-	}, [onActivate, inputs]);
-	useEffect(() => {
-		return () => {
-			explosions?.cancel();
-			explosions = void 0;
-		};
-	}, []);
-};
+export const useKonamimojisplosion = onActivate => {
+  const [inputs, setInputs] = useState([]);
+  useEffect(() => {
+    const listener = e => {
+      const newState = [...(inputs.length === konamiCodeKeys.length ? inputs.slice(1) : inputs), e.key];
+      if (newState.join() === konamiCodeKeys.join()) {
+        if (explosions) {
+          explosions.cancel();
+          explosions = undefined;
+        } else {
+          explosions = emojisplosions();
+          onActivate?.();
+        }
+        setInputs([]);
+      } else {
+        setInputs(newState);
+      }
+    };
+    document.addEventListener('keydown', listener);
+    return () => document.removeEventListener('keydown', listener);
+  }, [onActivate, inputs]);
 
-//#endregion
-export { useKonamimojisplosion };
+  // clean up explosions on unmount
+  useEffect(() => {
+    return () => {
+      explosions?.cancel();
+      explosions = undefined;
+    };
+  }, []);
+};