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

package/dist/MarketingToaster/index.cjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":[],"mappings":";;;UAKU,qBAAA;;IAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAES,KAAA,CAAM,SAFM;EAMlB,CAAA;;cAAA,kBAAkB,KAAA,CAAM,GAAG"}

package/dist/MarketingToaster/index.d.mts

@@ -1,12 +0,0 @@
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/MarketingToaster/index.tsx"],"sourcesContent":[],"mappings":";;;UAKU,qBAAA;;IAAA,CAAA,GAAA,EAAA,MAAA,CAAA,EAES,KAAA,CAAM,SAFM;EAMlB,CAAA;;cAAA,kBAAkB,KAAA,CAAM,GAAG"}

package/dist/MarketingToaster/index.mjs

@@ -1,48 +0,0 @@
-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: "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.mjs.map

package/dist/MarketingToaster/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","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

@@ -1,6 +0,0 @@
-
-//#region src/NotFoundContent/404.svg
-var _404_default = "assets/404-BICg8R9O.svg";
-
-//#endregion
-//# sourceMappingURL=404.cjs.map

package/dist/NotFoundContent/404.cjs.map

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

package/dist/NotFoundContent/404.mjs

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

package/dist/NotFoundContent/404.mjs.map

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

package/dist/NotFoundContent/index.cjs

@@ -1,40 +0,0 @@
-const require_rolldown_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_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":[],"mappings":";;;UAOU,iBAAA;;EAAA,QAAA,CAAA,EAAA,MAAA;EAgBG,UAAA,CAAA,EAAA,MA2BZ;;cA3BY,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/NotFoundContent/index.d.mts

@@ -1,12 +0,0 @@
-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.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/NotFoundContent/index.tsx"],"sourcesContent":[],"mappings":";;;UAOU,iBAAA;;EAAA,QAAA,CAAA,EAAA,MAAA;EAgBG,UAAA,CAAA,EAAA,MA2BZ;;cA3BY,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/NotFoundContent/index.mjs

@@ -1,37 +0,0 @@
-import _404_default from "./404.mjs";
-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.mjs.map

package/dist/NotFoundContent/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","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

@@ -1,35 +0,0 @@
-const require_rolldown_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

@@ -1 +0,0 @@
-{"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"}

package/dist/NotificationList/EmptyNotification/emptyNotificationContents.mjs

@@ -1,34 +0,0 @@
-import { Bee, Browser, Confetti, Plant, Sun } from "@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: Bee
-	},
-	{
-		text: "You're all caught up!",
-		subtext: "Time to learn new things.",
-		image: Confetti
-	},
-	{
-		text: "You're all caught up!",
-		subtext: "The future looks bright.",
-		image: Sun
-	},
-	{
-		text: "You're up to date!",
-		subtext: "Go forth and learn new things.",
-		image: Plant
-	},
-	{
-		text: "You're up to date!",
-		subtext: "Clear future ahead.",
-		image: Browser
-	}
-];
-
-//#endregion
-export { emptyNotificationContents };
-//# sourceMappingURL=emptyNotificationContents.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"emptyNotificationContents.mjs","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"}

package/dist/NotificationList/EmptyNotification/index.cjs

@@ -1,35 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_emptyNotificationContents = require('./emptyNotificationContents.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let lodash_sample = require("lodash/sample");
-lodash_sample = require_rolldown_runtime.__toESM(lodash_sample);
-
-//#region src/NotificationList/EmptyNotification/index.tsx
-const EmptyNotification = () => {
-	const content = (0, react.useMemo)(() => (0, lodash_sample.default)(require_emptyNotificationContents.emptyNotificationContents), []);
-	const Image = content.image;
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		as: "li",
-		flexDirection: "column",
-		alignItems: "center",
-		pt: 32,
-		pb: 48,
-		"data-testid": "empty-notification",
-		"aria-label": "You have no notifications"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, { pb: 16 }, /* @__PURE__ */ React.createElement(Image, {
-		"aria-hidden": true,
-		width: 80,
-		height: 60
-	})), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		alignItems: "center"
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		as: "p",
-		mb: 16
-	}, content.text), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, { as: "p" }, content.subtext)));
-};
-
-//#endregion
-exports.EmptyNotification = EmptyNotification;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["FlexBox","Text","sample","useMemo","emptyNotificationContents","EmptyNotification","content","Image","image","as","flexDirection","alignItems","pt","pb","data-testid","aria-label","aria-hidden","width","height","mb","text","subtext"],"sources":["../../../src/NotificationList/EmptyNotification/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport sample from 'lodash/sample';\nimport { useMemo } from 'react';\n\nimport { emptyNotificationContents } from './emptyNotificationContents';\n\nexport const EmptyNotification = () => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const content = useMemo(() => sample(emptyNotificationContents), [])!;\n\n  const Image = content.image;\n\n  return (\n    <FlexBox\n      as=\"li\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      pt={32}\n      pb={48}\n      data-testid=\"empty-notification\"\n      aria-label=\"You have no notifications\"\n    >\n      <FlexBox pb={16}>\n        <Image aria-hidden width={80} height={60} />\n      </FlexBox>\n      <FlexBox flexDirection=\"column\" alignItems=\"center\">\n        <Text as=\"p\" mb={16}>\n          {content.text}\n        </Text>\n        <Text as=\"p\">{content.subtext}</Text>\n      </FlexBox>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,MAAaK,0BAAoB;CAE/B,MAAMC,8DAA+BF,4DAAAA,EAA4B,EAAE,CAAA;CAEnE,MAAMG,QAAQD,QAAQE;AAEtB,QACE,sBAAA,cAACR,2BAAAA;EACCS,IAAG;EACHC,eAAc;EACdC,YAAW;EACXC,IAAI;EACJC,IAAI;EACJC,eAAY;EACZC,cAAW;IAEX,sBAAA,cAACf,2BAAAA,EAAQa,IAAI,MACX,sBAAA,cAACN,OAAAA;EAAMS,eAAAA;EAAYC,OAAO;EAAIC,QAAQ;MAExC,sBAAA,cAAClB,2BAAAA;EAAQU,eAAc;EAASC,YAAW;IACzC,sBAAA,cAACV,wBAAAA;EAAKQ,IAAG;EAAIU,IAAI;IACdb,QAAQc,KAAI,EAEf,sBAAA,cAACnB,wBAAAA,EAAKQ,IAAG,OAAKH,QAAQe,QAAO,CAAA,CAAA"}

package/dist/NotificationList/EmptyNotification/index.mjs

@@ -1,33 +0,0 @@
-import { emptyNotificationContents } from "./emptyNotificationContents.mjs";
-import { FlexBox, Text } from "@codecademy/gamut";
-import { useMemo } from "react";
-import sample from "lodash/sample";
-
-//#region src/NotificationList/EmptyNotification/index.tsx
-const EmptyNotification = () => {
-	const content = useMemo(() => sample(emptyNotificationContents), []);
-	const Image = content.image;
-	return /* @__PURE__ */ React.createElement(FlexBox, {
-		as: "li",
-		flexDirection: "column",
-		alignItems: "center",
-		pt: 32,
-		pb: 48,
-		"data-testid": "empty-notification",
-		"aria-label": "You have no notifications"
-	}, /* @__PURE__ */ React.createElement(FlexBox, { pb: 16 }, /* @__PURE__ */ React.createElement(Image, {
-		"aria-hidden": true,
-		width: 80,
-		height: 60
-	})), /* @__PURE__ */ React.createElement(FlexBox, {
-		flexDirection: "column",
-		alignItems: "center"
-	}, /* @__PURE__ */ React.createElement(Text, {
-		as: "p",
-		mb: 16
-	}, content.text), /* @__PURE__ */ React.createElement(Text, { as: "p" }, content.subtext)));
-};
-
-//#endregion
-export { EmptyNotification };
-//# sourceMappingURL=index.mjs.map

package/dist/NotificationList/EmptyNotification/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["FlexBox","Text","sample","useMemo","emptyNotificationContents","EmptyNotification","content","Image","image","as","flexDirection","alignItems","pt","pb","data-testid","aria-label","aria-hidden","width","height","mb","text","subtext"],"sources":["../../../src/NotificationList/EmptyNotification/index.tsx"],"sourcesContent":["import { FlexBox, Text } from '@codecademy/gamut';\nimport sample from 'lodash/sample';\nimport { useMemo } from 'react';\n\nimport { emptyNotificationContents } from './emptyNotificationContents';\n\nexport const EmptyNotification = () => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const content = useMemo(() => sample(emptyNotificationContents), [])!;\n\n  const Image = content.image;\n\n  return (\n    <FlexBox\n      as=\"li\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      pt={32}\n      pb={48}\n      data-testid=\"empty-notification\"\n      aria-label=\"You have no notifications\"\n    >\n      <FlexBox pb={16}>\n        <Image aria-hidden width={80} height={60} />\n      </FlexBox>\n      <FlexBox flexDirection=\"column\" alignItems=\"center\">\n        <Text as=\"p\" mb={16}>\n          {content.text}\n        </Text>\n        <Text as=\"p\">{content.subtext}</Text>\n      </FlexBox>\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAaK,0BAAoB;CAE/B,MAAMC,UAAUH,cAAcD,OAAOE,0BAAAA,EAA4B,EAAE,CAAA;CAEnE,MAAMG,QAAQD,QAAQE;AAEtB,QACE,sBAAA,cAACR,SAAAA;EACCS,IAAG;EACHC,eAAc;EACdC,YAAW;EACXC,IAAI;EACJC,IAAI;EACJC,eAAY;EACZC,cAAW;IAEX,sBAAA,cAACf,SAAAA,EAAQa,IAAI,MACX,sBAAA,cAACN,OAAAA;EAAMS,eAAAA;EAAYC,OAAO;EAAIC,QAAQ;MAExC,sBAAA,cAAClB,SAAAA;EAAQU,eAAc;EAASC,YAAW;IACzC,sBAAA,cAACV,MAAAA;EAAKQ,IAAG;EAAIU,IAAI;IACdb,QAAQc,KAAI,EAEf,sBAAA,cAACnB,MAAAA,EAAKQ,IAAG,OAAKH,QAAQe,QAAO,CAAA,CAAA"}

package/dist/NotificationList/NotificationItem.cjs

@@ -1,122 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-let _codecademy_gamut_illustrations = require("@codecademy/gamut-illustrations");
-
-//#region src/NotificationList/NotificationItem.tsx
-const StyledLink = /* @__PURE__ */ (0, _emotion_styled.default)("a", {
-	target: "e1gtce5z0",
-	label: "brand-StyledLink"
-})("text-decoration:none;display:block;z-index:1;&:before,&:after{top:-1px;left:0;z-index:0;content:'';position:absolute;width:100%;height:calc(100% + 2px);transition:background 250ms;}&:focus{outline:none;}&:focus-visible{&:after{border-radius:4px;border:2px solid ", (0, _codecademy_gamut_styles.themed)("colors.navy"), ";}}&:hover{text-decoration:none;&:before{background-color:", ({ theme }) => theme.colors["gray-100"], ";}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvTm90aWZpY2F0aW9uSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RpZmljYXRpb25MaXN0L05vdGlmaWNhdGlvbkl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgSWNvbkJ1dHRvbiwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEdhbXV0SWNvblByb3BzLFxuICBNaW5pRGVsZXRlSWNvbixcbiAgTXVsdGlwbGVVc2Vyc0ljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7XG4gIEJlbGwsXG4gIENoYXRCb3gsXG4gIEVtYWlsQXQsXG4gIEVudmVsb3BlLFxuICBIZWFydCxcbiAgSWxsdXN0cmF0aW9uUHJvcHMsXG4gIE1lZ2FwaG9uZSxcbiAgTmV3LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4vdHlwaW5ncyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgei1pbmRleDogMTtcblxuICAmOmJlZm9yZSxcbiAgJjphZnRlciB7XG4gICAgdG9wOiAtMXB4O1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMDtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAycHgpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjUwbXM7XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZWQoJ2NvbG9ycy5uYXZ5Jyl9O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lZCgnY29sb3JzLm5hdnknKX07XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IDNyZW07XG5gO1xuXG5jb25zdCBpc0ludGVybmFsTGluayA9IChocmVmOiBzdHJpbmcpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gbmV3IFVSTChocmVmKS5ob3N0bmFtZSA9PT0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lO1xuICB9IGNhdGNoIChfZSkge31cbiAgcmV0dXJuIGZhbHNlO1xufTtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uSXRlbVByb3BzID0ge1xuICBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbjtcbiAgaGFuZGxlQ2xpY2s/OiAoZXZlbnQ6IG9iamVjdCkgPT4gdm9pZDtcbiAgaGFuZGxlRGlzbWlzcz86ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uSXRlbTogUmVhY3QuRkM8Tm90aWZpY2F0aW9uSXRlbVByb3BzPiA9ICh7XG4gIGhhbmRsZURpc21pc3MsXG4gIG5vdGlmaWNhdGlvbixcbiAgaGFuZGxlQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IHsgZGF0ZSwgaW1hZ2VVcmwsIGxpbmssIHRleHQsIHR5cGUsIGlkIH0gPSBub3RpZmljYXRpb247XG4gIGNvbnN0IG5vdGlmaWNhdGlvbkl0ZW1JZCA9IGBOb3RpZmljYXRpb25JdGVtJHtpZH1gO1xuXG4gIGNvbnN0IHJlbmRlcklsbHVzdHJhdGlvbiA9IChJbGx1c3RyYXRpb246IFJlYWN0LkZDPElsbHVzdHJhdGlvblByb3BzPikgPT4gKFxuICAgIDxCb3ggZGlzcGxheT1cImlubGluZS1mbGV4XCIgYXJpYS1oaWRkZW4+XG4gICAgICA8SWxsdXN0cmF0aW9uIGhlaWdodD17NDh9IHdpZHRoPXs0OH0gLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICBjb25zdCByZW5kZXJJY29uID0gKEljb246IFJlYWN0LkZDPEdhbXV0SWNvblByb3BzPikgPT4gKFxuICAgIDxCb3hcbiAgICAgIGRpc3BsYXk9XCJpbmxpbmUtZmxleFwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGJvcmRlclJhZGl1cz1cImZ1bGxcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgd2lkdGg9ezUwfVxuICAgICAgaGVpZ2h0PXs1MH1cbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgPlxuICAgICAgPEljb24gaGVpZ2h0PXsyMn0gd2lkdGg9ezIyfSAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIGNvbnN0IHJlbmRlckltYWdlID0gKCkgPT4ge1xuICAgIGlmIChpbWFnZVVybCkgcmV0dXJuIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gYWx0PVwiXCIgLz47XG5cbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgJ21hcmtldGluZ19ibGFzdCc6XG4gICAgICAgIHJldHVybiByZW5kZXJJbGx1c3RyYXRpb24oTWVnYXBob25lKTtcbiAgICAgIGNhc2UgJ2N1cnJpY3VsdW1fYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKE5ldyk7XG4gICAgICBjYXNlICdjb2hvcnRfYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWNvbihNdWx0aXBsZVVzZXJzSWNvbik7XG4gICAgICBjYXNlICdmb3J1bV9jb21tZW50JzpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihDaGF0Qm94KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lc3NhZ2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVudmVsb3BlKTtcbiAgICAgIGNhc2UgJ2ZvcnVtX2xpa2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEhlYXJ0KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lbnRpb24nOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVtYWlsQXQpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihCZWxsKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgbm90aWZpY2F0aW9uQ29udGVudDogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxGbGV4Qm94IHpJbmRleD17MX0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIHRleHRDb2xvcj1cInRleHRcIj5cbiAgICAgIHtyZW5kZXJJbWFnZSgpfVxuICAgICAgPEJveCBmbGV4PXsxfSBwbD17MTJ9PlxuICAgICAgICA8VGV4dCBpZD17bm90aWZpY2F0aW9uSXRlbUlkfSB2YXJpYW50PVwicC1zbWFsbFwiPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgdGV4dENvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtbD17NH0+XG4gICAgICAgICAge2RhdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvRmxleEJveD5cbiAgKTtcblxuICBjb25zdCBkaXNtaXNzSWNvbjogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZURpc21pc3N9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtub3RpZmljYXRpb25JdGVtSWR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICB6LWluZGV4PXsxfVxuICAgICAgdGlwPVwiRGlzbWlzcyBub3RpZmljYXRpb25cIlxuICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyB9fVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3Qgc2VwYXJhdG9yUGF0dGVybiA9IChcbiAgICA8Qm94IHB4PXszMn0gbT17MH0gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8Q2hlY2tlckRlbnNlIGhlaWdodD1cIjFweFwiIGRpc3BsYXk9XCJmbGV4XCIgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIHB5PXsyNH1cbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgPlxuICAgICAgICB7bGluayA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZExpbmtcbiAgICAgICAgICAgICAgaHJlZj17bGlua31cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7dGV4dH0sICR7ZGF0ZX0gYWdvYH1cbiAgICAgICAgICAgICAgcmVsPXtpc0ludGVybmFsTGluayhsaW5rKSA/ICcnIDogJ25vb3BlbmVyIG5vcmVmZXJyZXInfVxuICAgICAgICAgICAgICB0YXJnZXQ9e2lzSW50ZXJuYWxMaW5rKGxpbmspID8gJycgOiAnX2JsYW5rJ31cbiAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljaz8uKGV2ZW50KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25vdGlmaWNhdGlvbkNvbnRlbnR9XG4gICAgICAgICAgICA8L1N0eWxlZExpbms+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD57bm90aWZpY2F0aW9uQ29udGVudH08Lz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgIHtoYW5kbGVEaXNtaXNzICYmIGRpc21pc3NJY29ufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7c2VwYXJhdG9yUGF0dGVybn1cbiAgICA8L2xpPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qm1CIn0= */");
-const StyledImg = /* @__PURE__ */ (0, _emotion_styled.default)("img", {
-	target: "e1gtce5z1",
-	label: "brand-StyledImg"
-})("border-radius:50%;border:1px solid ", (0, _codecademy_gamut_styles.themed)("colors.navy"), ";height:3rem;width:3rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL05vdGlmaWNhdGlvbkxpc3QvTm90aWZpY2F0aW9uSXRlbS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9Ob3RpZmljYXRpb25MaXN0L05vdGlmaWNhdGlvbkl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgSWNvbkJ1dHRvbiwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEdhbXV0SWNvblByb3BzLFxuICBNaW5pRGVsZXRlSWNvbixcbiAgTXVsdGlwbGVVc2Vyc0ljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7XG4gIEJlbGwsXG4gIENoYXRCb3gsXG4gIEVtYWlsQXQsXG4gIEVudmVsb3BlLFxuICBIZWFydCxcbiAgSWxsdXN0cmF0aW9uUHJvcHMsXG4gIE1lZ2FwaG9uZSxcbiAgTmV3LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IHRoZW1lZCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4vdHlwaW5ncyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgei1pbmRleDogMTtcblxuICAmOmJlZm9yZSxcbiAgJjphZnRlciB7XG4gICAgdG9wOiAtMXB4O1xuICAgIGxlZnQ6IDA7XG4gICAgei1pbmRleDogMDtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMCUgKyAycHgpO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjUwbXM7XG4gIH1cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAmOmZvY3VzLXZpc2libGUge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHt0aGVtZWQoJ2NvbG9ycy5uYXZ5Jyl9O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgJjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lZCgnY29sb3JzLm5hdnknKX07XG4gIGhlaWdodDogM3JlbTtcbiAgd2lkdGg6IDNyZW07XG5gO1xuXG5jb25zdCBpc0ludGVybmFsTGluayA9IChocmVmOiBzdHJpbmcpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gbmV3IFVSTChocmVmKS5ob3N0bmFtZSA9PT0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lO1xuICB9IGNhdGNoIChfZSkge31cbiAgcmV0dXJuIGZhbHNlO1xufTtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uSXRlbVByb3BzID0ge1xuICBub3RpZmljYXRpb246IE5vdGlmaWNhdGlvbjtcbiAgaGFuZGxlQ2xpY2s/OiAoZXZlbnQ6IG9iamVjdCkgPT4gdm9pZDtcbiAgaGFuZGxlRGlzbWlzcz86ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uSXRlbTogUmVhY3QuRkM8Tm90aWZpY2F0aW9uSXRlbVByb3BzPiA9ICh7XG4gIGhhbmRsZURpc21pc3MsXG4gIG5vdGlmaWNhdGlvbixcbiAgaGFuZGxlQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IHsgZGF0ZSwgaW1hZ2VVcmwsIGxpbmssIHRleHQsIHR5cGUsIGlkIH0gPSBub3RpZmljYXRpb247XG4gIGNvbnN0IG5vdGlmaWNhdGlvbkl0ZW1JZCA9IGBOb3RpZmljYXRpb25JdGVtJHtpZH1gO1xuXG4gIGNvbnN0IHJlbmRlcklsbHVzdHJhdGlvbiA9IChJbGx1c3RyYXRpb246IFJlYWN0LkZDPElsbHVzdHJhdGlvblByb3BzPikgPT4gKFxuICAgIDxCb3ggZGlzcGxheT1cImlubGluZS1mbGV4XCIgYXJpYS1oaWRkZW4+XG4gICAgICA8SWxsdXN0cmF0aW9uIGhlaWdodD17NDh9IHdpZHRoPXs0OH0gLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICBjb25zdCByZW5kZXJJY29uID0gKEljb246IFJlYWN0LkZDPEdhbXV0SWNvblByb3BzPikgPT4gKFxuICAgIDxCb3hcbiAgICAgIGRpc3BsYXk9XCJpbmxpbmUtZmxleFwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGJvcmRlclJhZGl1cz1cImZ1bGxcIlxuICAgICAgYm9yZGVyPXsxfVxuICAgICAgd2lkdGg9ezUwfVxuICAgICAgaGVpZ2h0PXs1MH1cbiAgICAgIGFyaWEtaGlkZGVuXG4gICAgPlxuICAgICAgPEljb24gaGVpZ2h0PXsyMn0gd2lkdGg9ezIyfSAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIGNvbnN0IHJlbmRlckltYWdlID0gKCkgPT4ge1xuICAgIGlmIChpbWFnZVVybCkgcmV0dXJuIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gYWx0PVwiXCIgLz47XG5cbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgJ21hcmtldGluZ19ibGFzdCc6XG4gICAgICAgIHJldHVybiByZW5kZXJJbGx1c3RyYXRpb24oTWVnYXBob25lKTtcbiAgICAgIGNhc2UgJ2N1cnJpY3VsdW1fYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKE5ldyk7XG4gICAgICBjYXNlICdjb2hvcnRfYmxhc3QnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWNvbihNdWx0aXBsZVVzZXJzSWNvbik7XG4gICAgICBjYXNlICdmb3J1bV9jb21tZW50JzpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihDaGF0Qm94KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lc3NhZ2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVudmVsb3BlKTtcbiAgICAgIGNhc2UgJ2ZvcnVtX2xpa2UnOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEhlYXJ0KTtcbiAgICAgIGNhc2UgJ2ZvcnVtX21lbnRpb24nOlxuICAgICAgICByZXR1cm4gcmVuZGVySWxsdXN0cmF0aW9uKEVtYWlsQXQpO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHJlbmRlcklsbHVzdHJhdGlvbihCZWxsKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgbm90aWZpY2F0aW9uQ29udGVudDogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxGbGV4Qm94IHpJbmRleD17MX0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIHRleHRDb2xvcj1cInRleHRcIj5cbiAgICAgIHtyZW5kZXJJbWFnZSgpfVxuICAgICAgPEJveCBmbGV4PXsxfSBwbD17MTJ9PlxuICAgICAgICA8VGV4dCBpZD17bm90aWZpY2F0aW9uSXRlbUlkfSB2YXJpYW50PVwicC1zbWFsbFwiPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJwLXNtYWxsXCIgdGV4dENvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtbD17NH0+XG4gICAgICAgICAge2RhdGV9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvQm94PlxuICAgIDwvRmxleEJveD5cbiAgKTtcblxuICBjb25zdCBkaXNtaXNzSWNvbjogUmVhY3RFbGVtZW50ID0gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBpY29uPXtNaW5pRGVsZXRlSWNvbn1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZURpc21pc3N9XG4gICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtub3RpZmljYXRpb25JdGVtSWR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICB6LWluZGV4PXsxfVxuICAgICAgdGlwPVwiRGlzbWlzcyBub3RpZmljYXRpb25cIlxuICAgICAgdGlwUHJvcHM9e3sgYWxpZ25tZW50OiAnYm90dG9tLWNlbnRlcicsIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyB9fVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3Qgc2VwYXJhdG9yUGF0dGVybiA9IChcbiAgICA8Qm94IHB4PXszMn0gbT17MH0gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8Q2hlY2tlckRlbnNlIGhlaWdodD1cIjFweFwiIGRpc3BsYXk9XCJmbGV4XCIgLz5cbiAgICA8L0JveD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsaT5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIHB5PXsyNH1cbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBhbGlnbkl0ZW1zPVwiZmxleC1zdGFydFwiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgPlxuICAgICAgICB7bGluayA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZExpbmtcbiAgICAgICAgICAgICAgaHJlZj17bGlua31cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7dGV4dH0sICR7ZGF0ZX0gYWdvYH1cbiAgICAgICAgICAgICAgcmVsPXtpc0ludGVybmFsTGluayhsaW5rKSA/ICcnIDogJ25vb3BlbmVyIG5vcmVmZXJyZXInfVxuICAgICAgICAgICAgICB0YXJnZXQ9e2lzSW50ZXJuYWxMaW5rKGxpbmspID8gJycgOiAnX2JsYW5rJ31cbiAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljaz8uKGV2ZW50KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge25vdGlmaWNhdGlvbkNvbnRlbnR9XG4gICAgICAgICAgICA8L1N0eWxlZExpbms+XG4gICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD57bm90aWZpY2F0aW9uQ29udGVudH08Lz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3ggYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgIHtoYW5kbGVEaXNtaXNzICYmIGRpc21pc3NJY29ufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7c2VwYXJhdG9yUGF0dGVybn1cbiAgICA8L2xpPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGtCIn0= */");
-const isInternalLink = (href) => {
-	try {
-		return new URL(href).hostname === window.location.hostname;
-	} catch (_e) {}
-	return false;
-};
-const NotificationItem = ({ handleDismiss, notification, handleClick }) => {
-	const { date, imageUrl, link, text, type, id } = notification;
-	const notificationItemId = `NotificationItem${id}`;
-	const renderIllustration = (Illustration) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		display: "inline-flex",
-		"aria-hidden": true
-	}, /* @__PURE__ */ react.createElement(Illustration, {
-		height: 48,
-		width: 48
-	}));
-	const renderIcon = (Icon) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		display: "inline-flex",
-		justifyContent: "center",
-		alignItems: "center",
-		borderRadius: "full",
-		border: 1,
-		width: 50,
-		height: 50,
-		"aria-hidden": true
-	}, /* @__PURE__ */ react.createElement(Icon, {
-		height: 22,
-		width: 22
-	}));
-	const renderImage = () => {
-		if (imageUrl) return /* @__PURE__ */ react.createElement(StyledImg, {
-			src: imageUrl,
-			alt: ""
-		});
-		switch (type) {
-			case "marketing_blast": return renderIllustration(_codecademy_gamut_illustrations.Megaphone);
-			case "curriculum_blast": return renderIllustration(_codecademy_gamut_illustrations.New);
-			case "cohort_blast": return renderIcon(_codecademy_gamut_icons.MultipleUsersIcon);
-			case "forum_comment": return renderIllustration(_codecademy_gamut_illustrations.ChatBox);
-			case "forum_message": return renderIllustration(_codecademy_gamut_illustrations.Envelope);
-			case "forum_like": return renderIllustration(_codecademy_gamut_illustrations.Heart);
-			case "forum_mention": return renderIllustration(_codecademy_gamut_illustrations.EmailAt);
-			default: return renderIllustration(_codecademy_gamut_illustrations.Bell);
-		}
-	};
-	const notificationContent = /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		zIndex: 1,
-		position: "relative",
-		textColor: "text"
-	}, renderImage(), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		flex: 1,
-		pl: 12
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-		id: notificationItemId,
-		variant: "p-small"
-	}, text), /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-		variant: "p-small",
-		textColor: "text-secondary",
-		ml: 4
-	}, date)));
-	const dismissIcon = /* @__PURE__ */ react.createElement(_codecademy_gamut.IconButton, {
-		icon: _codecademy_gamut_icons.MiniDeleteIcon,
-		onClick: handleDismiss,
-		"aria-describedby": notificationItemId,
-		size: "small",
-		variant: "secondary",
-		"z-index": 1,
-		tip: "Dismiss notification",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	});
-	const separatorPattern = /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		px: 32,
-		m: 0,
-		"aria-hidden": "true"
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut_patterns.CheckerDense, {
-		height: "1px",
-		display: "flex"
-	}));
-	return /* @__PURE__ */ react.createElement("li", null, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		py: 24,
-		px: 32,
-		alignItems: "flex-start",
-		justifyContent: "space-between",
-		position: "relative"
-	}, link ? /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(StyledLink, {
-		href: link,
-		"aria-label": `${text}, ${date} ago`,
-		rel: isInternalLink(link) ? "" : "noopener noreferrer",
-		target: isInternalLink(link) ? "" : "_blank",
-		onClick: (event) => handleClick?.(event)
-	}, notificationContent)) : /* @__PURE__ */ react.createElement(react.Fragment, null, notificationContent), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "flex-start",
-		zIndex: 1
-	}, handleDismiss && dismissIcon)), separatorPattern);
-};
-
-//#endregion
-exports.NotificationItem = NotificationItem;
-//# sourceMappingURL=NotificationItem.cjs.map

package/dist/NotificationList/NotificationItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationItem.cjs","names":["Box","FlexBox","IconButton","Text","MiniDeleteIcon","MultipleUsersIcon","Bell","ChatBox","EmailAt","Envelope","Heart","Megaphone","New","CheckerDense","themed","styled","React","StyledLink","theme","colors","StyledImg","isInternalLink","href","URL","hostname","window","location","_e","NotificationItem","handleDismiss","notification","handleClick","date","imageUrl","link","text","type","id","notificationItemId","renderIllustration","Illustration","display","aria-hidden","height","width","renderIcon","Icon","justifyContent","alignItems","borderRadius","border","renderImage","src","alt","notificationContent","zIndex","position","textColor","flex","pl","variant","ml","dismissIcon","icon","onClick","aria-describedby","size","z-index","tip","tipProps","alignment","placement","separatorPattern","px","m","li","py","aria-label","rel","target","event"],"sources":["../../src/NotificationList/NotificationItem.tsx"],"sourcesContent":["import { Box, FlexBox, IconButton, Text } from '@codecademy/gamut';\nimport {\n  GamutIconProps,\n  MiniDeleteIcon,\n  MultipleUsersIcon,\n} from '@codecademy/gamut-icons';\nimport {\n  Bell,\n  ChatBox,\n  EmailAt,\n  Envelope,\n  Heart,\n  IllustrationProps,\n  Megaphone,\n  New,\n} from '@codecademy/gamut-illustrations';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { themed } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ReactElement } from 'react';\nimport * as React from 'react';\n\nimport { Notification } from './typings';\n\nconst StyledLink = styled.a`\n  text-decoration: none;\n  display: block;\n  z-index: 1;\n\n  &:before,\n  &:after {\n    top: -1px;\n    left: 0;\n    z-index: 0;\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: calc(100% + 2px);\n    transition: background 250ms;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus-visible {\n    &:after {\n      border-radius: 4px;\n      border: 2px solid ${themed('colors.navy')};\n    }\n  }\n  &:hover {\n    text-decoration: none;\n    &:before {\n      background-color: ${({ theme }) => theme.colors['gray-100']};\n    }\n  }\n`;\n\nconst StyledImg = styled.img`\n  border-radius: 50%;\n  border: 1px solid ${themed('colors.navy')};\n  height: 3rem;\n  width: 3rem;\n`;\n\nconst isInternalLink = (href: string) => {\n  try {\n    return new URL(href).hostname === window.location.hostname;\n  } catch (_e) {}\n  return false;\n};\n\nexport type NotificationItemProps = {\n  notification: Notification;\n  handleClick?: (event: object) => void;\n  handleDismiss?: () => void;\n};\n\nexport const NotificationItem: React.FC<NotificationItemProps> = ({\n  handleDismiss,\n  notification,\n  handleClick,\n}) => {\n  const { date, imageUrl, link, text, type, id } = notification;\n  const notificationItemId = `NotificationItem${id}`;\n\n  const renderIllustration = (Illustration: React.FC<IllustrationProps>) => (\n    <Box display=\"inline-flex\" aria-hidden>\n      <Illustration height={48} width={48} />\n    </Box>\n  );\n\n  const renderIcon = (Icon: React.FC<GamutIconProps>) => (\n    <Box\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"full\"\n      border={1}\n      width={50}\n      height={50}\n      aria-hidden\n    >\n      <Icon height={22} width={22} />\n    </Box>\n  );\n\n  const renderImage = () => {\n    if (imageUrl) return <StyledImg src={imageUrl} alt=\"\" />;\n\n    switch (type) {\n      case 'marketing_blast':\n        return renderIllustration(Megaphone);\n      case 'curriculum_blast':\n        return renderIllustration(New);\n      case 'cohort_blast':\n        return renderIcon(MultipleUsersIcon);\n      case 'forum_comment':\n        return renderIllustration(ChatBox);\n      case 'forum_message':\n        return renderIllustration(Envelope);\n      case 'forum_like':\n        return renderIllustration(Heart);\n      case 'forum_mention':\n        return renderIllustration(EmailAt);\n      default:\n        return renderIllustration(Bell);\n    }\n  };\n\n  const notificationContent: ReactElement = (\n    <FlexBox zIndex={1} position=\"relative\" textColor=\"text\">\n      {renderImage()}\n      <Box flex={1} pl={12}>\n        <Text id={notificationItemId} variant=\"p-small\">\n          {text}\n        </Text>\n        <Text variant=\"p-small\" textColor=\"text-secondary\" ml={4}>\n          {date}\n        </Text>\n      </Box>\n    </FlexBox>\n  );\n\n  const dismissIcon: ReactElement = (\n    <IconButton\n      icon={MiniDeleteIcon}\n      onClick={handleDismiss}\n      aria-describedby={notificationItemId}\n      size=\"small\"\n      variant=\"secondary\"\n      z-index={1}\n      tip=\"Dismiss notification\"\n      tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n    />\n  );\n\n  const separatorPattern = (\n    <Box px={32} m={0} aria-hidden=\"true\">\n      <CheckerDense height=\"1px\" display=\"flex\" />\n    </Box>\n  );\n\n  return (\n    <li>\n      <FlexBox\n        py={24}\n        px={32}\n        alignItems=\"flex-start\"\n        justifyContent=\"space-between\"\n        position=\"relative\"\n      >\n        {link ? (\n          <>\n            <StyledLink\n              href={link}\n              aria-label={`${text}, ${date} ago`}\n              rel={isInternalLink(link) ? '' : 'noopener noreferrer'}\n              target={isInternalLink(link) ? '' : '_blank'}\n              onClick={(event) => handleClick?.(event)}\n            >\n              {notificationContent}\n            </StyledLink>\n          </>\n        ) : (\n          <>{notificationContent}</>\n        )}\n        <FlexBox alignItems=\"flex-start\" zIndex={1}>\n          {handleDismiss && dismissIcon}\n        </FlexBox>\n      </FlexBox>\n      {separatorPattern}\n    </li>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAMiB,aAAaF,6CAAAA,KAAAA;;;kTAsBc,cAAA,EAAA,+DAMN,EAAEG,YAAYA,MAAMC,OAAO,aAAW,OAAA,8yNAAA;AAKjE,MAAMC,YAAYL,6CAAAA,OAAAA;;;+EAEW,cAAA,EAAA,4BAAA,8yNAAA;AAK7B,MAAMM,kBAAkBC,SAAAA;AACtB,KAAI;AACF,SAAO,IAAIC,IAAID,KAAAA,CAAME,aAAaC,OAAOC,SAASF;UAC3CG,IAAI;AACb,QAAO;;AAST,MAAaC,oBAAqD,EAChEC,eACAC,cACAC,kBACD;CACC,MAAM,EAAEC,MAAMC,UAAUC,MAAMC,MAAMC,MAAMC,OAAOP;CACjD,MAAMQ,qBAAqB,mBAAmBD;CAE9C,MAAME,sBAAsBC,iBAC1B,sBAAA,cAACxC,uBAAAA;EAAIyC,SAAQ;EAAcC,eAAAA;IACzB,sBAAA,cAACF,cAAAA;EAAaG,QAAQ;EAAIC,OAAO;;CAIrC,MAAMC,cAAcC,SAClB,sBAAA,cAAC9C,uBAAAA;EACCyC,SAAQ;EACRM,gBAAe;EACfC,YAAW;EACXC,cAAa;EACbC,QAAQ;EACRN,OAAO;EACPD,QAAQ;EACRD,eAAAA;IAEA,sBAAA,cAACI,MAAAA;EAAKH,QAAQ;EAAIC,OAAO;;CAI7B,MAAMO,oBAAc;AAClB,MAAIlB,SAAU,QAAO,sBAAA,cAACb,WAAAA;GAAUgC,KAAKnB;GAAUoB,KAAI;;AAEnD,UAAQjB,MAAR;GACE,KAAK,kBACH,QAAOG,mBAAmB5B,0CAAAA;GAC5B,KAAK,mBACH,QAAO4B,mBAAmB3B,oCAAAA;GAC5B,KAAK,eACH,QAAOiC,WAAWxC,0CAAAA;GACpB,KAAK,gBACH,QAAOkC,mBAAmBhC,wCAAAA;GAC5B,KAAK,gBACH,QAAOgC,mBAAmB9B,yCAAAA;GAC5B,KAAK,aACH,QAAO8B,mBAAmB7B,sCAAAA;GAC5B,KAAK,gBACH,QAAO6B,mBAAmB/B,wCAAAA;GAC5B,QACE,QAAO+B,mBAAmBjC,qCAAAA;;;CAIhC,MAAMgD,sBACJ,sBAAA,cAACrD,2BAAAA;EAAQsD,QAAQ;EAAGC,UAAS;EAAWC,WAAU;IAC/CN,aAAAA,EACD,sBAAA,cAACnD,uBAAAA;EAAI0D,MAAM;EAAGC,IAAI;IAChB,sBAAA,cAACxD,wBAAAA;EAAKkC,IAAIC;EAAoBsB,SAAQ;IACnCzB,KAAAA,EAEH,sBAAA,cAAChC,wBAAAA;EAAKyD,SAAQ;EAAUH,WAAU;EAAiBI,IAAI;IACpD7B,KAAAA,CAAAA,CAAAA;CAMT,MAAM8B,cACJ,sBAAA,cAAC5D,8BAAAA;EACC6D,MAAM3D;EACN4D,SAASnC;EACToC,oBAAkB3B;EAClB4B,MAAK;EACLN,SAAQ;EACRO,WAAS;EACTC,KAAI;EACJC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;;CAIlE,MAAMC,mBACJ,sBAAA,cAACxE,uBAAAA;EAAIyE,IAAI;EAAIC,GAAG;EAAGhC,eAAY;IAC7B,sBAAA,cAAC7B,yCAAAA;EAAa8B,QAAO;EAAMF,SAAQ;;AAIvC,QACE,sBAAA,cAACkC,MAAAA,MACC,sBAAA,cAAC1E,2BAAAA;EACC2E,IAAI;EACJH,IAAI;EACJzB,YAAW;EACXD,gBAAe;EACfS,UAAS;IAERtB,OACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACjB,YAAAA;EACCK,MAAMY;EACN2C,cAAY,GAAG1C,KAAK,IAAIH,KAAK;EAC7B8C,KAAKzD,eAAea,KAAAA,GAAQ,KAAK;EACjC6C,QAAQ1D,eAAea,KAAAA,GAAQ,KAAK;EACpC8B,UAAUgB,UAAUjD,cAAciD,MAAAA;IAEjC1B,oBAAAA,CAAAA,GAIL,sBAAA,cAAA,MAAA,UAAA,MAAGA,oBAAAA,EAEL,sBAAA,cAACrD,2BAAAA;EAAQ+C,YAAW;EAAaO,QAAQ;IACtC1B,iBAAiBiC,YAAAA,CAAAA,EAGrBU,iBAAAA"}