@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/Banner/CountdownTimer.js

@@ -1,110 +1,94 @@
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import React, { useEffect, useMemo, useState } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MS_SECOND = 1000;
+import { Box, FlexBox, Text } from "@codecademy/gamut";
+import React, { useEffect, useMemo, useState } from "react";
+
+//#region src/Banner/CountdownTimer.tsx
+const MS_SECOND = 1e3;
 const MS_MINUTE = 60 * MS_SECOND;
 const MS_HOUR = 60 * MS_MINUTE;
 const MS_DAY = 24 * MS_HOUR;
-const getTimeRemaining = target => {
-  const diff = Math.max(0, target - Date.now());
-  return {
-    days: Math.floor(diff / MS_DAY),
-    hours: Math.floor(diff % MS_DAY / MS_HOUR),
-    minutes: Math.floor(diff % MS_HOUR / MS_MINUTE),
-    seconds: Math.floor(diff % MS_MINUTE / MS_SECOND)
-  };
+const getTimeRemaining = (target) => {
+	const diff = Math.max(0, target - Date.now());
+	return {
+		days: Math.floor(diff / MS_DAY),
+		hours: Math.floor(diff % MS_DAY / MS_HOUR),
+		minutes: Math.floor(diff % MS_HOUR / MS_MINUTE),
+		seconds: Math.floor(diff % MS_MINUTE / MS_SECOND)
+	};
 };
-const TimeUnit = /*#__PURE__*/React.memo(({
-  value,
-  label
-}) => /*#__PURE__*/_jsxs(FlexBox, {
-  alignItems: "center",
-  children: [/*#__PURE__*/_jsx(Text, {
-    fontFamily: "accent",
-    fontWeight: 700,
-    variant: "title-md",
-    fontSize: {
-      _: 20,
-      md: 26
-    },
-    as: "span",
-    color: "inherit",
-    children: value.toString().padStart(2, '0')
-  }), /*#__PURE__*/_jsx(Text, {
-    fontFamily: "accent",
-    fontWeight: 700,
-    variant: "title-md",
-    fontSize: {
-      _: 20,
-      md: 26
-    },
-    as: "span",
-    color: "inherit",
-    children: label
-  })]
-}));
-const Separator = /*#__PURE__*/React.memo(() => /*#__PURE__*/_jsx(Text, {
-  fontFamily: "accent",
-  variant: "title-md",
-  fontSize: 16,
-  color: "inherit",
-  fontWeight: "bold",
-  children: ":"
-}));
-export const CountdownTimer = ({
-  targetDate,
-  onExpire
-}) => {
-  const targetTimestamp = useMemo(() => new Date(targetDate).getTime(), [targetDate]);
-  const [timeRemaining, setTimeRemaining] = useState(() => getTimeRemaining(targetTimestamp));
-  useEffect(() => {
-    setTimeRemaining(getTimeRemaining(targetTimestamp));
-    if (targetTimestamp <= Date.now()) {
-      onExpire?.();
-      return;
-    }
-    const id = window.setInterval(() => {
-      const next = getTimeRemaining(targetTimestamp);
-      setTimeRemaining(next);
-      if (targetTimestamp <= Date.now()) {
-        onExpire?.();
-        window.clearInterval(id);
-      }
-    }, MS_SECOND);
-    return () => window.clearInterval(id);
-  }, [targetTimestamp, onExpire]);
-  if (targetTimestamp <= Date.now()) {
-    return null;
-  }
-  const {
-    days,
-    hours,
-    minutes,
-    seconds
-  } = timeRemaining;
-  return /*#__PURE__*/_jsxs(Box, {
-    display: "inline-flex",
-    alignItems: "center",
-    py: 8,
-    px: 16,
-    bg: "yellow-0",
-    borderRadius: 6,
-    color: "navy",
-    "data-testid": "branded-countdown-timer",
-    boxShadow: "minimal",
-    gap: 2,
-    children: [/*#__PURE__*/_jsx(TimeUnit, {
-      value: days,
-      label: "d"
-    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
-      value: hours,
-      label: "h"
-    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
-      value: minutes,
-      label: "m"
-    }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(TimeUnit, {
-      value: seconds,
-      label: "s"
-    })]
-  });
-};
+const TimeUnit = /* @__PURE__ */ React.memo(({ value, label }) => /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, {
+	fontFamily: "accent",
+	fontWeight: 700,
+	variant: "title-md",
+	fontSize: {
+		_: 20,
+		md: 26
+	},
+	as: "span",
+	color: "inherit"
+}, value.toString().padStart(2, "0")), /* @__PURE__ */ React.createElement(Text, {
+	fontFamily: "accent",
+	fontWeight: 700,
+	variant: "title-md",
+	fontSize: {
+		_: 20,
+		md: 26
+	},
+	as: "span",
+	color: "inherit"
+}, label)));
+const Separator = /* @__PURE__ */ React.memo(() => /* @__PURE__ */ React.createElement(Text, {
+	fontFamily: "accent",
+	variant: "title-md",
+	fontSize: 16,
+	color: "inherit",
+	fontWeight: "bold"
+}, ":"));
+const CountdownTimer = ({ targetDate, onExpire }) => {
+	const targetTimestamp = useMemo(() => new Date(targetDate).getTime(), [targetDate]);
+	const [timeRemaining, setTimeRemaining] = useState(() => getTimeRemaining(targetTimestamp));
+	useEffect(() => {
+		setTimeRemaining(getTimeRemaining(targetTimestamp));
+		if (targetTimestamp <= Date.now()) {
+			onExpire?.();
+			return;
+		}
+		const id = window.setInterval(() => {
+			setTimeRemaining(getTimeRemaining(targetTimestamp));
+			if (targetTimestamp <= Date.now()) {
+				onExpire?.();
+				window.clearInterval(id);
+			}
+		}, MS_SECOND);
+		return () => window.clearInterval(id);
+	}, [targetTimestamp, onExpire]);
+	if (targetTimestamp <= Date.now()) return null;
+	const { days, hours, minutes, seconds } = timeRemaining;
+	return /* @__PURE__ */ React.createElement(Box, {
+		display: "inline-flex",
+		alignItems: "center",
+		py: 8,
+		px: 16,
+		bg: "yellow-0",
+		borderRadius: 6,
+		color: "navy",
+		"data-testid": "branded-countdown-timer",
+		boxShadow: "minimal",
+		gap: 2
+	}, /* @__PURE__ */ React.createElement(TimeUnit, {
+		value: days,
+		label: "d"
+	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
+		value: hours,
+		label: "h"
+	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
+		value: minutes,
+		label: "m"
+	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
+		value: seconds,
+		label: "s"
+	}));
+};
+
+//#endregion
+export { CountdownTimer };
+//# sourceMappingURL=CountdownTimer.js.map

package/dist/Banner/CountdownTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountdownTimer.js","names":["Box","FlexBox","Text","React","useEffect","useMemo","useState","MS_SECOND","MS_MINUTE","MS_HOUR","MS_DAY","getTimeRemaining","target","diff","Math","max","Date","now","days","floor","hours","minutes","seconds","TimeUnit","memo","value","label","alignItems","fontFamily","fontWeight","variant","fontSize","_","md","as","color","toString","padStart","Separator","CountdownTimer","targetDate","onExpire","targetTimestamp","getTime","timeRemaining","setTimeRemaining","id","window","setInterval","next","clearInterval","display","py","px","bg","borderRadius","data-testid","boxShadow","gap"],"sources":["../../src/Banner/CountdownTimer.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React, { useEffect, useMemo, useState } from 'react';\n\ninterface CountdownTimerProps {\n  targetDate: string;\n  onExpire?: () => void;\n}\n\ninterface TimeRemaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nconst MS_SECOND = 1000;\nconst MS_MINUTE = 60 * MS_SECOND;\nconst MS_HOUR = 60 * MS_MINUTE;\nconst MS_DAY = 24 * MS_HOUR;\n\nconst getTimeRemaining = (target: number): TimeRemaining => {\n  const diff = Math.max(0, target - Date.now());\n\n  return {\n    days: Math.floor(diff / MS_DAY),\n    hours: Math.floor((diff % MS_DAY) / MS_HOUR),\n    minutes: Math.floor((diff % MS_HOUR) / MS_MINUTE),\n    seconds: Math.floor((diff % MS_MINUTE) / MS_SECOND),\n  };\n};\n\nconst TimeUnit = React.memo<{ value: number; label: string }>(\n  ({ value, label }) => (\n    <FlexBox alignItems=\"center\">\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {value.toString().padStart(2, '0')}\n      </Text>\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {label}\n      </Text>\n    </FlexBox>\n  )\n);\n\nconst Separator = React.memo(() => (\n  <Text\n    fontFamily=\"accent\"\n    variant=\"title-md\"\n    fontSize={16}\n    color=\"inherit\"\n    fontWeight=\"bold\"\n  >\n    :\n  </Text>\n));\n\nexport const CountdownTimer: React.FC<CountdownTimerProps> = ({\n  targetDate,\n  onExpire,\n}) => {\n  const targetTimestamp = useMemo(\n    () => new Date(targetDate).getTime(),\n    [targetDate]\n  );\n\n  const [timeRemaining, setTimeRemaining] = useState<TimeRemaining>(() =>\n    getTimeRemaining(targetTimestamp)\n  );\n\n  useEffect(() => {\n    setTimeRemaining(getTimeRemaining(targetTimestamp));\n\n    if (targetTimestamp <= Date.now()) {\n      onExpire?.();\n      return;\n    }\n\n    const id = window.setInterval(() => {\n      const next = getTimeRemaining(targetTimestamp);\n      setTimeRemaining(next);\n\n      if (targetTimestamp <= Date.now()) {\n        onExpire?.();\n        window.clearInterval(id);\n      }\n    }, MS_SECOND);\n\n    return () => window.clearInterval(id);\n  }, [targetTimestamp, onExpire]);\n\n  if (targetTimestamp <= Date.now()) {\n    return null;\n  }\n\n  const { days, hours, minutes, seconds } = timeRemaining;\n\n  return (\n    <Box\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      py={8}\n      px={16}\n      bg=\"yellow-0\"\n      borderRadius={6 as never}\n      color=\"navy\"\n      data-testid=\"branded-countdown-timer\"\n      boxShadow=\"minimal\"\n      gap={2 as never}\n    >\n      <TimeUnit value={days} label=\"d\" />\n      <Separator />\n      <TimeUnit value={hours} label=\"h\" />\n      <Separator />\n      <TimeUnit value={minutes} label=\"m\" />\n      <Separator />\n      <TimeUnit value={seconds} label=\"s\" />\n    </Box>\n  );\n};\n"],"mappings":";;;;AAeA,MAAMO,YAAY;AAClB,MAAMC,YAAY,KAAKD;AACvB,MAAME,UAAU,KAAKD;AACrB,MAAME,SAAS,KAAKD;AAEpB,MAAME,oBAAoBC,WAAAA;CACxB,MAAMC,OAAOC,KAAKC,IAAI,GAAGH,SAASI,KAAKC,KAAG,CAAA;AAE1C,QAAO;EACLC,MAAMJ,KAAKK,MAAMN,OAAOH,OAAAA;EACxBU,OAAON,KAAKK,MAAM,OAAQT,SAAUD,QAAAA;EACpCY,SAASP,KAAKK,MAAM,OAAQV,UAAWD,UAAAA;EACvCc,SAASR,KAAKK,MAAM,OAAQX,YAAaD,UAAAA;EAC3C;;AAGF,MAAMgB,WAAWpB,sBAAMqB,MACpB,EAAEC,OAAOC,YACR,sBAAA,cAACzB,SAAAA,EAAQ0B,YAAW,YAClB,sBAAA,cAACzB,MAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELV,MAAMW,UAAQ,CAAGC,SAAS,GAAG,IAAA,CAAA,EAEhC,sBAAA,cAACnC,MAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELT,MAAAA,CAAAA,CAAAA;AAMT,MAAMY,YAAYnC,sBAAMqB,WACtB,sBAAA,cAACtB,MAAAA;CACC0B,YAAW;CACXE,SAAQ;CACRC,UAAU;CACVI,OAAM;CACNN,YAAW;GACZ,IAAA,CAAA;AAKH,MAAaU,kBAAiD,EAC5DC,YACAC,eACD;CACC,MAAMC,kBAAkBrC,cAChB,IAAIW,KAAKwB,WAAAA,CAAYG,SAAO,EAClC,CAACH,WAAW,CAAA;CAGd,MAAM,CAACI,eAAeC,oBAAoBvC,eACxCK,iBAAiB+B,gBAAAA,CAAAA;AAGnBtC,iBAAU;AACRyC,mBAAiBlC,iBAAiB+B,gBAAAA,CAAAA;AAElC,MAAIA,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,eAAAA;AACA;;EAGF,MAAMK,KAAKC,OAAOC,kBAAY;AAE5BH,oBADalC,iBAAiB+B,gBAAAA,CACbO;AAEjB,OAAIP,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,gBAAAA;AACAM,WAAOG,cAAcJ,GAAAA;;KAEtBvC,UAAAA;AAEH,eAAawC,OAAOG,cAAcJ,GAAAA;IACjC,CAACJ,iBAAiBD,SAAS,CAAA;AAE9B,KAAIC,mBAAmB1B,KAAKC,KAAG,CAC7B,QAAO;CAGT,MAAM,EAAEC,MAAME,OAAOC,SAASC,YAAYsB;AAE1C,QACE,sBAAA,cAAC5C,KAAAA;EACCmD,SAAQ;EACRxB,YAAW;EACXyB,IAAI;EACJC,IAAI;EACJC,IAAG;EACHC,cAAc;EACdpB,OAAM;EACNqB,eAAY;EACZC,WAAU;EACVC,KAAK;IAEL,sBAAA,cAACnC,UAAAA;EAASE,OAAOP;EAAMQ,OAAM;KAC7B,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOL;EAAOM,OAAM;KAC9B,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOJ;EAASK,OAAM;KAChC,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOH;EAASI,OAAM"}

package/dist/Banner/EnhancedBanner.cjs

@@ -0,0 +1,124 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_CountdownTimer = require('./CountdownTimer.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let _emotion_react = require("@emotion/react");
+
+//#region src/Banner/EnhancedBanner.tsx
+const bannerVariants = {
+	navy: "navy",
+	yellow: "yellow",
+	subtle: "background-hover"
+};
+const bannerStyles = {
+	width: "100%",
+	p: 4,
+	display: "grid",
+	gridTemplateColumns: "2rem minmax(0, 1fr) 2rem",
+	gridTemplateAreas: "'empty content close'",
+	columnGap: 8,
+	alignItems: "center",
+	textAlign: "center"
+};
+const BannerBg = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_styles.Background, {
+	target: "exq1euw0",
+	label: "brand-BannerBg"
+})((0, _codecademy_gamut_styles.css)(bannerStyles), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgSWNvbkJ1dHRvbixcbiAgTWFya2Rvd24sXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlEZWxldGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQmFja2dyb3VuZFByb3BzLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCYW5uZXJWYXJpYW50IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBDb3VudGRvd25UaW1lciB9IGZyb20gJy4vQ291bnRkb3duVGltZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVuaGFuY2VkQmFubmVyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEJhY2tncm91bmRQcm9wcywgJ2JnJyB8ICdjb250YWluZXJUeXBlJz4ge1xuICB2YXJpYW50PzogQmFubmVyVmFyaWFudCB8IG51bGw7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xuICBoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBzdWJoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBjdGE/OiB7IHRpdGxlOiBzdHJpbmc7IGhyZWY6IHN0cmluZyB9IHwgbnVsbDtcbiAgY291bnRkb3duVG8/OiBzdHJpbmcgfCBudWxsO1xuICBvbkNvdW50ZG93bkV4cGlyZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgYmFubmVyU3R5bGVzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBwOiA0LFxuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICcycmVtIG1pbm1heCgwLCAxZnIpIDJyZW0nLFxuICBncmlkVGVtcGxhdGVBcmVhczogXCInZW1wdHkgY29udGVudCBjbG9zZSdcIixcbiAgY29sdW1uR2FwOiA4LFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhbm5lckJnID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcbmNvbnN0IEJhbm5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgU3R5bGVkTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFN0eWxlZE1hcmtkb3duKWBcbiAgcCB7XG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmhlYWRlciA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkQmFubmVyOiBSZWFjdC5GQzxFbmhhbmNlZEJhbm5lclByb3BzPiA9ICh7XG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ2xvc2UsXG4gIG9uQ3RhQ2xpY2ssXG4gIGN0YUFyaWFMYWJlbCxcbiAgaGVhZGVyLFxuICBzdWJoZWFkZXIsXG4gIGN0YSxcbiAgY291bnRkb3duVG8sXG4gIG9uQ291bnRkb3duRXhwaXJlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhbGlkQ3RhID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoY3RhICYmIGN0YS50aXRsZSAmJiBjdGEuaHJlZiA/IGN0YSA6IHVuZGVmaW5lZCksXG4gICAgW2N0YV1cbiAgKTtcbiAgY29uc3QgeyBtb2RlIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0RhcmtNb2RlID0gbW9kZSA9PT0gJ2RhcmsnO1xuXG4gIGlmICghaGVhZGVyKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCByZW5kZXJFbmhhbmNlZCA9ICgpID0+IHtcbiAgICBjb25zdCB0ZXh0QmxvY2sgPSAoXG4gICAgICA8Qm94IHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9fSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlIHRleHQ9e2hlYWRlcn0gLz5cbiAgICAgICAge3N1YmhlYWRlciAmJiA8U3R5bGVkU3ViaGVhZGVyIHRleHQ9e3N1YmhlYWRlcn0gLz59XG4gICAgICA8L0JveD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIG1kOiAncm93JyB9fVxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBnYXA9e3sgXzogMTYsIG1kOiA0MCB9fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge2NvdW50ZG93blRvICYmIChcbiAgICAgICAgICAgIDxDb3VudGRvd25UaW1lclxuICAgICAgICAgICAgICB0YXJnZXREYXRlPXtjb3VudGRvd25Ub31cbiAgICAgICAgICAgICAgb25FeHBpcmU9e29uQ291bnRkb3duRXhwaXJlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2ZsZXgnLCBtZDogJ25vbmUnIH19IG1sPXswfT5cbiAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgPFRleHQgbWF4V2lkdGg9e3sgXzogJzEwMCUnLCBtZDogJzUwJScgfX0+e3RleHRCbG9ja308L1RleHQ+XG5cbiAgICAgICAge3ZhbGlkQ3RhICYmIChcbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgdmFyaWFudD17aXNEYXJrTW9kZSA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICBocmVmPXt2YWxpZEN0YS5ocmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dmFsaWRDdGEudGl0bGV9XG4gICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBiYWNrZ3JvdW5kVmFyaWFudCA9IGlzRGFya01vZGUgPyAneWVsbG93JyA6IHZhcmlhbnQ7XG4gIGNvbnN0IENvbnRhaW5lciA9IGJhY2tncm91bmRWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckJveCA6IEJhbm5lckJnO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW2JhY2tncm91bmRWYXJpYW50ID8/ICduYXZ5J119PlxuICAgICAgPEJveCBncmlkQXJlYT1cImNvbnRlbnRcIiBmb250U2l6ZT1cImluaGVyaXRcIj5cbiAgICAgICAge3JlbmRlckVuaGFuY2VkKCl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwiY2VudGVyXCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdsZWZ0LWNlbnRlcicgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDaUIifQ== */");
+const BannerBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "exq1euw1",
+	label: "brand-BannerBox"
+})((0, _codecademy_gamut_styles.css)(bannerStyles), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgSWNvbkJ1dHRvbixcbiAgTWFya2Rvd24sXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlEZWxldGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQmFja2dyb3VuZFByb3BzLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCYW5uZXJWYXJpYW50IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBDb3VudGRvd25UaW1lciB9IGZyb20gJy4vQ291bnRkb3duVGltZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVuaGFuY2VkQmFubmVyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEJhY2tncm91bmRQcm9wcywgJ2JnJyB8ICdjb250YWluZXJUeXBlJz4ge1xuICB2YXJpYW50PzogQmFubmVyVmFyaWFudCB8IG51bGw7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xuICBoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBzdWJoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBjdGE/OiB7IHRpdGxlOiBzdHJpbmc7IGhyZWY6IHN0cmluZyB9IHwgbnVsbDtcbiAgY291bnRkb3duVG8/OiBzdHJpbmcgfCBudWxsO1xuICBvbkNvdW50ZG93bkV4cGlyZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgYmFubmVyU3R5bGVzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBwOiA0LFxuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICcycmVtIG1pbm1heCgwLCAxZnIpIDJyZW0nLFxuICBncmlkVGVtcGxhdGVBcmVhczogXCInZW1wdHkgY29udGVudCBjbG9zZSdcIixcbiAgY29sdW1uR2FwOiA4LFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhbm5lckJnID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcbmNvbnN0IEJhbm5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgU3R5bGVkTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFN0eWxlZE1hcmtkb3duKWBcbiAgcCB7XG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmhlYWRlciA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkQmFubmVyOiBSZWFjdC5GQzxFbmhhbmNlZEJhbm5lclByb3BzPiA9ICh7XG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ2xvc2UsXG4gIG9uQ3RhQ2xpY2ssXG4gIGN0YUFyaWFMYWJlbCxcbiAgaGVhZGVyLFxuICBzdWJoZWFkZXIsXG4gIGN0YSxcbiAgY291bnRkb3duVG8sXG4gIG9uQ291bnRkb3duRXhwaXJlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhbGlkQ3RhID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoY3RhICYmIGN0YS50aXRsZSAmJiBjdGEuaHJlZiA/IGN0YSA6IHVuZGVmaW5lZCksXG4gICAgW2N0YV1cbiAgKTtcbiAgY29uc3QgeyBtb2RlIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0RhcmtNb2RlID0gbW9kZSA9PT0gJ2RhcmsnO1xuXG4gIGlmICghaGVhZGVyKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCByZW5kZXJFbmhhbmNlZCA9ICgpID0+IHtcbiAgICBjb25zdCB0ZXh0QmxvY2sgPSAoXG4gICAgICA8Qm94IHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9fSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlIHRleHQ9e2hlYWRlcn0gLz5cbiAgICAgICAge3N1YmhlYWRlciAmJiA8U3R5bGVkU3ViaGVhZGVyIHRleHQ9e3N1YmhlYWRlcn0gLz59XG4gICAgICA8L0JveD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIG1kOiAncm93JyB9fVxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBnYXA9e3sgXzogMTYsIG1kOiA0MCB9fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge2NvdW50ZG93blRvICYmIChcbiAgICAgICAgICAgIDxDb3VudGRvd25UaW1lclxuICAgICAgICAgICAgICB0YXJnZXREYXRlPXtjb3VudGRvd25Ub31cbiAgICAgICAgICAgICAgb25FeHBpcmU9e29uQ291bnRkb3duRXhwaXJlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2ZsZXgnLCBtZDogJ25vbmUnIH19IG1sPXswfT5cbiAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgPFRleHQgbWF4V2lkdGg9e3sgXzogJzEwMCUnLCBtZDogJzUwJScgfX0+e3RleHRCbG9ja308L1RleHQ+XG5cbiAgICAgICAge3ZhbGlkQ3RhICYmIChcbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgdmFyaWFudD17aXNEYXJrTW9kZSA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICBocmVmPXt2YWxpZEN0YS5ocmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dmFsaWRDdGEudGl0bGV9XG4gICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBiYWNrZ3JvdW5kVmFyaWFudCA9IGlzRGFya01vZGUgPyAneWVsbG93JyA6IHZhcmlhbnQ7XG4gIGNvbnN0IENvbnRhaW5lciA9IGJhY2tncm91bmRWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckJveCA6IEJhbm5lckJnO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW2JhY2tncm91bmRWYXJpYW50ID8/ICduYXZ5J119PlxuICAgICAgPEJveCBncmlkQXJlYT1cImNvbnRlbnRcIiBmb250U2l6ZT1cImluaGVyaXRcIj5cbiAgICAgICAge3JlbmRlckVuaGFuY2VkKCl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwiY2VudGVyXCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdsZWZ0LWNlbnRlcicgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEa0IifQ== */");
+const StyledMarkdown = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Markdown, {
+	target: "exq1euw2",
+	label: "brand-StyledMarkdown"
+})("overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgSWNvbkJ1dHRvbixcbiAgTWFya2Rvd24sXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlEZWxldGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQmFja2dyb3VuZFByb3BzLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCYW5uZXJWYXJpYW50IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBDb3VudGRvd25UaW1lciB9IGZyb20gJy4vQ291bnRkb3duVGltZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVuaGFuY2VkQmFubmVyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEJhY2tncm91bmRQcm9wcywgJ2JnJyB8ICdjb250YWluZXJUeXBlJz4ge1xuICB2YXJpYW50PzogQmFubmVyVmFyaWFudCB8IG51bGw7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xuICBoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBzdWJoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBjdGE/OiB7IHRpdGxlOiBzdHJpbmc7IGhyZWY6IHN0cmluZyB9IHwgbnVsbDtcbiAgY291bnRkb3duVG8/OiBzdHJpbmcgfCBudWxsO1xuICBvbkNvdW50ZG93bkV4cGlyZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgYmFubmVyU3R5bGVzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBwOiA0LFxuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICcycmVtIG1pbm1heCgwLCAxZnIpIDJyZW0nLFxuICBncmlkVGVtcGxhdGVBcmVhczogXCInZW1wdHkgY29udGVudCBjbG9zZSdcIixcbiAgY29sdW1uR2FwOiA4LFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhbm5lckJnID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcbmNvbnN0IEJhbm5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgU3R5bGVkTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFN0eWxlZE1hcmtkb3duKWBcbiAgcCB7XG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmhlYWRlciA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkQmFubmVyOiBSZWFjdC5GQzxFbmhhbmNlZEJhbm5lclByb3BzPiA9ICh7XG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ2xvc2UsXG4gIG9uQ3RhQ2xpY2ssXG4gIGN0YUFyaWFMYWJlbCxcbiAgaGVhZGVyLFxuICBzdWJoZWFkZXIsXG4gIGN0YSxcbiAgY291bnRkb3duVG8sXG4gIG9uQ291bnRkb3duRXhwaXJlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhbGlkQ3RhID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoY3RhICYmIGN0YS50aXRsZSAmJiBjdGEuaHJlZiA/IGN0YSA6IHVuZGVmaW5lZCksXG4gICAgW2N0YV1cbiAgKTtcbiAgY29uc3QgeyBtb2RlIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0RhcmtNb2RlID0gbW9kZSA9PT0gJ2RhcmsnO1xuXG4gIGlmICghaGVhZGVyKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCByZW5kZXJFbmhhbmNlZCA9ICgpID0+IHtcbiAgICBjb25zdCB0ZXh0QmxvY2sgPSAoXG4gICAgICA8Qm94IHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9fSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlIHRleHQ9e2hlYWRlcn0gLz5cbiAgICAgICAge3N1YmhlYWRlciAmJiA8U3R5bGVkU3ViaGVhZGVyIHRleHQ9e3N1YmhlYWRlcn0gLz59XG4gICAgICA8L0JveD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIG1kOiAncm93JyB9fVxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBnYXA9e3sgXzogMTYsIG1kOiA0MCB9fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge2NvdW50ZG93blRvICYmIChcbiAgICAgICAgICAgIDxDb3VudGRvd25UaW1lclxuICAgICAgICAgICAgICB0YXJnZXREYXRlPXtjb3VudGRvd25Ub31cbiAgICAgICAgICAgICAgb25FeHBpcmU9e29uQ291bnRkb3duRXhwaXJlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2ZsZXgnLCBtZDogJ25vbmUnIH19IG1sPXswfT5cbiAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgPFRleHQgbWF4V2lkdGg9e3sgXzogJzEwMCUnLCBtZDogJzUwJScgfX0+e3RleHRCbG9ja308L1RleHQ+XG5cbiAgICAgICAge3ZhbGlkQ3RhICYmIChcbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgdmFyaWFudD17aXNEYXJrTW9kZSA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICBocmVmPXt2YWxpZEN0YS5ocmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dmFsaWRDdGEudGl0bGV9XG4gICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBiYWNrZ3JvdW5kVmFyaWFudCA9IGlzRGFya01vZGUgPyAneWVsbG93JyA6IHZhcmlhbnQ7XG4gIGNvbnN0IENvbnRhaW5lciA9IGJhY2tncm91bmRWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckJveCA6IEJhbm5lckJnO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW2JhY2tncm91bmRWYXJpYW50ID8/ICduYXZ5J119PlxuICAgICAgPEJveCBncmlkQXJlYT1cImNvbnRlbnRcIiBmb250U2l6ZT1cImluaGVyaXRcIj5cbiAgICAgICAge3JlbmRlckVuaGFuY2VkKCl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwiY2VudGVyXCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdsZWZ0LWNlbnRlcicgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEdUIifQ== */");
+const StyledTitle = /* @__PURE__ */ (0, _emotion_styled.default)(StyledMarkdown, {
+	target: "exq1euw3",
+	label: "brand-StyledTitle"
+})("p{font-size:22px;font-weight:700;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgSWNvbkJ1dHRvbixcbiAgTWFya2Rvd24sXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlEZWxldGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQmFja2dyb3VuZFByb3BzLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCYW5uZXJWYXJpYW50IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBDb3VudGRvd25UaW1lciB9IGZyb20gJy4vQ291bnRkb3duVGltZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVuaGFuY2VkQmFubmVyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEJhY2tncm91bmRQcm9wcywgJ2JnJyB8ICdjb250YWluZXJUeXBlJz4ge1xuICB2YXJpYW50PzogQmFubmVyVmFyaWFudCB8IG51bGw7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xuICBoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBzdWJoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBjdGE/OiB7IHRpdGxlOiBzdHJpbmc7IGhyZWY6IHN0cmluZyB9IHwgbnVsbDtcbiAgY291bnRkb3duVG8/OiBzdHJpbmcgfCBudWxsO1xuICBvbkNvdW50ZG93bkV4cGlyZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgYmFubmVyU3R5bGVzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBwOiA0LFxuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICcycmVtIG1pbm1heCgwLCAxZnIpIDJyZW0nLFxuICBncmlkVGVtcGxhdGVBcmVhczogXCInZW1wdHkgY29udGVudCBjbG9zZSdcIixcbiAgY29sdW1uR2FwOiA4LFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhbm5lckJnID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcbmNvbnN0IEJhbm5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgU3R5bGVkTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFN0eWxlZE1hcmtkb3duKWBcbiAgcCB7XG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmhlYWRlciA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkQmFubmVyOiBSZWFjdC5GQzxFbmhhbmNlZEJhbm5lclByb3BzPiA9ICh7XG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ2xvc2UsXG4gIG9uQ3RhQ2xpY2ssXG4gIGN0YUFyaWFMYWJlbCxcbiAgaGVhZGVyLFxuICBzdWJoZWFkZXIsXG4gIGN0YSxcbiAgY291bnRkb3duVG8sXG4gIG9uQ291bnRkb3duRXhwaXJlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhbGlkQ3RhID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoY3RhICYmIGN0YS50aXRsZSAmJiBjdGEuaHJlZiA/IGN0YSA6IHVuZGVmaW5lZCksXG4gICAgW2N0YV1cbiAgKTtcbiAgY29uc3QgeyBtb2RlIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0RhcmtNb2RlID0gbW9kZSA9PT0gJ2RhcmsnO1xuXG4gIGlmICghaGVhZGVyKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCByZW5kZXJFbmhhbmNlZCA9ICgpID0+IHtcbiAgICBjb25zdCB0ZXh0QmxvY2sgPSAoXG4gICAgICA8Qm94IHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9fSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlIHRleHQ9e2hlYWRlcn0gLz5cbiAgICAgICAge3N1YmhlYWRlciAmJiA8U3R5bGVkU3ViaGVhZGVyIHRleHQ9e3N1YmhlYWRlcn0gLz59XG4gICAgICA8L0JveD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIG1kOiAncm93JyB9fVxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBnYXA9e3sgXzogMTYsIG1kOiA0MCB9fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge2NvdW50ZG93blRvICYmIChcbiAgICAgICAgICAgIDxDb3VudGRvd25UaW1lclxuICAgICAgICAgICAgICB0YXJnZXREYXRlPXtjb3VudGRvd25Ub31cbiAgICAgICAgICAgICAgb25FeHBpcmU9e29uQ291bnRkb3duRXhwaXJlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2ZsZXgnLCBtZDogJ25vbmUnIH19IG1sPXswfT5cbiAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgPFRleHQgbWF4V2lkdGg9e3sgXzogJzEwMCUnLCBtZDogJzUwJScgfX0+e3RleHRCbG9ja308L1RleHQ+XG5cbiAgICAgICAge3ZhbGlkQ3RhICYmIChcbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgdmFyaWFudD17aXNEYXJrTW9kZSA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICBocmVmPXt2YWxpZEN0YS5ocmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dmFsaWRDdGEudGl0bGV9XG4gICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBiYWNrZ3JvdW5kVmFyaWFudCA9IGlzRGFya01vZGUgPyAneWVsbG93JyA6IHZhcmlhbnQ7XG4gIGNvbnN0IENvbnRhaW5lciA9IGJhY2tncm91bmRWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckJveCA6IEJhbm5lckJnO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW2JhY2tncm91bmRWYXJpYW50ID8/ICduYXZ5J119PlxuICAgICAgPEJveCBncmlkQXJlYT1cImNvbnRlbnRcIiBmb250U2l6ZT1cImluaGVyaXRcIj5cbiAgICAgICAge3JlbmRlckVuaGFuY2VkKCl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwiY2VudGVyXCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdsZWZ0LWNlbnRlcicgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEb0IifQ== */");
+const StyledSubheader = /* @__PURE__ */ (0, _emotion_styled.default)(StyledMarkdown, {
+	target: "exq1euw4",
+	label: "brand-StyledSubheader"
+})("p{font-size:16px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Jhbm5lci9FbmhhbmNlZEJhbm5lci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9CYW5uZXIvRW5oYW5jZWRCYW5uZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgRmlsbEJ1dHRvbixcbiAgRmxleEJveCxcbiAgSWNvbkJ1dHRvbixcbiAgTWFya2Rvd24sXG4gIFRleHQsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlEZWxldGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQmFja2dyb3VuZCwgQmFja2dyb3VuZFByb3BzLCBjc3MgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCYW5uZXJWYXJpYW50IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBDb3VudGRvd25UaW1lciB9IGZyb20gJy4vQ291bnRkb3duVGltZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVuaGFuY2VkQmFubmVyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PEJhY2tncm91bmRQcm9wcywgJ2JnJyB8ICdjb250YWluZXJUeXBlJz4ge1xuICB2YXJpYW50PzogQmFubmVyVmFyaWFudCB8IG51bGw7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xuICBoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBzdWJoZWFkZXI/OiBzdHJpbmcgfCBudWxsO1xuICBjdGE/OiB7IHRpdGxlOiBzdHJpbmc7IGhyZWY6IHN0cmluZyB9IHwgbnVsbDtcbiAgY291bnRkb3duVG8/OiBzdHJpbmcgfCBudWxsO1xuICBvbkNvdW50ZG93bkV4cGlyZT86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJhbm5lclZhcmlhbnRzID0ge1xuICBuYXZ5OiAnbmF2eScsXG4gIHllbGxvdzogJ3llbGxvdycsXG4gIHN1YnRsZTogJ2JhY2tncm91bmQtaG92ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgYmFubmVyU3R5bGVzID0ge1xuICB3aWR0aDogJzEwMCUnLFxuICBwOiA0LFxuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICcycmVtIG1pbm1heCgwLCAxZnIpIDJyZW0nLFxuICBncmlkVGVtcGxhdGVBcmVhczogXCInZW1wdHkgY29udGVudCBjbG9zZSdcIixcbiAgY29sdW1uR2FwOiA4LFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IEJhbm5lckJnID0gc3R5bGVkKEJhY2tncm91bmQpKGNzcyhiYW5uZXJTdHlsZXMpKTtcbmNvbnN0IEJhbm5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgU3R5bGVkTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pYFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKFN0eWxlZE1hcmtkb3duKWBcbiAgcCB7XG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmhlYWRlciA9IHN0eWxlZChTdHlsZWRNYXJrZG93bilgXG4gIHAge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkQmFubmVyOiBSZWFjdC5GQzxFbmhhbmNlZEJhbm5lclByb3BzPiA9ICh7XG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ2xvc2UsXG4gIG9uQ3RhQ2xpY2ssXG4gIGN0YUFyaWFMYWJlbCxcbiAgaGVhZGVyLFxuICBzdWJoZWFkZXIsXG4gIGN0YSxcbiAgY291bnRkb3duVG8sXG4gIG9uQ291bnRkb3duRXhwaXJlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhbGlkQ3RhID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoY3RhICYmIGN0YS50aXRsZSAmJiBjdGEuaHJlZiA/IGN0YSA6IHVuZGVmaW5lZCksXG4gICAgW2N0YV1cbiAgKTtcbiAgY29uc3QgeyBtb2RlIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBpc0RhcmtNb2RlID0gbW9kZSA9PT0gJ2RhcmsnO1xuXG4gIGlmICghaGVhZGVyKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCByZW5kZXJFbmhhbmNlZCA9ICgpID0+IHtcbiAgICBjb25zdCB0ZXh0QmxvY2sgPSAoXG4gICAgICA8Qm94IHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgbWQ6ICdsZWZ0JyB9fSB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgPFN0eWxlZFRpdGxlIHRleHQ9e2hlYWRlcn0gLz5cbiAgICAgICAge3N1YmhlYWRlciAmJiA8U3R5bGVkU3ViaGVhZGVyIHRleHQ9e3N1YmhlYWRlcn0gLz59XG4gICAgICA8L0JveD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhEaXJlY3Rpb249e3sgXzogJ2NvbHVtbicsIG1kOiAncm93JyB9fVxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwPXs4fVxuICAgICAgICBnYXA9e3sgXzogMTYsIG1kOiA0MCB9fVxuICAgICAgPlxuICAgICAgICA8RmxleEJveCBnYXA9ezE2fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge2NvdW50ZG93blRvICYmIChcbiAgICAgICAgICAgIDxDb3VudGRvd25UaW1lclxuICAgICAgICAgICAgICB0YXJnZXREYXRlPXtjb3VudGRvd25Ub31cbiAgICAgICAgICAgICAgb25FeHBpcmU9e29uQ291bnRkb3duRXhwaXJlfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHt2YWxpZEN0YSAmJiAoXG4gICAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ2ZsZXgnLCBtZDogJ25vbmUnIH19IG1sPXswfT5cbiAgICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgaHJlZj17dmFsaWRDdGEuaHJlZn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3ZhbGlkQ3RhLnRpdGxlfVxuICAgICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgPFRleHQgbWF4V2lkdGg9e3sgXzogJzEwMCUnLCBtZDogJzUwJScgfX0+e3RleHRCbG9ja308L1RleHQ+XG5cbiAgICAgICAge3ZhbGlkQ3RhICYmIChcbiAgICAgICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBtZDogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgICAgICAgdmFyaWFudD17aXNEYXJrTW9kZSA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICBocmVmPXt2YWxpZEN0YS5ocmVmfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkN0YUNsaWNrfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7dmFsaWRDdGEudGl0bGV9XG4gICAgICAgICAgICA8L0ZpbGxCdXR0b24+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBiYWNrZ3JvdW5kVmFyaWFudCA9IGlzRGFya01vZGUgPyAneWVsbG93JyA6IHZhcmlhbnQ7XG4gIGNvbnN0IENvbnRhaW5lciA9IGJhY2tncm91bmRWYXJpYW50ID09PSAnc3VidGxlJyA/IEJhbm5lckJveCA6IEJhbm5lckJnO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW2JhY2tncm91bmRWYXJpYW50ID8/ICduYXZ5J119PlxuICAgICAgPEJveCBncmlkQXJlYT1cImNvbnRlbnRcIiBmb250U2l6ZT1cImluaGVyaXRcIj5cbiAgICAgICAge3JlbmRlckVuaGFuY2VkKCl9XG4gICAgICA8L0JveD5cbiAgICAgIHtvbkNsb3NlICYmIChcbiAgICAgICAgPEJveCBncmlkQXJlYT1cImNsb3NlXCIgYWxpZ25TZWxmPVwiY2VudGVyXCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdsZWZ0LWNlbnRlcicgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFd0IifQ== */");
+const EnhancedBanner = ({ variant = "navy", onClose, onCtaClick, ctaAriaLabel, header, subheader, cta, countdownTo, onCountdownExpire, ...rest }) => {
+	const validCta = (0, react.useMemo)(() => cta && cta.title && cta.href ? cta : void 0, [cta]);
+	const { mode } = (0, _emotion_react.useTheme)();
+	const isDarkMode = mode === "dark";
+	if (!header) return null;
+	const renderEnhanced = () => {
+		const textBlock = /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+			textAlign: {
+				_: "center",
+				md: "left"
+			},
+			width: "100%"
+		}, /* @__PURE__ */ React.createElement(StyledTitle, { text: header }), subheader && /* @__PURE__ */ React.createElement(StyledSubheader, { text: subheader }));
+		return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+			flexDirection: {
+				_: "column",
+				md: "row"
+			},
+			alignItems: "center",
+			justifyContent: "center",
+			width: "100%",
+			p: 8,
+			gap: {
+				_: 16,
+				md: 40
+			}
+		}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+			gap: 16,
+			alignItems: "center"
+		}, countdownTo && /* @__PURE__ */ React.createElement(require_CountdownTimer.CountdownTimer, {
+			targetDate: countdownTo,
+			onExpire: onCountdownExpire
+		}), validCta && /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+			display: {
+				_: "flex",
+				md: "none"
+			},
+			ml: 0
+		}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FillButton, {
+			variant: "primary",
+			href: validCta.href,
+			onClick: onCtaClick
+		}, validCta.title))), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { maxWidth: {
+			_: "100%",
+			md: "50%"
+		} }, textBlock), validCta && /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { display: {
+			_: "none",
+			md: "flex"
+		} }, /* @__PURE__ */ React.createElement(_codecademy_gamut.FillButton, {
+			variant: isDarkMode ? "secondary" : "primary",
+			href: validCta.href,
+			onClick: onCtaClick
+		}, validCta.title)));
+	};
+	const backgroundVariant = isDarkMode ? "yellow" : variant;
+	const Container = backgroundVariant === "subtle" ? BannerBox : BannerBg;
+	return /* @__PURE__ */ React.createElement(Container, {
+		...rest,
+		bg: bannerVariants[backgroundVariant ?? "navy"]
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		gridArea: "content",
+		fontSize: "inherit"
+	}, renderEnhanced()), onClose && /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		gridArea: "close",
+		alignSelf: "center"
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.IconButton, {
+		variant: "secondary",
+		size: "small",
+		icon: _codecademy_gamut_icons.MiniDeleteIcon,
+		onClick: onClose,
+		tip: "Close banner",
+		tipProps: { alignment: "left-center" }
+	})));
+};
+
+//#endregion
+exports.EnhancedBanner = EnhancedBanner;
+//# sourceMappingURL=EnhancedBanner.cjs.map

package/dist/Banner/EnhancedBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedBanner.cjs","names":["Box","FillButton","FlexBox","IconButton","Markdown","Text","MiniDeleteIcon","Background","css","useTheme","styled","useMemo","CountdownTimer","bannerVariants","navy","yellow","subtle","bannerStyles","width","p","display","gridTemplateColumns","gridTemplateAreas","columnGap","alignItems","textAlign","BannerBg","BannerBox","StyledMarkdown","StyledTitle","StyledSubheader","EnhancedBanner","variant","onClose","onCtaClick","ctaAriaLabel","header","subheader","cta","countdownTo","onCountdownExpire","rest","validCta","title","href","undefined","mode","isDarkMode","renderEnhanced","textBlock","_","md","text","flexDirection","justifyContent","gap","targetDate","onExpire","ml","onClick","maxWidth","backgroundVariant","Container","bg","gridArea","fontSize","alignSelf","size","icon","tip","tipProps","alignment"],"sources":["../../src/Banner/EnhancedBanner.tsx"],"sourcesContent":["import {\n  Box,\n  FillButton,\n  FlexBox,\n  IconButton,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { MiniDeleteIcon } from '@codecademy/gamut-icons';\nimport { Background, BackgroundProps, css } from '@codecademy/gamut-styles';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { useMemo } from 'react';\n\nimport { BannerVariant } from '.';\nimport { CountdownTimer } from './CountdownTimer';\n\nexport interface EnhancedBannerProps\n  extends Omit<BackgroundProps, 'bg' | 'containerType'> {\n  variant?: BannerVariant | null;\n  onClose?: () => void;\n  onCtaClick?: () => void;\n  ctaAriaLabel?: string;\n  header?: string | null;\n  subheader?: string | null;\n  cta?: { title: string; href: string } | null;\n  countdownTo?: string | null;\n  onCountdownExpire?: () => void;\n}\n\nconst bannerVariants = {\n  navy: 'navy',\n  yellow: 'yellow',\n  subtle: 'background-hover',\n} as const;\n\nconst bannerStyles = {\n  width: '100%',\n  p: 4,\n  display: 'grid',\n  gridTemplateColumns: '2rem minmax(0, 1fr) 2rem',\n  gridTemplateAreas: \"'empty content close'\",\n  columnGap: 8,\n  alignItems: 'center',\n  textAlign: 'center',\n} as const;\n\nconst BannerBg = styled(Background)(css(bannerStyles));\nconst BannerBox = styled(Box)(css(bannerStyles));\n\nconst StyledMarkdown = styled(Markdown)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`;\n\nconst StyledTitle = styled(StyledMarkdown)`\n  p {\n    font-size: 22px;\n    font-weight: 700;\n  }\n`;\n\nconst StyledSubheader = styled(StyledMarkdown)`\n  p {\n    font-size: 16px;\n  }\n`;\n\nexport const EnhancedBanner: React.FC<EnhancedBannerProps> = ({\n  variant = 'navy',\n  onClose,\n  onCtaClick,\n  ctaAriaLabel,\n  header,\n  subheader,\n  cta,\n  countdownTo,\n  onCountdownExpire,\n  ...rest\n}) => {\n  const validCta = useMemo(\n    () => (cta && cta.title && cta.href ? cta : undefined),\n    [cta]\n  );\n  const { mode } = useTheme();\n  const isDarkMode = mode === 'dark';\n\n  if (!header) return null;\n\n  const renderEnhanced = () => {\n    const textBlock = (\n      <Box textAlign={{ _: 'center', md: 'left' }} width=\"100%\">\n        <StyledTitle text={header} />\n        {subheader && <StyledSubheader text={subheader} />}\n      </Box>\n    );\n\n    return (\n      <FlexBox\n        flexDirection={{ _: 'column', md: 'row' }}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        width=\"100%\"\n        p={8}\n        gap={{ _: 16, md: 40 }}\n      >\n        <FlexBox gap={16} alignItems=\"center\">\n          {countdownTo && (\n            <CountdownTimer\n              targetDate={countdownTo}\n              onExpire={onCountdownExpire}\n            />\n          )}\n          {validCta && (\n            <Box display={{ _: 'flex', md: 'none' }} ml={0}>\n              <FillButton\n                variant=\"primary\"\n                href={validCta.href}\n                onClick={onCtaClick}\n              >\n                {validCta.title}\n              </FillButton>\n            </Box>\n          )}\n        </FlexBox>\n\n        <Text maxWidth={{ _: '100%', md: '50%' }}>{textBlock}</Text>\n\n        {validCta && (\n          <Box display={{ _: 'none', md: 'flex' }}>\n            <FillButton\n              variant={isDarkMode ? 'secondary' : 'primary'}\n              href={validCta.href}\n              onClick={onCtaClick}\n            >\n              {validCta.title}\n            </FillButton>\n          </Box>\n        )}\n      </FlexBox>\n    );\n  };\n\n  const backgroundVariant = isDarkMode ? 'yellow' : variant;\n  const Container = backgroundVariant === 'subtle' ? BannerBox : BannerBg;\n\n  return (\n    <Container {...rest} bg={bannerVariants[backgroundVariant ?? 'navy']}>\n      <Box gridArea=\"content\" fontSize=\"inherit\">\n        {renderEnhanced()}\n      </Box>\n      {onClose && (\n        <Box gridArea=\"close\" alignSelf=\"center\">\n          <IconButton\n            variant=\"secondary\"\n            size=\"small\"\n            icon={MiniDeleteIcon}\n            onClick={onClose}\n            tip=\"Close banner\"\n            tipProps={{ alignment: 'left-center' }}\n          />\n        </Box>\n      )}\n    </Container>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA8BA,MAAMa,iBAAiB;CACrBC,MAAM;CACNC,QAAQ;CACRC,QAAQ;CACV;AAEA,MAAMC,eAAe;CACnBC,OAAO;CACPC,GAAG;CACHC,SAAS;CACTC,qBAAqB;CACrBC,mBAAmB;CACnBC,WAAW;CACXC,YAAY;CACZC,WAAW;CACb;AAEA,MAAMC,WAAWhB,6CAAOH,qCAAAA;;;qCAAgBU,aAAAA,EAAAA,siMAAAA;AACxC,MAAMU,YAAYjB,6CAAOV,uBAAAA;;;qCAASiB,aAAAA,EAAAA,siMAAAA;AAElC,MAAMW,iBAAiBlB,6CAAON,4BAAAA;;;;AAQ9B,MAAMyB,cAAcnB,6CAAOkB,gBAAAA;;;;AAO3B,MAAME,kBAAkBpB,6CAAOkB,gBAAAA;;;;AAM/B,MAAaG,kBAAiD,EAC5DC,UAAU,QACVC,SACAC,YACAC,cACAC,QACAC,WACAC,KACAC,aACAC,mBACA,GAAGC,WACJ;CACC,MAAMC,oCACGJ,OAAOA,IAAIK,SAASL,IAAIM,OAAON,MAAMO,QAC5C,CAACP,IAAI,CAAA;CAEP,MAAM,EAAEQ,uCAASrC;CACjB,MAAMsC,aAAaD,SAAS;AAE5B,KAAI,CAACV,OAAQ,QAAO;CAEpB,MAAMY,uBAAiB;EACrB,MAAMC,YACJ,sBAAA,cAACjD,uBAAAA;GAAIyB,WAAW;IAAEyB,GAAG;IAAUC,IAAI;IAAO;GAAGjC,OAAM;KACjD,sBAAA,cAACW,aAAAA,EAAYuB,MAAMhB,WAClBC,aAAa,sBAAA,cAACP,iBAAAA,EAAgBsB,MAAMf;AAIzC,SACE,sBAAA,cAACnC,2BAAAA;GACCmD,eAAe;IAAEH,GAAG;IAAUC,IAAI;IAAM;GACxC3B,YAAW;GACX8B,gBAAe;GACfpC,OAAM;GACNC,GAAG;GACHoC,KAAK;IAAEL,GAAG;IAAIC,IAAI;IAAG;KAErB,sBAAA,cAACjD,2BAAAA;GAAQqD,KAAK;GAAI/B,YAAW;KAC1Be,eACC,sBAAA,cAAC3B,uCAAAA;GACC4C,YAAYjB;GACZkB,UAAUjB;MAGbE,YACC,sBAAA,cAAC1C,uBAAAA;GAAIoB,SAAS;IAAE8B,GAAG;IAAQC,IAAI;IAAO;GAAGO,IAAI;KAC3C,sBAAA,cAACzD,8BAAAA;GACC+B,SAAQ;GACRY,MAAMF,SAASE;GACfe,SAASzB;KAERQ,SAASC,MAAK,CAAA,CAAA,EAMvB,sBAAA,cAACtC,wBAAAA,EAAKuD,UAAU;GAAEV,GAAG;GAAQC,IAAI;GAAM,IAAIF,UAAAA,EAE1CP,YACC,sBAAA,cAAC1C,uBAAAA,EAAIoB,SAAS;GAAE8B,GAAG;GAAQC,IAAI;GAAO,IACpC,sBAAA,cAAClD,8BAAAA;GACC+B,SAASe,aAAa,cAAc;GACpCH,MAAMF,SAASE;GACfe,SAASzB;KAERQ,SAASC,MAAK,CAAA,CAAA;;CAQ3B,MAAMkB,oBAAoBd,aAAa,WAAWf;CAClD,MAAM8B,YAAYD,sBAAsB,WAAWlC,YAAYD;AAE/D,QACE,sBAAA,cAACoC,WAAAA;EAAW,GAAGrB;EAAMsB,IAAIlD,eAAegD,qBAAqB;IAC3D,sBAAA,cAAC7D,uBAAAA;EAAIgE,UAAS;EAAUC,UAAS;IAC9BjB,gBAAAA,CAAAA,EAEFf,WACC,sBAAA,cAACjC,uBAAAA;EAAIgE,UAAS;EAAQE,WAAU;IAC9B,sBAAA,cAAC/D,8BAAAA;EACC6B,SAAQ;EACRmC,MAAK;EACLC,MAAM9D;EACNqD,SAAS1B;EACToC,KAAI;EACJC,UAAU,EAAEC,WAAW,eAAc"}

package/dist/Banner/EnhancedBanner.d.cts

@@ -0,0 +1,21 @@
+import { BannerVariant } from "./index.cjs";
+import { BackgroundProps } from "@codecademy/gamut-styles";
+
+//#region src/Banner/EnhancedBanner.d.ts
+interface EnhancedBannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
+  variant?: BannerVariant | null;
+  onClose?: () => void;
+  onCtaClick?: () => void;
+  ctaAriaLabel?: string;
+  header?: string | null;
+  subheader?: string | null;
+  cta?: {
+    title: string;
+    href: string;
+  } | null;
+  countdownTo?: string | null;
+  onCountdownExpire?: () => void;
+}
+//#endregion
+export { EnhancedBannerProps };
+//# sourceMappingURL=EnhancedBanner.d.cts.map

package/dist/Banner/EnhancedBanner.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedBanner.d.cts","names":[],"sources":["../../src/Banner/EnhancedBanner.tsx"],"mappings":";;;;UAiBiB,mBAAA,SACP,IAAA,CAAK,eAAA;EACb,OAAA,GAAU,aAAA;EACV,OAAA;EACA,UAAA;EACA,YAAA;EACA,MAAA;EACA,SAAA;EACA,GAAA;IAAQ,KAAA;IAAe,IAAA;EAAA;EACvB,WAAA;EACA,iBAAA;AAAA"}

package/dist/Banner/EnhancedBanner.d.ts

@@ -1,17 +1,21 @@
-import { BackgroundProps } from '@codecademy/gamut-styles';
-import { BannerVariant } from '.';
-export interface EnhancedBannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
-    variant?: BannerVariant | null;
-    onClose?: () => void;
-    onCtaClick?: () => void;
-    ctaAriaLabel?: string;
-    header?: string | null;
-    subheader?: string | null;
-    cta?: {
-        title: string;
-        href: string;
-    } | null;
-    countdownTo?: string | null;
-    onCountdownExpire?: () => void;
+import { BannerVariant } from "./index.js";
+import { BackgroundProps } from "@codecademy/gamut-styles";
+
+//#region src/Banner/EnhancedBanner.d.ts
+interface EnhancedBannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
+  variant?: BannerVariant | null;
+  onClose?: () => void;
+  onCtaClick?: () => void;
+  ctaAriaLabel?: string;
+  header?: string | null;
+  subheader?: string | null;
+  cta?: {
+    title: string;
+    href: string;
+  } | null;
+  countdownTo?: string | null;
+  onCountdownExpire?: () => void;
 }
-export declare const EnhancedBanner: React.FC<EnhancedBannerProps>;
+//#endregion
+export { EnhancedBannerProps };
+//# sourceMappingURL=EnhancedBanner.d.ts.map

package/dist/Banner/EnhancedBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedBanner.d.ts","names":[],"sources":["../../src/Banner/EnhancedBanner.tsx"],"mappings":";;;;UAiBiB,mBAAA,SACP,IAAA,CAAK,eAAA;EACb,OAAA,GAAU,aAAA;EACV,OAAA;EACA,UAAA;EACA,YAAA;EACA,MAAA;EACA,SAAA;EACA,GAAA;IAAQ,KAAA;IAAe,IAAA;EAAA;EACvB,WAAA;EACA,iBAAA;AAAA"}