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

package/dist/Logos/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","names":[],"sources":["../../src/Logos/shared.tsx"],"mappings":";;;;;;;;;cAsBM,kBAAA,EAAkB,uCAAA,CAAA,MAAA,yCAAA,OAAA,EAAA,uCAAA,CAAA,MAAA,yCAAA,cAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iEAKvB,2CAAA,CAAA,YAAA;EAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iEALuB,2CAAA,CAAA,YAAA;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOd,kBAAA,SAA2B,UAAA,QAAkB,kBAAA;AAAA,UAEtC,eAAA,SACP,IAAA,CAAK,KAAA,CAAM,QAAA,CAAS,aAAA,SAAsB,kBAAA,GAChD,kBAAA"}

package/dist/Logos/shared.js

@@ -1,16 +1,21 @@
-import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { styledOptions, system } from '@codecademy/gamut-styles';
-import { variance } from '@codecademy/variance';
+import { styledOptions, system } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { variance } from "@codecademy/variance";
+
+//#region src/Logos/shared.tsx
 const logoStyles = variance.compose(system.layout, system.positioning, system.space);
-export const LogoSvg = /*#__PURE__*/_styled('svg', _extends({}, {
-  target: "e1d9jxa21",
-  label: "LogoSvg"
-}, styledOptions()))(system.css({
-  textColor: 'currentColor'
-}), logoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck1vZGVzLCBzdHlsZWRPcHRpb25zLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcywgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBTVkdQcm9wcyB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgTG9nb1Byb3BzID0gU1ZHUHJvcHM8U1ZHU1ZHRWxlbWVudD4gJlxuICBTdHlsZVByb3BzPHR5cGVvZiBsb2dvU3R5bGVzPiAmIHtcbiAgICBoZWlnaHQ/OiBudW1iZXI7XG4gICAgd2lkdGg/OiBudW1iZXI7XG4gICAgbW9kZT86IENvbG9yTW9kZXM7XG4gIH07XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuZXhwb3J0IGNvbnN0IExvZ29TdmcgPSBzdHlsZWQoJ3N2ZycsIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KCkpPFxuICBPbWl0PExvZ29Qcm9wcywgJ3ZhcmlhbnQnPlxuPihzeXN0ZW0uY3NzKHsgdGV4dENvbG9yOiAnY3VycmVudENvbG9yJyB9KSwgbG9nb1N0eWxlcyk7XG5cbmNvbnN0IGNvbXBvc2VkTG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5jb2xvcixcbiAgc3lzdGVtLnNwYWNlLFxuICBzeXN0ZW0ucG9zaXRpb25pbmdcbik7XG5cbmludGVyZmFjZSBGcm9tTG9nb1N0eWxlUHJvcHMgZXh0ZW5kcyBTdHlsZVByb3BzPHR5cGVvZiBjb21wb3NlZExvZ29TdHlsZXM+IHt9XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hhcmVkTG9nb1Byb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5TVkdQcm9wczxTVkdTVkdFbGVtZW50Piwga2V5b2YgRnJvbUxvZ29TdHlsZVByb3BzPixcbiAgICBGcm9tTG9nb1N0eWxlUHJvcHMge31cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNWR1dyYXBwZXIgPSBzdHlsZWQoXG4gICdzdmcnLFxuICBzdHlsZWRPcHRpb25zPCdzdmcnPigpXG4pKGNvbXBvc2VkTG9nb1N0eWxlcyk7XG4iXX0= */");
+const LogoSvg = /* @__PURE__ */ styled("svg", {
+	target: "edyflkl0",
+	label: "brand-LogoSvg",
+	...styledOptions()
+})(system.css({ textColor: "currentColor" }), logoStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZXMsIHN0eWxlZE9wdGlvbnMsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBMb2dvUHJvcHMgPSBTVkdQcm9wczxTVkdTVkdFbGVtZW50PiAmXG4gIFN0eWxlUHJvcHM8dHlwZW9mIGxvZ29TdHlsZXM+ICYge1xuICAgIGhlaWdodD86IG51bWJlcjtcbiAgICB3aWR0aD86IG51bWJlcjtcbiAgICBtb2RlPzogQ29sb3JNb2RlcztcbiAgfTtcblxuY29uc3QgbG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgY29uc3QgTG9nb1N2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkT3B0aW9uczwnc3ZnJz4oKSk8XG4gIE9taXQ8TG9nb1Byb3BzLCAndmFyaWFudCc+XG4+KHN5c3RlbS5jc3MoeyB0ZXh0Q29sb3I6ICdjdXJyZW50Q29sb3InIH0pLCBsb2dvU3R5bGVzKTtcblxuY29uc3QgY29tcG9zZWRMb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHN5c3RlbS5wb3NpdGlvbmluZ1xuKTtcblxuaW50ZXJmYWNlIEZyb21Mb2dvU3R5bGVQcm9wcyBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIGNvbXBvc2VkTG9nb1N0eWxlcz4ge31cblxuZXhwb3J0IGludGVyZmFjZSBTaGFyZWRMb2dvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+LCBrZXlvZiBGcm9tTG9nb1N0eWxlUHJvcHM+LFxuICAgIEZyb21Mb2dvU3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHV3JhcHBlciA9IHN0eWxlZChcbiAgJ3N2ZycsXG4gIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KClcbikoY29tcG9zZWRMb2dvU3R5bGVzKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVCIn0= */");
 const composedLogoStyles = variance.compose(system.layout, system.color, system.space, system.positioning);
-export const StyledSVGWrapper = /*#__PURE__*/_styled('svg', _extends({}, {
-  target: "e1d9jxa20",
-  label: "StyledSVGWrapper"
-}, styledOptions()))(composedLogoStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DZ0MiLCJmaWxlIjoiLi4vLi4vc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvck1vZGVzLCBzdHlsZWRPcHRpb25zLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcywgdmFyaWFuY2UgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBTVkdQcm9wcyB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgTG9nb1Byb3BzID0gU1ZHUHJvcHM8U1ZHU1ZHRWxlbWVudD4gJlxuICBTdHlsZVByb3BzPHR5cGVvZiBsb2dvU3R5bGVzPiAmIHtcbiAgICBoZWlnaHQ/OiBudW1iZXI7XG4gICAgd2lkdGg/OiBudW1iZXI7XG4gICAgbW9kZT86IENvbG9yTW9kZXM7XG4gIH07XG5cbmNvbnN0IGxvZ29TdHlsZXMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBzeXN0ZW0ubGF5b3V0LFxuICBzeXN0ZW0ucG9zaXRpb25pbmcsXG4gIHN5c3RlbS5zcGFjZVxuKTtcblxuZXhwb3J0IGNvbnN0IExvZ29TdmcgPSBzdHlsZWQoJ3N2ZycsIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KCkpPFxuICBPbWl0PExvZ29Qcm9wcywgJ3ZhcmlhbnQnPlxuPihzeXN0ZW0uY3NzKHsgdGV4dENvbG9yOiAnY3VycmVudENvbG9yJyB9KSwgbG9nb1N0eWxlcyk7XG5cbmNvbnN0IGNvbXBvc2VkTG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5jb2xvcixcbiAgc3lzdGVtLnNwYWNlLFxuICBzeXN0ZW0ucG9zaXRpb25pbmdcbik7XG5cbmludGVyZmFjZSBGcm9tTG9nb1N0eWxlUHJvcHMgZXh0ZW5kcyBTdHlsZVByb3BzPHR5cGVvZiBjb21wb3NlZExvZ29TdHlsZXM+IHt9XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hhcmVkTG9nb1Byb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5TVkdQcm9wczxTVkdTVkdFbGVtZW50Piwga2V5b2YgRnJvbUxvZ29TdHlsZVByb3BzPixcbiAgICBGcm9tTG9nb1N0eWxlUHJvcHMge31cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNWR1dyYXBwZXIgPSBzdHlsZWQoXG4gICdzdmcnLFxuICBzdHlsZWRPcHRpb25zPCdzdmcnPigpXG4pKGNvbXBvc2VkTG9nb1N0eWxlcyk7XG4iXX0= */");
+const StyledSVGWrapper = /* @__PURE__ */ styled("svg", {
+	target: "edyflkl1",
+	label: "brand-StyledSVGWrapper",
+	...styledOptions()
+})(composedLogoStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xvZ29zL3NoYXJlZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Mb2dvcy9zaGFyZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yTW9kZXMsIHN0eWxlZE9wdGlvbnMsIHN5c3RlbSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBMb2dvUHJvcHMgPSBTVkdQcm9wczxTVkdTVkdFbGVtZW50PiAmXG4gIFN0eWxlUHJvcHM8dHlwZW9mIGxvZ29TdHlsZXM+ICYge1xuICAgIGhlaWdodD86IG51bWJlcjtcbiAgICB3aWR0aD86IG51bWJlcjtcbiAgICBtb2RlPzogQ29sb3JNb2RlcztcbiAgfTtcblxuY29uc3QgbG9nb1N0eWxlcyA9IHZhcmlhbmNlLmNvbXBvc2UoXG4gIHN5c3RlbS5sYXlvdXQsXG4gIHN5c3RlbS5wb3NpdGlvbmluZyxcbiAgc3lzdGVtLnNwYWNlXG4pO1xuXG5leHBvcnQgY29uc3QgTG9nb1N2ZyA9IHN0eWxlZCgnc3ZnJywgc3R5bGVkT3B0aW9uczwnc3ZnJz4oKSk8XG4gIE9taXQ8TG9nb1Byb3BzLCAndmFyaWFudCc+XG4+KHN5c3RlbS5jc3MoeyB0ZXh0Q29sb3I6ICdjdXJyZW50Q29sb3InIH0pLCBsb2dvU3R5bGVzKTtcblxuY29uc3QgY29tcG9zZWRMb2dvU3R5bGVzID0gdmFyaWFuY2UuY29tcG9zZShcbiAgc3lzdGVtLmxheW91dCxcbiAgc3lzdGVtLmNvbG9yLFxuICBzeXN0ZW0uc3BhY2UsXG4gIHN5c3RlbS5wb3NpdGlvbmluZ1xuKTtcblxuaW50ZXJmYWNlIEZyb21Mb2dvU3R5bGVQcm9wcyBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIGNvbXBvc2VkTG9nb1N0eWxlcz4ge31cblxuZXhwb3J0IGludGVyZmFjZSBTaGFyZWRMb2dvUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+LCBrZXlvZiBGcm9tTG9nb1N0eWxlUHJvcHM+LFxuICAgIEZyb21Mb2dvU3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHV3JhcHBlciA9IHN0eWxlZChcbiAgJ3N2ZycsXG4gIHN0eWxlZE9wdGlvbnM8J3N2Zyc+KClcbikoY29tcG9zZWRMb2dvU3R5bGVzKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIn0= */");
+
+//#endregion
+export { StyledSVGWrapper };
+//# sourceMappingURL=shared.js.map

package/dist/Logos/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":["styledOptions","system","variance","styled","logoStyles","compose","layout","positioning","space","LogoSvg","css","textColor","composedLogoStyles","color","StyledSVGWrapper"],"sources":["../../src/Logos/shared.tsx"],"sourcesContent":["import { ColorModes, styledOptions, system } from '@codecademy/gamut-styles';\nimport { StyleProps, variance } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport { SVGProps } from 'react';\n\nexport type LogoProps = SVGProps<SVGSVGElement> &\n  StyleProps<typeof logoStyles> & {\n    height?: number;\n    width?: number;\n    mode?: ColorModes;\n  };\n\nconst logoStyles = variance.compose(\n  system.layout,\n  system.positioning,\n  system.space\n);\n\nexport const LogoSvg = styled('svg', styledOptions<'svg'>())<\n  Omit<LogoProps, 'variant'>\n>(system.css({ textColor: 'currentColor' }), logoStyles);\n\nconst composedLogoStyles = variance.compose(\n  system.layout,\n  system.color,\n  system.space,\n  system.positioning\n);\n\ninterface FromLogoStyleProps extends StyleProps<typeof composedLogoStyles> {}\n\nexport interface SharedLogoProps\n  extends Omit<React.SVGProps<SVGSVGElement>, keyof FromLogoStyleProps>,\n    FromLogoStyleProps {}\n\nexport const StyledSVGWrapper = styled(\n  'svg',\n  styledOptions<'svg'>()\n)(composedLogoStyles);\n"],"mappings":";;;;;AAYA,MAAMI,aAAaF,SAASG,QAC1BJ,OAAOK,QACPL,OAAOM,aACPN,OAAOO,MAAK;AAGd,MAAaC,UAAUN,uBAAO,OAAA;;;IAAOH,eAAsB;GAEzDC,OAAOS,IAAI,EAAEC,WAAW,gBAAe,CAAA,EAAIP,YAAAA,swDAAAA;AAE7C,MAAMQ,qBAAqBV,SAASG,QAClCJ,OAAOK,QACPL,OAAOY,OACPZ,OAAOO,OACPP,OAAOM,YAAW;AASpB,MAAaO,mBAAmBX,uBAC9B,OAAA;;;IACAH,eAAsB;GACtBY,oBAAAA,swDAAAA"}

package/dist/MarketingToaster/index.cjs

@@ -0,0 +1,51 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let framer_motion = require("framer-motion");
+
+//#region src/MarketingToaster/index.tsx
+const MarketingToaster = ({ toasts }) => {
+	return /* @__PURE__ */ react.default.createElement(framer_motion.AnimatePresence, null, /* @__PURE__ */ react.default.createElement(framer_motion.motion.div, {
+		key: "marketing_toast",
+		initial: false,
+		animate: {
+			opacity: 1,
+			left: 0
+		},
+		exit: { opacity: 0 },
+		transition: { duration: .2 }
+	}, /* @__PURE__ */ react.default.createElement(OuterBox, {
+		zIndex: 2,
+		position: "fixed",
+		justifyContent: "flex-end",
+		alignItems: "flex-end",
+		top: 0,
+		width: "100vw",
+		height: "100vh",
+		flexDirection: "column",
+		pb: 64,
+		pr: 224
+	}, Object.keys(toasts).map((key) => {
+		return /* @__PURE__ */ react.default.createElement(InnerBox, {
+			mt: 8,
+			mb: 8,
+			mx: 24,
+			key
+		}, toasts[key]);
+	}))));
+};
+const OuterBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
+	target: "ebg8ybd0",
+	label: "brand-OuterBox"
+})("pointer-events:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL01hcmtldGluZ1RvYXN0ZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTWFya2V0aW5nVG9hc3Rlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBNYXJrZXRpbmdUb2FzdGVyUHJvcHMge1xuICB0b2FzdHM6IHtcbiAgICBba2V5OiBzdHJpbmddOiBSZWFjdC5SZWFjdE5vZGU7XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdUb2FzdGVyOiBSZWFjdC5GQzxNYXJrZXRpbmdUb2FzdGVyUHJvcHM+ID0gKHtcbiAgdG9hc3RzLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICA8bW90aW9uLmRpdlxuICAgICAgICBrZXk9XCJtYXJrZXRpbmdfdG9hc3RcIlxuICAgICAgICBpbml0aWFsPXtmYWxzZX1cbiAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCBsZWZ0OiAwIH19XG4gICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjIgfX1cbiAgICAgID5cbiAgICAgICAgPE91dGVyQm94XG4gICAgICAgICAgekluZGV4PXsyfVxuICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgdG9wPXswfVxuICAgICAgICAgIHdpZHRoPVwiMTAwdndcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMHZoXCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBwYj17NjR9XG4gICAgICAgICAgcHI9ezIyNCBhcyAwfVxuICAgICAgICA+XG4gICAgICAgICAge09iamVjdC5rZXlzKHRvYXN0cykubWFwKChrZXkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxJbm5lckJveCBtdD17OH0gbWI9ezh9IG14PXsyNH0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgIHt0b2FzdHNba2V5XX1cbiAgICAgICAgICAgICAgPC9Jbm5lckJveD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvT3V0ZXJCb3g+XG4gICAgICA8L21vdGlvbi5kaXY+XG4gICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuXG5jb25zdCBPdXRlckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBJbm5lckJveCA9IHN0eWxlZChCb3gpYFxuICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlCIn0= */");
+const InnerBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "ebg8ybd1",
+	label: "brand-InnerBox"
+})("pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL01hcmtldGluZ1RvYXN0ZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTWFya2V0aW5nVG9hc3Rlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBNYXJrZXRpbmdUb2FzdGVyUHJvcHMge1xuICB0b2FzdHM6IHtcbiAgICBba2V5OiBzdHJpbmddOiBSZWFjdC5SZWFjdE5vZGU7XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdUb2FzdGVyOiBSZWFjdC5GQzxNYXJrZXRpbmdUb2FzdGVyUHJvcHM+ID0gKHtcbiAgdG9hc3RzLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICA8bW90aW9uLmRpdlxuICAgICAgICBrZXk9XCJtYXJrZXRpbmdfdG9hc3RcIlxuICAgICAgICBpbml0aWFsPXtmYWxzZX1cbiAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCBsZWZ0OiAwIH19XG4gICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjIgfX1cbiAgICAgID5cbiAgICAgICAgPE91dGVyQm94XG4gICAgICAgICAgekluZGV4PXsyfVxuICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgdG9wPXswfVxuICAgICAgICAgIHdpZHRoPVwiMTAwdndcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMHZoXCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBwYj17NjR9XG4gICAgICAgICAgcHI9ezIyNCBhcyAwfVxuICAgICAgICA+XG4gICAgICAgICAge09iamVjdC5rZXlzKHRvYXN0cykubWFwKChrZXkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxJbm5lckJveCBtdD17OH0gbWI9ezh9IG14PXsyNH0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgIHt0b2FzdHNba2V5XX1cbiAgICAgICAgICAgICAgPC9Jbm5lckJveD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvT3V0ZXJCb3g+XG4gICAgICA8L21vdGlvbi5kaXY+XG4gICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuXG5jb25zdCBPdXRlckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBJbm5lckJveCA9IHN0eWxlZChCb3gpYFxuICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGlCIn0= */");
+
+//#endregion
+exports.MarketingToaster = MarketingToaster;
+//# sourceMappingURL=index.cjs.map

package/dist/MarketingToaster/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","FlexBox","styled","AnimatePresence","motion","React","MarketingToaster","toasts","div","key","initial","animate","opacity","left","exit","transition","duration","OuterBox","zIndex","position","justifyContent","alignItems","top","width","height","flexDirection","pb","pr","Object","keys","map","InnerBox","mt","mb","mx"],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\ninterface MarketingToasterProps {\n  toasts: {\n    [key: string]: React.ReactNode;\n  };\n}\n\nexport const MarketingToaster: React.FC<MarketingToasterProps> = ({\n  toasts,\n}) => {\n  return (\n    <AnimatePresence>\n      <motion.div\n        key=\"marketing_toast\"\n        initial={false}\n        animate={{ opacity: 1, left: 0 }}\n        exit={{ opacity: 0 }}\n        transition={{ duration: 0.2 }}\n      >\n        <OuterBox\n          zIndex={2}\n          position=\"fixed\"\n          justifyContent=\"flex-end\"\n          alignItems=\"flex-end\"\n          top={0}\n          width=\"100vw\"\n          height=\"100vh\"\n          flexDirection=\"column\"\n          pb={64}\n          pr={224 as 0}\n        >\n          {Object.keys(toasts).map((key) => {\n            return (\n              <InnerBox mt={8} mb={8} mx={24} key={key}>\n                {toasts[key]}\n              </InnerBox>\n            );\n          })}\n        </OuterBox>\n      </motion.div>\n    </AnimatePresence>\n  );\n};\n\nconst OuterBox = styled(FlexBox)`\n  pointer-events: none;\n`;\n\nconst InnerBox = styled(Box)`\n  pointer-events: all;\n`;\n"],"mappings":";;;;;;;;;AAWA,MAAaM,oBAAqD,EAChEC,aACD;AACC,QACE,8BAAA,cAACJ,+BAAAA,MACC,8BAAA,cAACC,qBAAOI,KAAG;EACTC,KAAI;EACJC,SAAS;EACTC,SAAS;GAAEC,SAAS;GAAGC,MAAM;GAAE;EAC/BC,MAAM,EAAEF,SAAS,GAAE;EACnBG,YAAY,EAAEC,UAAU,IAAI;IAE5B,8BAAA,cAACC,UAAAA;EACCC,QAAQ;EACRC,UAAS;EACTC,gBAAe;EACfC,YAAW;EACXC,KAAK;EACLC,OAAM;EACNC,QAAO;EACPC,eAAc;EACdC,IAAI;EACJC,IAAI;IAEHC,OAAOC,KAAKtB,OAAAA,CAAQuB,KAAKrB,QAAAA;AACxB,SACE,8BAAA,cAACsB,UAAAA;GAASC,IAAI;GAAGC,IAAI;GAAGC,IAAI;GAASzB;KAClCF,OAAOE,KAAI;GAGlB,CAAA,CAAA,CAAA;;AAOV,MAAMQ,WAAWf,6CAAOD,2BAAAA;;;;AAIxB,MAAM8B,WAAW7B,6CAAOF,uBAAAA"}

package/dist/MarketingToaster/index.d.cts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region src/MarketingToaster/index.d.ts
+interface MarketingToasterProps {
+  toasts: {
+    [key: string]: React.ReactNode;
+  };
+}
+declare const MarketingToaster: React.FC<MarketingToasterProps>;
+//#endregion
+export { MarketingToaster };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"mappings":";;;UAKU,qBAAA;EACR,MAAA;IAAA,CACG,GAAA,WAAc,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,cAIZ,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,qBAAA"}

package/dist/MarketingToaster/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+import React from "react";
+
+//#region src/MarketingToaster/index.d.ts
 interface MarketingToasterProps {
-    toasts: {
-        [key: string]: React.ReactNode;
-    };
+  toasts: {
+    [key: string]: React.ReactNode;
+  };
 }
-export declare const MarketingToaster: React.FC<MarketingToasterProps>;
-export {};
+declare const MarketingToaster: React.FC<MarketingToasterProps>;
+//#endregion
+export { MarketingToaster };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"mappings":";;;UAKU,qBAAA;EACR,MAAA;IAAA,CACG,GAAA,WAAc,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,cAIZ,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,qBAAA"}

package/dist/MarketingToaster/index.js

@@ -1,67 +1,48 @@
-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 { Box, FlexBox } from '@codecademy/gamut';
-import { AnimatePresence, motion } from 'framer-motion';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MarketingToaster = ({
-  toasts
-}) => {
-  return /*#__PURE__*/_jsx(AnimatePresence, {
-    children: /*#__PURE__*/_jsx(motion.div, {
-      initial: false,
-      animate: {
-        opacity: 1,
-        left: 0
-      },
-      exit: {
-        opacity: 0
-      },
-      transition: {
-        duration: 0.2
-      },
-      children: /*#__PURE__*/_jsx(OuterBox, {
-        zIndex: 2,
-        position: "fixed",
-        justifyContent: "flex-end",
-        alignItems: "flex-end",
-        top: 0,
-        width: "100vw",
-        height: "100vh",
-        flexDirection: "column",
-        pb: 64,
-        pr: 224,
-        children: Object.keys(toasts).map(key => {
-          return /*#__PURE__*/_jsx(InnerBox, {
-            mt: 8,
-            mb: 8,
-            mx: 24,
-            children: toasts[key]
-          }, key);
-        })
-      })
-    }, "marketing_toast")
-  });
+import { Box, FlexBox } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import React from "react";
+import { AnimatePresence, motion } from "framer-motion";
+
+//#region src/MarketingToaster/index.tsx
+const MarketingToaster = ({ toasts }) => {
+	return /* @__PURE__ */ React.createElement(AnimatePresence, null, /* @__PURE__ */ React.createElement(motion.div, {
+		key: "marketing_toast",
+		initial: false,
+		animate: {
+			opacity: 1,
+			left: 0
+		},
+		exit: { opacity: 0 },
+		transition: { duration: .2 }
+	}, /* @__PURE__ */ React.createElement(OuterBox, {
+		zIndex: 2,
+		position: "fixed",
+		justifyContent: "flex-end",
+		alignItems: "flex-end",
+		top: 0,
+		width: "100vw",
+		height: "100vh",
+		flexDirection: "column",
+		pb: 64,
+		pr: 224
+	}, Object.keys(toasts).map((key) => {
+		return /* @__PURE__ */ React.createElement(InnerBox, {
+			mt: 8,
+			mb: 8,
+			mx: 24,
+			key
+		}, toasts[key]);
+	}))));
 };
-const OuterBox = /*#__PURE__*/_styled(FlexBox, {
-  target: "e1gq2ce91",
-  label: "OuterBox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "je8g23",
-  styles: "pointer-events:none"
-} : {
-  name: "je8g23",
-  styles: "pointer-events:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZXRpbmdUb2FzdGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9NYXJrZXRpbmdUb2FzdGVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEFuaW1hdGVQcmVzZW5jZSwgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbnRlcmZhY2UgTWFya2V0aW5nVG9hc3RlclByb3BzIHtcbiAgdG9hc3RzOiB7XG4gICAgW2tleTogc3RyaW5nXTogUmVhY3QuUmVhY3ROb2RlO1xuICB9O1xufVxuXG5leHBvcnQgY29uc3QgTWFya2V0aW5nVG9hc3RlcjogUmVhY3QuRkM8TWFya2V0aW5nVG9hc3RlclByb3BzPiA9ICh7XG4gIHRvYXN0cyxcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QW5pbWF0ZVByZXNlbmNlPlxuICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAga2V5PVwibWFya2V0aW5nX3RvYXN0XCJcbiAgICAgICAgaW5pdGlhbD17ZmFsc2V9XG4gICAgICAgIGFuaW1hdGU9e3sgb3BhY2l0eTogMSwgbGVmdDogMCB9fVxuICAgICAgICBleGl0PXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4yIH19XG4gICAgICA+XG4gICAgICAgIDxPdXRlckJveFxuICAgICAgICAgIHpJbmRleD17Mn1cbiAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIlxuICAgICAgICAgIHRvcD17MH1cbiAgICAgICAgICB3aWR0aD1cIjEwMHZ3XCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDB2aFwiXG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgcGI9ezY0fVxuICAgICAgICAgIHByPXsyMjQgYXMgMH1cbiAgICAgICAgPlxuICAgICAgICAgIHtPYmplY3Qua2V5cyh0b2FzdHMpLm1hcCgoa2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8SW5uZXJCb3ggbXQ9ezh9IG1iPXs4fSBteD17MjR9IGtleT17a2V5fT5cbiAgICAgICAgICAgICAgICB7dG9hc3RzW2tleV19XG4gICAgICAgICAgICAgIDwvSW5uZXJCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L091dGVyQm94PlxuICAgICAgPC9tb3Rpb24uZGl2PlxuICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICApO1xufTtcblxuY29uc3QgT3V0ZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuY29uc3QgSW5uZXJCb3ggPSBzdHlsZWQoQm94KWBcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const InnerBox = /*#__PURE__*/_styled(Box, {
-  target: "e1gq2ce90",
-  label: "InnerBox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "n07k1x",
-  styles: "pointer-events:all"
-} : {
-  name: "n07k1x",
-  styles: "pointer-events:all/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NYXJrZXRpbmdUb2FzdGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRDRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9NYXJrZXRpbmdUb2FzdGVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEFuaW1hdGVQcmVzZW5jZSwgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbnRlcmZhY2UgTWFya2V0aW5nVG9hc3RlclByb3BzIHtcbiAgdG9hc3RzOiB7XG4gICAgW2tleTogc3RyaW5nXTogUmVhY3QuUmVhY3ROb2RlO1xuICB9O1xufVxuXG5leHBvcnQgY29uc3QgTWFya2V0aW5nVG9hc3RlcjogUmVhY3QuRkM8TWFya2V0aW5nVG9hc3RlclByb3BzPiA9ICh7XG4gIHRvYXN0cyxcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8QW5pbWF0ZVByZXNlbmNlPlxuICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAga2V5PVwibWFya2V0aW5nX3RvYXN0XCJcbiAgICAgICAgaW5pdGlhbD17ZmFsc2V9XG4gICAgICAgIGFuaW1hdGU9e3sgb3BhY2l0eTogMSwgbGVmdDogMCB9fVxuICAgICAgICBleGl0PXt7IG9wYWNpdHk6IDAgfX1cbiAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC4yIH19XG4gICAgICA+XG4gICAgICAgIDxPdXRlckJveFxuICAgICAgICAgIHpJbmRleD17Mn1cbiAgICAgICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1lbmRcIlxuICAgICAgICAgIHRvcD17MH1cbiAgICAgICAgICB3aWR0aD1cIjEwMHZ3XCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMDB2aFwiXG4gICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgcGI9ezY0fVxuICAgICAgICAgIHByPXsyMjQgYXMgMH1cbiAgICAgICAgPlxuICAgICAgICAgIHtPYmplY3Qua2V5cyh0b2FzdHMpLm1hcCgoa2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8SW5uZXJCb3ggbXQ9ezh9IG1iPXs4fSBteD17MjR9IGtleT17a2V5fT5cbiAgICAgICAgICAgICAgICB7dG9hc3RzW2tleV19XG4gICAgICAgICAgICAgIDwvSW5uZXJCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L091dGVyQm94PlxuICAgICAgPC9tb3Rpb24uZGl2PlxuICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICApO1xufTtcblxuY29uc3QgT3V0ZXJCb3ggPSBzdHlsZWQoRmxleEJveClgXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuY29uc3QgSW5uZXJCb3ggPSBzdHlsZWQoQm94KWBcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+const OuterBox = /* @__PURE__ */ styled(FlexBox, {
+	target: "ebg8ybd0",
+	label: "brand-OuterBox"
+})("pointer-events:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL01hcmtldGluZ1RvYXN0ZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTWFya2V0aW5nVG9hc3Rlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBNYXJrZXRpbmdUb2FzdGVyUHJvcHMge1xuICB0b2FzdHM6IHtcbiAgICBba2V5OiBzdHJpbmddOiBSZWFjdC5SZWFjdE5vZGU7XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdUb2FzdGVyOiBSZWFjdC5GQzxNYXJrZXRpbmdUb2FzdGVyUHJvcHM+ID0gKHtcbiAgdG9hc3RzLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICA8bW90aW9uLmRpdlxuICAgICAgICBrZXk9XCJtYXJrZXRpbmdfdG9hc3RcIlxuICAgICAgICBpbml0aWFsPXtmYWxzZX1cbiAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCBsZWZ0OiAwIH19XG4gICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjIgfX1cbiAgICAgID5cbiAgICAgICAgPE91dGVyQm94XG4gICAgICAgICAgekluZGV4PXsyfVxuICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgdG9wPXswfVxuICAgICAgICAgIHdpZHRoPVwiMTAwdndcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMHZoXCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBwYj17NjR9XG4gICAgICAgICAgcHI9ezIyNCBhcyAwfVxuICAgICAgICA+XG4gICAgICAgICAge09iamVjdC5rZXlzKHRvYXN0cykubWFwKChrZXkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxJbm5lckJveCBtdD17OH0gbWI9ezh9IG14PXsyNH0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgIHt0b2FzdHNba2V5XX1cbiAgICAgICAgICAgICAgPC9Jbm5lckJveD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvT3V0ZXJCb3g+XG4gICAgICA8L21vdGlvbi5kaXY+XG4gICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuXG5jb25zdCBPdXRlckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBJbm5lckJveCA9IHN0eWxlZChCb3gpYFxuICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlCIn0= */");
+const InnerBox = /* @__PURE__ */ styled(Box, {
+	target: "ebg8ybd1",
+	label: "brand-InnerBox"
+})("pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL01hcmtldGluZ1RvYXN0ZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTWFya2V0aW5nVG9hc3Rlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQW5pbWF0ZVByZXNlbmNlLCBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBNYXJrZXRpbmdUb2FzdGVyUHJvcHMge1xuICB0b2FzdHM6IHtcbiAgICBba2V5OiBzdHJpbmddOiBSZWFjdC5SZWFjdE5vZGU7XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBNYXJrZXRpbmdUb2FzdGVyOiBSZWFjdC5GQzxNYXJrZXRpbmdUb2FzdGVyUHJvcHM+ID0gKHtcbiAgdG9hc3RzLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxBbmltYXRlUHJlc2VuY2U+XG4gICAgICA8bW90aW9uLmRpdlxuICAgICAgICBrZXk9XCJtYXJrZXRpbmdfdG9hc3RcIlxuICAgICAgICBpbml0aWFsPXtmYWxzZX1cbiAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiAxLCBsZWZ0OiAwIH19XG4gICAgICAgIGV4aXQ9e3sgb3BhY2l0eTogMCB9fVxuICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjIgfX1cbiAgICAgID5cbiAgICAgICAgPE91dGVyQm94XG4gICAgICAgICAgekluZGV4PXsyfVxuICAgICAgICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiXG4gICAgICAgICAgdG9wPXswfVxuICAgICAgICAgIHdpZHRoPVwiMTAwdndcIlxuICAgICAgICAgIGhlaWdodD1cIjEwMHZoXCJcbiAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICBwYj17NjR9XG4gICAgICAgICAgcHI9ezIyNCBhcyAwfVxuICAgICAgICA+XG4gICAgICAgICAge09iamVjdC5rZXlzKHRvYXN0cykubWFwKChrZXkpID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxJbm5lckJveCBtdD17OH0gbWI9ezh9IG14PXsyNH0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgIHt0b2FzdHNba2V5XX1cbiAgICAgICAgICAgICAgPC9Jbm5lckJveD5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvT3V0ZXJCb3g+XG4gICAgICA8L21vdGlvbi5kaXY+XG4gICAgPC9BbmltYXRlUHJlc2VuY2U+XG4gICk7XG59O1xuXG5jb25zdCBPdXRlckJveCA9IHN0eWxlZChGbGV4Qm94KWBcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBJbm5lckJveCA9IHN0eWxlZChCb3gpYFxuICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRGlCIn0= */");
+
+//#endregion
+export { MarketingToaster };
+//# sourceMappingURL=index.js.map

package/dist/MarketingToaster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","FlexBox","styled","AnimatePresence","motion","React","MarketingToaster","toasts","div","key","initial","animate","opacity","left","exit","transition","duration","OuterBox","zIndex","position","justifyContent","alignItems","top","width","height","flexDirection","pb","pr","Object","keys","map","InnerBox","mt","mb","mx"],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\ninterface MarketingToasterProps {\n  toasts: {\n    [key: string]: React.ReactNode;\n  };\n}\n\nexport const MarketingToaster: React.FC<MarketingToasterProps> = ({\n  toasts,\n}) => {\n  return (\n    <AnimatePresence>\n      <motion.div\n        key=\"marketing_toast\"\n        initial={false}\n        animate={{ opacity: 1, left: 0 }}\n        exit={{ opacity: 0 }}\n        transition={{ duration: 0.2 }}\n      >\n        <OuterBox\n          zIndex={2}\n          position=\"fixed\"\n          justifyContent=\"flex-end\"\n          alignItems=\"flex-end\"\n          top={0}\n          width=\"100vw\"\n          height=\"100vh\"\n          flexDirection=\"column\"\n          pb={64}\n          pr={224 as 0}\n        >\n          {Object.keys(toasts).map((key) => {\n            return (\n              <InnerBox mt={8} mb={8} mx={24} key={key}>\n                {toasts[key]}\n              </InnerBox>\n            );\n          })}\n        </OuterBox>\n      </motion.div>\n    </AnimatePresence>\n  );\n};\n\nconst OuterBox = styled(FlexBox)`\n  pointer-events: none;\n`;\n\nconst InnerBox = styled(Box)`\n  pointer-events: all;\n`;\n"],"mappings":";;;;;;AAWA,MAAaM,oBAAqD,EAChEC,aACD;AACC,QACE,sBAAA,cAACJ,iBAAAA,MACC,sBAAA,cAACC,OAAOI,KAAG;EACTC,KAAI;EACJC,SAAS;EACTC,SAAS;GAAEC,SAAS;GAAGC,MAAM;GAAE;EAC/BC,MAAM,EAAEF,SAAS,GAAE;EACnBG,YAAY,EAAEC,UAAU,IAAI;IAE5B,sBAAA,cAACC,UAAAA;EACCC,QAAQ;EACRC,UAAS;EACTC,gBAAe;EACfC,YAAW;EACXC,KAAK;EACLC,OAAM;EACNC,QAAO;EACPC,eAAc;EACdC,IAAI;EACJC,IAAI;IAEHC,OAAOC,KAAKtB,OAAAA,CAAQuB,KAAKrB,QAAAA;AACxB,SACE,sBAAA,cAACsB,UAAAA;GAASC,IAAI;GAAGC,IAAI;GAAGC,IAAI;GAASzB;KAClCF,OAAOE,KAAI;GAGlB,CAAA,CAAA,CAAA;;AAOV,MAAMQ,WAAWf,uBAAOD,SAAAA;;;;AAIxB,MAAM8B,WAAW7B,uBAAOF,KAAAA"}

package/dist/NotFoundContent/404.cjs

@@ -0,0 +1,12 @@
+
+//#region src/NotFoundContent/404.svg
+var _404_default = "assets/404-D8snV7Lj.svg";
+
+//#endregion
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function () {
+    return _404_default;
+  }
+});
+//# sourceMappingURL=404.cjs.map

package/dist/NotFoundContent/404.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.cjs","names":[],"sources":["../../src/NotFoundContent/404.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";;mBAAA,yBAAA"}

package/dist/NotFoundContent/404.js

@@ -0,0 +1,6 @@
+//#region src/NotFoundContent/404.svg
+var _404_default = "assets/404-D8snV7Lj.svg";
+
+//#endregion
+export { _404_default as default };
+//# sourceMappingURL=404.js.map

package/dist/NotFoundContent/404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.js","names":[],"sources":["../../src/NotFoundContent/404.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";mBAAA,yBAAA"}

package/dist/NotFoundContent/index.cjs

@@ -0,0 +1,40 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_404 = require('./404.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");
+react = require_runtime.__toESM(react);
+
+//#region src/NotFoundContent/index.tsx
+const ErrorContainer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
+	target: "e3wymej0",
+	label: "brand-ErrorContainer"
+})((0, _codecademy_gamut_styles.css)({ canvas: { maxWidth: "100vw" } }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdEZvdW5kQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RGb3VuZENvbnRlbnQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgbm90Rm91bmQgZnJvbSAnLi80MDQuc3ZnJztcblxuaW50ZXJmYWNlIE5vdEZvdW5kUGFnZVByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuICBoaWRkZW5UZXh0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGNhbnZhczoge1xuICAgICAgbWF4V2lkdGg6ICcxMDB2dycsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5leHBvcnQgY29uc3QgTm90Rm91bmRDb250ZW50OiBSZWFjdC5GQzxOb3RGb3VuZFBhZ2VQcm9wcz4gPSAoe1xuICB0aXRsZSA9ICdPaCBubyEnLFxuICBzdWJ0aXRsZSA9IFwiTG9va3MgbGlrZSB5b3UncmUgbG9zdC5cIixcbiAgaGlkZGVuVGV4dCA9ICc0MDQ6IFBhZ2UgTm90IEZvdW5kJyxcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bWFpbiBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCI+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2hpZGRlblRleHR9PC9UZXh0PlxuICAgICAgPEVycm9yQ29udGFpbmVyXG4gICAgICAgIGFzPVwibWFpblwiXG4gICAgICAgIG15PXs5Nn1cbiAgICAgICAgbXg9ezE2fVxuICAgICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgICBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCJcbiAgICAgID5cbiAgICAgICAgPEltYWdlIHNyYz17bm90Rm91bmR9IGFsdD1cIlwiIGhlaWdodD1cIjEyNVwiIHdpZHRoPVwiNTAwXCIgbWF4V2lkdGg9XCIxMDAlXCIgLz5cbiAgICAgICAgPEJveCBteT17NDh9PlxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteGxcIj5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiPlxuICAgICAgICAgICAge3N1YnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0Vycm9yQ29udGFpbmVyPlxuICAgIDwvbWFpbj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXVCIn0= */");
+const Image = _codecademy_gamut.Box.withComponent("img");
+const NotFoundContent = ({ title = "Oh no!", subtitle = "Looks like you're lost.", hiddenText = "404: Page Not Found" }) => {
+	return /* @__PURE__ */ react.default.createElement("main", { "data-testid": "error404" }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { screenreader: true }, hiddenText), /* @__PURE__ */ react.default.createElement(ErrorContainer, {
+		as: "main",
+		my: 96,
+		mx: 16,
+		textAlign: "center",
+		"data-testid": "error404"
+	}, /* @__PURE__ */ react.default.createElement(Image, {
+		src: require_404.default,
+		alt: "",
+		height: "125",
+		width: "500",
+		maxWidth: "100%"
+	}), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { my: 48 }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
+		as: "h1",
+		variant: "title-xl"
+	}, title), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
+		as: "h2",
+		variant: "title-lg"
+	}, subtitle))));
+};
+
+//#endregion
+exports.NotFoundContent = NotFoundContent;
+//# sourceMappingURL=index.cjs.map

package/dist/NotFoundContent/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Box","Text","css","styled","React","notFound","ErrorContainer","canvas","maxWidth","Image","withComponent","NotFoundContent","title","subtitle","hiddenText","main","data-testid","screenreader","as","my","mx","textAlign","src","alt","height","width","variant"],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":["import { Box, Text } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport notFound from './404.svg';\n\ninterface NotFoundPageProps {\n  title?: string;\n  subtitle?: string;\n  hiddenText?: string;\n}\n\nconst ErrorContainer = styled(Box)(\n  css({\n    canvas: {\n      maxWidth: '100vw',\n    },\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nexport const NotFoundContent: React.FC<NotFoundPageProps> = ({\n  title = 'Oh no!',\n  subtitle = \"Looks like you're lost.\",\n  hiddenText = '404: Page Not Found',\n}) => {\n  return (\n    <main data-testid=\"error404\">\n      <Text screenreader>{hiddenText}</Text>\n      <ErrorContainer\n        as=\"main\"\n        my={96}\n        mx={16}\n        textAlign=\"center\"\n        data-testid=\"error404\"\n      >\n        <Image src={notFound} alt=\"\" height=\"125\" width=\"500\" maxWidth=\"100%\" />\n        <Box my={48}>\n          <Text as=\"h1\" variant=\"title-xl\">\n            {title}\n          </Text>\n          <Text as=\"h2\" variant=\"title-lg\">\n            {subtitle}\n          </Text>\n        </Box>\n      </ErrorContainer>\n    </main>\n  );\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAMM,iBAAiBH,6CAAOH,uBAAAA;;;qCACxB,EACFO,QAAQ,EACNC,UAAU,SACZ,EACF,CAAA,EAAA,0+DAAA;AAGF,MAAMC,QAAQT,sBAAIU,cAAc,MAAA;AAEhC,MAAaC,mBAAgD,EAC3DC,QAAQ,UACRC,WAAW,2BACXC,aAAa,4BACd;AACC,QACE,8BAAA,cAACC,QAAAA,EAAKC,eAAY,cAChB,8BAAA,cAACf,wBAAAA,EAAKgB,cAAAA,QAAcH,WAAAA,EACpB,8BAAA,cAACR,gBAAAA;EACCY,IAAG;EACHC,IAAI;EACJC,IAAI;EACJC,WAAU;EACVL,eAAY;IAEZ,8BAAA,cAACP,OAAAA;EAAMa,KAAKjB;EAAUkB,KAAI;EAAGC,QAAO;EAAMC,OAAM;EAAMjB,UAAS;KAC/D,8BAAA,cAACR,uBAAAA,EAAImB,IAAI,MACP,8BAAA,cAAClB,wBAAAA;EAAKiB,IAAG;EAAKQ,SAAQ;IACnBd,MAAAA,EAEH,8BAAA,cAACX,wBAAAA;EAAKiB,IAAG;EAAKQ,SAAQ;IACnBb,SAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/NotFoundContent/index.d.cts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region src/NotFoundContent/index.d.ts
+interface NotFoundPageProps {
+  title?: string;
+  subtitle?: string;
+  hiddenText?: string;
+}
+declare const NotFoundContent: React.FC<NotFoundPageProps>;
+//#endregion
+export { NotFoundContent };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"mappings":";;;UAOU,iBAAA;EACR,KAAA;EACA,QAAA;EACA,UAAA;AAAA;AAAA,cAaW,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,iBAAA"}

package/dist/NotFoundContent/index.d.ts

@@ -1,8 +1,12 @@
-import React from 'react';
+import React from "react";
+
+//#region src/NotFoundContent/index.d.ts
 interface NotFoundPageProps {
-    title?: string;
-    subtitle?: string;
-    hiddenText?: string;
+  title?: string;
+  subtitle?: string;
+  hiddenText?: string;
 }
-export declare const NotFoundContent: React.FC<NotFoundPageProps>;
-export {};
+declare const NotFoundContent: React.FC<NotFoundPageProps>;
+//#endregion
+export { NotFoundContent };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"mappings":";;;UAOU,iBAAA;EACR,KAAA;EACA,QAAA;EACA,UAAA;AAAA;AAAA,cAaW,eAAA,EAAiB,KAAA,CAAM,EAAA,CAAG,iBAAA"}

package/dist/NotFoundContent/index.js

@@ -1,55 +1,37 @@
-import _styled from "@emotion/styled/base";
-import { Box, Text } from '@codecademy/gamut';
-import { css } from '@codecademy/gamut-styles';
-import React from 'react';
-import notFound from './404.svg';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ErrorContainer = /*#__PURE__*/_styled(Box, {
-  target: "eg6lqba0",
-  label: "ErrorContainer"
-})(css({
-  canvas: {
-    maxWidth: '100vw'
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ob3RGb3VuZENvbnRlbnQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF1QiIsImZpbGUiOiIuLi8uLi9zcmMvTm90Rm91bmRDb250ZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgbm90Rm91bmQgZnJvbSAnLi80MDQuc3ZnJztcblxuaW50ZXJmYWNlIE5vdEZvdW5kUGFnZVByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuICBoaWRkZW5UZXh0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGNhbnZhczoge1xuICAgICAgbWF4V2lkdGg6ICcxMDB2dycsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5leHBvcnQgY29uc3QgTm90Rm91bmRDb250ZW50OiBSZWFjdC5GQzxOb3RGb3VuZFBhZ2VQcm9wcz4gPSAoe1xuICB0aXRsZSA9ICdPaCBubyEnLFxuICBzdWJ0aXRsZSA9IFwiTG9va3MgbGlrZSB5b3UncmUgbG9zdC5cIixcbiAgaGlkZGVuVGV4dCA9ICc0MDQ6IFBhZ2UgTm90IEZvdW5kJyxcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bWFpbiBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCI+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2hpZGRlblRleHR9PC9UZXh0PlxuICAgICAgPEVycm9yQ29udGFpbmVyXG4gICAgICAgIGFzPVwibWFpblwiXG4gICAgICAgIG15PXs5Nn1cbiAgICAgICAgbXg9ezE2fVxuICAgICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgICBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCJcbiAgICAgID5cbiAgICAgICAgPEltYWdlIHNyYz17bm90Rm91bmR9IGFsdD1cIlwiIGhlaWdodD1cIjEyNVwiIHdpZHRoPVwiNTAwXCIgbWF4V2lkdGg9XCIxMDAlXCIgLz5cbiAgICAgICAgPEJveCBteT17NDh9PlxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteGxcIj5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiPlxuICAgICAgICAgICAge3N1YnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0Vycm9yQ29udGFpbmVyPlxuICAgIDwvbWFpbj5cbiAgKTtcbn07XG4iXX0= */");
-const Image = Box.withComponent('img', {
-  target: "eg6lqba1",
-  label: "Image"
-});
-export const NotFoundContent = ({
-  title = 'Oh no!',
-  subtitle = "Looks like you're lost.",
-  hiddenText = '404: Page Not Found'
-}) => {
-  return /*#__PURE__*/_jsxs("main", {
-    "data-testid": "error404",
-    children: [/*#__PURE__*/_jsx(Text, {
-      screenreader: true,
-      children: hiddenText
-    }), /*#__PURE__*/_jsxs(ErrorContainer, {
-      as: "main",
-      my: 96,
-      mx: 16,
-      textAlign: "center",
-      "data-testid": "error404",
-      children: [/*#__PURE__*/_jsx(Image, {
-        src: notFound,
-        alt: "",
-        height: "125",
-        width: "500",
-        maxWidth: "100%"
-      }), /*#__PURE__*/_jsxs(Box, {
-        my: 48,
-        children: [/*#__PURE__*/_jsx(Text, {
-          as: "h1",
-          variant: "title-xl",
-          children: title
-        }), /*#__PURE__*/_jsx(Text, {
-          as: "h2",
-          variant: "title-lg",
-          children: subtitle
-        })]
-      })]
-    })]
-  });
-};
+import _404_default from "./404.js";
+import { Box, Text } from "@codecademy/gamut";
+import { css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React from "react";
+
+//#region src/NotFoundContent/index.tsx
+const ErrorContainer = /* @__PURE__ */ styled(Box, {
+	target: "e3wymej0",
+	label: "brand-ErrorContainer"
+})(css({ canvas: { maxWidth: "100vw" } }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdEZvdW5kQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RGb3VuZENvbnRlbnQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgbm90Rm91bmQgZnJvbSAnLi80MDQuc3ZnJztcblxuaW50ZXJmYWNlIE5vdEZvdW5kUGFnZVByb3BzIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuICBoaWRkZW5UZXh0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBFcnJvckNvbnRhaW5lciA9IHN0eWxlZChCb3gpKFxuICBjc3Moe1xuICAgIGNhbnZhczoge1xuICAgICAgbWF4V2lkdGg6ICcxMDB2dycsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IEltYWdlID0gQm94LndpdGhDb21wb25lbnQoJ2ltZycpO1xuXG5leHBvcnQgY29uc3QgTm90Rm91bmRDb250ZW50OiBSZWFjdC5GQzxOb3RGb3VuZFBhZ2VQcm9wcz4gPSAoe1xuICB0aXRsZSA9ICdPaCBubyEnLFxuICBzdWJ0aXRsZSA9IFwiTG9va3MgbGlrZSB5b3UncmUgbG9zdC5cIixcbiAgaGlkZGVuVGV4dCA9ICc0MDQ6IFBhZ2UgTm90IEZvdW5kJyxcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bWFpbiBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCI+XG4gICAgICA8VGV4dCBzY3JlZW5yZWFkZXI+e2hpZGRlblRleHR9PC9UZXh0PlxuICAgICAgPEVycm9yQ29udGFpbmVyXG4gICAgICAgIGFzPVwibWFpblwiXG4gICAgICAgIG15PXs5Nn1cbiAgICAgICAgbXg9ezE2fVxuICAgICAgICB0ZXh0QWxpZ249XCJjZW50ZXJcIlxuICAgICAgICBkYXRhLXRlc3RpZD1cImVycm9yNDA0XCJcbiAgICAgID5cbiAgICAgICAgPEltYWdlIHNyYz17bm90Rm91bmR9IGFsdD1cIlwiIGhlaWdodD1cIjEyNVwiIHdpZHRoPVwiNTAwXCIgbWF4V2lkdGg9XCIxMDAlXCIgLz5cbiAgICAgICAgPEJveCBteT17NDh9PlxuICAgICAgICAgIDxUZXh0IGFzPVwiaDFcIiB2YXJpYW50PVwidGl0bGUteGxcIj5cbiAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPFRleHQgYXM9XCJoMlwiIHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiPlxuICAgICAgICAgICAge3N1YnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0Vycm9yQ29udGFpbmVyPlxuICAgIDwvbWFpbj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXVCIn0= */");
+const Image = Box.withComponent("img");
+const NotFoundContent = ({ title = "Oh no!", subtitle = "Looks like you're lost.", hiddenText = "404: Page Not Found" }) => {
+	return /* @__PURE__ */ React.createElement("main", { "data-testid": "error404" }, /* @__PURE__ */ React.createElement(Text, { screenreader: true }, hiddenText), /* @__PURE__ */ React.createElement(ErrorContainer, {
+		as: "main",
+		my: 96,
+		mx: 16,
+		textAlign: "center",
+		"data-testid": "error404"
+	}, /* @__PURE__ */ React.createElement(Image, {
+		src: _404_default,
+		alt: "",
+		height: "125",
+		width: "500",
+		maxWidth: "100%"
+	}), /* @__PURE__ */ React.createElement(Box, { my: 48 }, /* @__PURE__ */ React.createElement(Text, {
+		as: "h1",
+		variant: "title-xl"
+	}, title), /* @__PURE__ */ React.createElement(Text, {
+		as: "h2",
+		variant: "title-lg"
+	}, subtitle))));
+};
+
+//#endregion
+export { NotFoundContent };
+//# sourceMappingURL=index.js.map

package/dist/NotFoundContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Box","Text","css","styled","React","notFound","ErrorContainer","canvas","maxWidth","Image","withComponent","NotFoundContent","title","subtitle","hiddenText","main","data-testid","screenreader","as","my","mx","textAlign","src","alt","height","width","variant"],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":["import { Box, Text } from '@codecademy/gamut';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React from 'react';\n\nimport notFound from './404.svg';\n\ninterface NotFoundPageProps {\n  title?: string;\n  subtitle?: string;\n  hiddenText?: string;\n}\n\nconst ErrorContainer = styled(Box)(\n  css({\n    canvas: {\n      maxWidth: '100vw',\n    },\n  })\n);\n\nconst Image = Box.withComponent('img');\n\nexport const NotFoundContent: React.FC<NotFoundPageProps> = ({\n  title = 'Oh no!',\n  subtitle = \"Looks like you're lost.\",\n  hiddenText = '404: Page Not Found',\n}) => {\n  return (\n    <main data-testid=\"error404\">\n      <Text screenreader>{hiddenText}</Text>\n      <ErrorContainer\n        as=\"main\"\n        my={96}\n        mx={16}\n        textAlign=\"center\"\n        data-testid=\"error404\"\n      >\n        <Image src={notFound} alt=\"\" height=\"125\" width=\"500\" maxWidth=\"100%\" />\n        <Box my={48}>\n          <Text as=\"h1\" variant=\"title-xl\">\n            {title}\n          </Text>\n          <Text as=\"h2\" variant=\"title-lg\">\n            {subtitle}\n          </Text>\n        </Box>\n      </ErrorContainer>\n    </main>\n  );\n};\n"],"mappings":";;;;;;;AAaA,MAAMM,iBAAiBH,uBAAOH,KAAAA;;;GAC5BE,IAAI,EACFK,QAAQ,EACNC,UAAU,SACZ,EACF,CAAA,EAAA,0+DAAA;AAGF,MAAMC,QAAQT,IAAIU,cAAc,MAAA;AAEhC,MAAaC,mBAAgD,EAC3DC,QAAQ,UACRC,WAAW,2BACXC,aAAa,4BACd;AACC,QACE,sBAAA,cAACC,QAAAA,EAAKC,eAAY,cAChB,sBAAA,cAACf,MAAAA,EAAKgB,cAAAA,QAAcH,WAAAA,EACpB,sBAAA,cAACR,gBAAAA;EACCY,IAAG;EACHC,IAAI;EACJC,IAAI;EACJC,WAAU;EACVL,eAAY;IAEZ,sBAAA,cAACP,OAAAA;EAAMa,KAAKjB;EAAUkB,KAAI;EAAGC,QAAO;EAAMC,OAAM;EAAMjB,UAAS;KAC/D,sBAAA,cAACR,KAAAA,EAAImB,IAAI,MACP,sBAAA,cAAClB,MAAAA;EAAKiB,IAAG;EAAKQ,SAAQ;IACnBd,MAAAA,EAEH,sBAAA,cAACX,MAAAA;EAAKiB,IAAG;EAAKQ,SAAQ;IACnBb,SAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.cjs

@@ -0,0 +1,35 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_illustrations = require("@codecademy/gamut-illustrations");
+
+//#region src/NotificationList/EmptyNotification/emptyNotificationContents.tsx
+const emptyNotificationContents = [
+	{
+		text: "You're all caught up!",
+		subtext: "Go forth and learn new things.",
+		image: _codecademy_gamut_illustrations.Bee
+	},
+	{
+		text: "You're all caught up!",
+		subtext: "Time to learn new things.",
+		image: _codecademy_gamut_illustrations.Confetti
+	},
+	{
+		text: "You're all caught up!",
+		subtext: "The future looks bright.",
+		image: _codecademy_gamut_illustrations.Sun
+	},
+	{
+		text: "You're up to date!",
+		subtext: "Go forth and learn new things.",
+		image: _codecademy_gamut_illustrations.Plant
+	},
+	{
+		text: "You're up to date!",
+		subtext: "Clear future ahead.",
+		image: _codecademy_gamut_illustrations.Browser
+	}
+];
+
+//#endregion
+exports.emptyNotificationContents = emptyNotificationContents;
+//# sourceMappingURL=emptyNotificationContents.cjs.map

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyNotificationContents.cjs","names":["Bee","Browser","Confetti","Plant","Sun","emptyNotificationContents","text","subtext","image"],"sources":["../../../src/NotificationList/EmptyNotification/emptyNotificationContents.tsx"],"sourcesContent":["import {\n  Bee,\n  Browser,\n  Confetti,\n  Plant,\n  Sun,\n} from '@codecademy/gamut-illustrations';\n\nexport type exportNotificationsContent = {\n  text: string;\n  subtext: string;\n  image: typeof Bee;\n};\n\n/* must have at least one in array */\nexport const emptyNotificationContents: readonly exportNotificationsContent[] =\n  [\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Go forth and learn new things.',\n      image: Bee,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'Time to learn new things.',\n      image: Confetti,\n    },\n    {\n      text: \"You're all caught up!\",\n      subtext: 'The future looks bright.',\n      image: Sun,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Go forth and learn new things.',\n      image: Plant,\n    },\n    {\n      text: \"You're up to date!\",\n      subtext: 'Clear future ahead.',\n      image: Browser,\n    },\n  ] as const;\n"],"mappings":";;;;AAeA,MAAaK,4BACX;CACE;EACEC,MAAM;EACNC,SAAS;EACTC,OAAOR;EACT;CACA;EACEM,MAAM;EACNC,SAAS;EACTC,OAAON;EACT;CACA;EACEI,MAAM;EACNC,SAAS;EACTC,OAAOJ;EACT;CACA;EACEE,MAAM;EACNC,SAAS;EACTC,OAAOL;EACT;CACA;EACEG,MAAM;EACNC,SAAS;EACTC,OAAOP;EACT;CACD"}