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

package/dist/PageAlerts/PageAlerts.cjs

@@ -1,60 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PageAlertsProvider = require('./PageAlertsProvider.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-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/PageAlerts/PageAlerts.tsx
-const AlertArea = /* @__PURE__ */ (0, _emotion_styled.default)("div", {
-	target: "e1fny7bz0",
-	label: "brand-AlertArea"
-})("display:grid;justify-content:center;width:100%;padding:1rem 0rem;grid-template-columns:1fr;row-gap:1rem;top:3.5rem;left:50%;z-index:15;position:fixed;transform:translate(-50%,0);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlCIn0= */");
-const StyledAlert = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Alert, {
-	target: "e1fny7bz1",
-	label: "brand-StyledAlert"
-})("max-width:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJvQiJ9 */");
-const PageAlerts = ({ extra = [] }) => {
-	const { alerts, closeAlert, addAlert } = (0, react.useContext)(require_PageAlertsProvider.PageAlertsContext);
-	(0, react.useEffect)(() => {
-		extra.forEach(addAlert);
-	}, [extra, addAlert]);
-	const [alertArea, setAlertArea] = (0, react.useState)();
-	const refCallback = (0, react.useCallback)((alertArea$1) => {
-		setAlertArea(alertArea$1);
-	}, [setAlertArea]);
-	const focusAlertCloseButton = (0, react.useCallback)(() => {
-		(alertArea?.querySelector("button"))?.focus();
-	}, [alertArea]);
-	(0, react.useEffect)(() => {
-		focusAlertCloseButton();
-	}, [
-		alerts,
-		focusAlertCloseButton,
-		alertArea
-	]);
-	if (!alerts?.length) return null;
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.BodyPortal, null, /* @__PURE__ */ react.createElement(AlertArea, {
-		role: "alert",
-		"aria-live": "assertive",
-		key: "alerts",
-		ref: refCallback
-	}, alerts.map((alert) => /* @__PURE__ */ react.createElement(_codecademy_gamut.ContentContainer, {
-		size: "medium",
-		key: alert.message
-	}, /* @__PURE__ */ react.createElement(StyledAlert, {
-		cta: alert.cta,
-		onClose: alert.permanent ? void 0 : () => {
-			closeAlert(alert.message);
-			alert?.onClose?.();
-		},
-		type: alert.type,
-		placement: "floating"
-	}, alert.message)))));
-};
-
-//#endregion
-exports.AlertArea = AlertArea;
-exports.PageAlerts = PageAlerts;
-//# sourceMappingURL=PageAlerts.cjs.map

package/dist/PageAlerts/PageAlerts.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlerts.cjs","names":["Alert","BodyPortal","ContentContainer","styled","useCallback","useContext","useEffect","useState","React","PageAlertsContext","AlertArea","StyledAlert","PageAlerts","extra","alerts","closeAlert","addAlert","forEach","alertArea","setAlertArea","refCallback","focusAlertCloseButton","refButton","querySelector","focus","length","role","aria-live","key","ref","map","alert","size","message","cta","onClose","permanent","undefined","type","placement"],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":["import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { useCallback, useContext, useEffect, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  PageAlertsContext,\n  PageAlertsContextValue,\n} from './PageAlertsProvider';\nimport { PageAlert } from './types';\n\nexport type PageAlertsProps = {\n  extra?: PageAlert[];\n};\n\nexport const AlertArea = styled.div`\n  display: grid;\n  justify-content: center;\n  width: 100%;\n  padding: 1rem 0rem;\n  grid-template-columns: 1fr;\n  row-gap: 1rem;\n  top: 3.5rem;\n  left: 50%;\n  z-index: 15;\n  position: fixed;\n  transform: translate(-50%, 0);\n`;\n\nconst StyledAlert = styled(Alert)`\n  max-width: 100%;\n`;\n\nexport const PageAlerts: React.FC<PageAlertsProps> = ({ extra = [] }) => {\n  const { alerts, closeAlert, addAlert } =\n    useContext<PageAlertsContextValue>(PageAlertsContext);\n\n  useEffect(() => {\n    extra.forEach(addAlert);\n  }, [extra, addAlert]);\n\n  const [alertArea, setAlertArea] = useState<HTMLDivElement>();\n  const refCallback = useCallback(\n    (alertArea: HTMLDivElement) => {\n      setAlertArea(alertArea);\n    },\n    [setAlertArea]\n  );\n\n  const focusAlertCloseButton = useCallback(() => {\n    const refButton = alertArea?.querySelector('button');\n    refButton?.focus();\n  }, [alertArea]);\n\n  // Focus when alertArea is first rendered, as well as when alerts change\n  useEffect(() => {\n    focusAlertCloseButton();\n  }, [alerts, focusAlertCloseButton, alertArea]);\n\n  if (!alerts?.length) return null;\n\n  return (\n    <BodyPortal>\n      <AlertArea\n        role=\"alert\"\n        aria-live=\"assertive\"\n        key=\"alerts\"\n        ref={refCallback}\n      >\n        {alerts.map((alert) => (\n          <ContentContainer size=\"medium\" key={alert.message}>\n            <StyledAlert\n              cta={alert.cta}\n              onClose={\n                alert.permanent\n                  ? undefined\n                  : () => {\n                      closeAlert(alert.message);\n                      alert?.onClose?.();\n                    }\n              }\n              type={alert.type}\n              placement=\"floating\"\n            >\n              {alert.message}\n            </StyledAlert>\n          </ContentContainer>\n        ))}\n      </AlertArea>\n    </BodyPortal>\n  );\n};\n"],"mappings":";;;;;;;;;AAeA,MAAaU,YAAYP,6CAAAA,OAAAA;;;;AAczB,MAAMQ,cAAcR,6CAAOH,yBAAAA;;;;AAI3B,MAAaY,cAAyC,EAAEC,QAAQ,EAAE,OAAE;CAClE,MAAM,EAAEC,QAAQC,YAAYC,mCACSP,6CAAAA;AAErCH,4BAAU;AACRO,QAAMI,QAAQD,SAAAA;IACb,CAACH,OAAOG,SAAS,CAAA;CAEpB,MAAM,CAACE,WAAWC,qCAAgBZ;CAClC,MAAMa,sCACHF,gBAAAA;AACCC,eAAaD,YAAAA;IAEf,CAACC,aAAa,CAAA;CAGhB,MAAME,qDAAoC;AAExCC,GADkBJ,WAAWK,cAAc,SAAA,GAChCC,OAAAA;IACV,CAACN,UAAU,CAAA;AAGdZ,4BAAU;AACRe,yBAAAA;IACC;EAACP;EAAQO;EAAuBH;EAAU,CAAA;AAE7C,KAAI,CAACJ,QAAQW,OAAQ,QAAO;AAE5B,QACE,sBAAA,cAACxB,8BAAAA,MACC,sBAAA,cAACS,WAAAA;EACCgB,MAAK;EACLC,aAAU;EACVC,KAAI;EACJC,KAAKT;IAEJN,OAAOgB,KAAKC,UACX,sBAAA,cAAC7B,oCAAAA;EAAiB8B,MAAK;EAASJ,KAAKG,MAAME;IACzC,sBAAA,cAACtB,aAAAA;EACCuB,KAAKH,MAAMG;EACXC,SACEJ,MAAMK,YACFC,eACA;AACEtB,cAAWgB,MAAME,QAAO;AACxBF,UAAOI,WAAAA;;EAGfG,MAAMP,MAAMO;EACZC,WAAU;IAETR,MAAME,QAAO,CAAA,CAAA,CAAA,CAAA"}

package/dist/PageAlerts/PageAlerts.d.cts

@@ -1,17 +0,0 @@
-import { PageAlert } from "./types.cjs";
-import * as React$1 from "react";
-import * as _emotion_react18 from "@emotion/react";
-import * as _emotion_styled4 from "@emotion/styled";
-
-//#region src/PageAlerts/PageAlerts.d.ts
-type PageAlertsProps = {
-  extra?: PageAlert[];
-};
-declare const AlertArea: _emotion_styled4.StyledComponent<{
-  theme?: _emotion_react18.Theme;
-  as?: React$1.ElementType;
-}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const PageAlerts: React$1.FC<PageAlertsProps>;
-//#endregion
-export { AlertArea, PageAlerts, PageAlertsProps };
-//# sourceMappingURL=PageAlerts.d.cts.map

package/dist/PageAlerts/PageAlerts.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlerts.d.cts","names":[],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,eAAA;UACF;;cAGG,4BAAS;EAJV,KAAA,CAAA,EAgBX,gBAAA,CAAA,KAfS;EAGG,EAAA,CAAA,qBAYZ;CAAA,2BAAA,uBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAMY,YAAY,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlerts.d.mts

@@ -1,17 +0,0 @@
-import { PageAlert } from "./types.mjs";
-import * as _emotion_styled4 from "@emotion/styled";
-import * as React$1 from "react";
-import * as _emotion_react18 from "@emotion/react";
-
-//#region src/PageAlerts/PageAlerts.d.ts
-type PageAlertsProps = {
-  extra?: PageAlert[];
-};
-declare const AlertArea: _emotion_styled4.StyledComponent<{
-  theme?: _emotion_react18.Theme;
-  as?: React$1.ElementType;
-}, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const PageAlerts: React$1.FC<PageAlertsProps>;
-//#endregion
-export { AlertArea, PageAlerts, PageAlertsProps };
-//# sourceMappingURL=PageAlerts.d.mts.map

package/dist/PageAlerts/PageAlerts.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlerts.d.mts","names":[],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,eAAA;UACF;;cAGG,4BAAS;EAJV,KAAA,CAAA,EAgBX,gBAAA,CAAA,KAfS;EAGG,EAAA,CAAA,qBAYZ;CAAA,2BAAA,uBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,CAAA,CAAA;cAMY,YAAY,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlerts.mjs

@@ -1,57 +0,0 @@
-import { PageAlertsContext } from "./PageAlertsProvider.mjs";
-import { Alert, BodyPortal, ContentContainer } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useCallback, useContext, useEffect, useState } from "react";
-
-//#region src/PageAlerts/PageAlerts.tsx
-const AlertArea = /* @__PURE__ */ styled("div", {
-	target: "e1fny7bz0",
-	label: "brand-AlertArea"
-})("display:grid;justify-content:center;width:100%;padding:1rem 0rem;grid-template-columns:1fr;row-gap:1rem;top:3.5rem;left:50%;z-index:15;position:fixed;transform:translate(-50%,0);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlCIn0= */");
-const StyledAlert = /* @__PURE__ */ styled(Alert, {
-	target: "e1fny7bz1",
-	label: "brand-StyledAlert"
-})("max-width:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJvQiJ9 */");
-const PageAlerts = ({ extra = [] }) => {
-	const { alerts, closeAlert, addAlert } = useContext(PageAlertsContext);
-	useEffect(() => {
-		extra.forEach(addAlert);
-	}, [extra, addAlert]);
-	const [alertArea, setAlertArea] = useState();
-	const refCallback = useCallback((alertArea$1) => {
-		setAlertArea(alertArea$1);
-	}, [setAlertArea]);
-	const focusAlertCloseButton = useCallback(() => {
-		(alertArea?.querySelector("button"))?.focus();
-	}, [alertArea]);
-	useEffect(() => {
-		focusAlertCloseButton();
-	}, [
-		alerts,
-		focusAlertCloseButton,
-		alertArea
-	]);
-	if (!alerts?.length) return null;
-	return /* @__PURE__ */ React$1.createElement(BodyPortal, null, /* @__PURE__ */ React$1.createElement(AlertArea, {
-		role: "alert",
-		"aria-live": "assertive",
-		key: "alerts",
-		ref: refCallback
-	}, alerts.map((alert) => /* @__PURE__ */ React$1.createElement(ContentContainer, {
-		size: "medium",
-		key: alert.message
-	}, /* @__PURE__ */ React$1.createElement(StyledAlert, {
-		cta: alert.cta,
-		onClose: alert.permanent ? void 0 : () => {
-			closeAlert(alert.message);
-			alert?.onClose?.();
-		},
-		type: alert.type,
-		placement: "floating"
-	}, alert.message)))));
-};
-
-//#endregion
-export { AlertArea, PageAlerts };
-//# sourceMappingURL=PageAlerts.mjs.map

package/dist/PageAlerts/PageAlerts.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlerts.mjs","names":["Alert","BodyPortal","ContentContainer","styled","useCallback","useContext","useEffect","useState","React","PageAlertsContext","AlertArea","StyledAlert","PageAlerts","extra","alerts","closeAlert","addAlert","forEach","alertArea","setAlertArea","refCallback","focusAlertCloseButton","refButton","querySelector","focus","length","role","aria-live","key","ref","map","alert","size","message","cta","onClose","permanent","undefined","type","placement"],"sources":["../../src/PageAlerts/PageAlerts.tsx"],"sourcesContent":["import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { useCallback, useContext, useEffect, useState } from 'react';\nimport * as React from 'react';\n\nimport {\n  PageAlertsContext,\n  PageAlertsContextValue,\n} from './PageAlertsProvider';\nimport { PageAlert } from './types';\n\nexport type PageAlertsProps = {\n  extra?: PageAlert[];\n};\n\nexport const AlertArea = styled.div`\n  display: grid;\n  justify-content: center;\n  width: 100%;\n  padding: 1rem 0rem;\n  grid-template-columns: 1fr;\n  row-gap: 1rem;\n  top: 3.5rem;\n  left: 50%;\n  z-index: 15;\n  position: fixed;\n  transform: translate(-50%, 0);\n`;\n\nconst StyledAlert = styled(Alert)`\n  max-width: 100%;\n`;\n\nexport const PageAlerts: React.FC<PageAlertsProps> = ({ extra = [] }) => {\n  const { alerts, closeAlert, addAlert } =\n    useContext<PageAlertsContextValue>(PageAlertsContext);\n\n  useEffect(() => {\n    extra.forEach(addAlert);\n  }, [extra, addAlert]);\n\n  const [alertArea, setAlertArea] = useState<HTMLDivElement>();\n  const refCallback = useCallback(\n    (alertArea: HTMLDivElement) => {\n      setAlertArea(alertArea);\n    },\n    [setAlertArea]\n  );\n\n  const focusAlertCloseButton = useCallback(() => {\n    const refButton = alertArea?.querySelector('button');\n    refButton?.focus();\n  }, [alertArea]);\n\n  // Focus when alertArea is first rendered, as well as when alerts change\n  useEffect(() => {\n    focusAlertCloseButton();\n  }, [alerts, focusAlertCloseButton, alertArea]);\n\n  if (!alerts?.length) return null;\n\n  return (\n    <BodyPortal>\n      <AlertArea\n        role=\"alert\"\n        aria-live=\"assertive\"\n        key=\"alerts\"\n        ref={refCallback}\n      >\n        {alerts.map((alert) => (\n          <ContentContainer size=\"medium\" key={alert.message}>\n            <StyledAlert\n              cta={alert.cta}\n              onClose={\n                alert.permanent\n                  ? undefined\n                  : () => {\n                      closeAlert(alert.message);\n                      alert?.onClose?.();\n                    }\n              }\n              type={alert.type}\n              placement=\"floating\"\n            >\n              {alert.message}\n            </StyledAlert>\n          </ContentContainer>\n        ))}\n      </AlertArea>\n    </BodyPortal>\n  );\n};\n"],"mappings":";;;;;;;AAeA,MAAaU,YAAYP,uBAAAA,OAAAA;;;;AAczB,MAAMQ,cAAcR,uBAAOH,OAAAA;;;;AAI3B,MAAaY,cAAyC,EAAEC,QAAQ,EAAE,OAAE;CAClE,MAAM,EAAEC,QAAQC,YAAYC,aAC1BX,WAAmCI,kBAAAA;AAErCH,iBAAU;AACRO,QAAMI,QAAQD,SAAAA;IACb,CAACH,OAAOG,SAAS,CAAA;CAEpB,MAAM,CAACE,WAAWC,gBAAgBZ,UAAAA;CAClC,MAAMa,cAAchB,aACjBc,gBAAAA;AACCC,eAAaD,YAAAA;IAEf,CAACC,aAAa,CAAA;CAGhB,MAAME,wBAAwBjB,kBAAY;AAExCkB,GADkBJ,WAAWK,cAAc,SAAA,GAChCC,OAAAA;IACV,CAACN,UAAU,CAAA;AAGdZ,iBAAU;AACRe,yBAAAA;IACC;EAACP;EAAQO;EAAuBH;EAAU,CAAA;AAE7C,KAAI,CAACJ,QAAQW,OAAQ,QAAO;AAE5B,QACE,wBAAA,cAACxB,YAAAA,MACC,wBAAA,cAACS,WAAAA;EACCgB,MAAK;EACLC,aAAU;EACVC,KAAI;EACJC,KAAKT;IAEJN,OAAOgB,KAAKC,UACX,wBAAA,cAAC7B,kBAAAA;EAAiB8B,MAAK;EAASJ,KAAKG,MAAME;IACzC,wBAAA,cAACtB,aAAAA;EACCuB,KAAKH,MAAMG;EACXC,SACEJ,MAAMK,YACFC,eACA;AACEtB,cAAWgB,MAAME,QAAO;AACxBF,UAAOI,WAAAA;;EAGfG,MAAMP,MAAMO;EACZC,WAAU;IAETR,MAAME,QAAO,CAAA,CAAA,CAAA,CAAA"}

package/dist/PageAlerts/PageAlertsProvider.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let lodash_fp_noop = require("lodash/fp/noop");
-lodash_fp_noop = require_rolldown_runtime.__toESM(lodash_fp_noop);
-
-//#region src/PageAlerts/PageAlertsProvider.tsx
-const usePageAlertsContext = () => (0, react.useContext)(PageAlertsContext);
-const PageAlertsContext = /* @__PURE__ */ react.createContext({
-	alerts: [],
-	addAlert: lodash_fp_noop.default,
-	closeAlert: lodash_fp_noop.default
-});
-const PageAlertsProvider = ({ children }) => {
-	const [alerts, setAlerts] = (0, react.useState)([]);
-	const addAlert = (0, react.useCallback)((newAlert) => {
-		setAlerts((existingAlerts) => {
-			if (!existingAlerts.some((alert) => alert.message === newAlert.message)) return [...existingAlerts, newAlert];
-			return existingAlerts;
-		});
-	}, []);
-	const closeAlert = (0, react.useCallback)((message) => {
-		setAlerts((existingAlerts) => {
-			return existingAlerts.filter((alert) => alert.message !== message);
-		});
-	}, []);
-	return /* @__PURE__ */ react.createElement(PageAlertsContext.Provider, { value: {
-		alerts,
-		addAlert,
-		closeAlert
-	} }, children);
-};
-
-//#endregion
-exports.PageAlertsContext = PageAlertsContext;
-exports.PageAlertsProvider = PageAlertsProvider;
-exports.usePageAlertsContext = usePageAlertsContext;
-//# sourceMappingURL=PageAlertsProvider.cjs.map

package/dist/PageAlerts/PageAlertsProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlertsProvider.cjs","names":["noop","useCallback","useContext","useState","React","usePageAlertsContext","PageAlertsContext","createContext","alerts","addAlert","closeAlert","PageAlertsProvider","children","setAlerts","newAlert","existingAlerts","some","alert","message","filter","Provider","value"],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport { useCallback, useContext, useState } from 'react';\nimport * as React from 'react';\n\nimport { PageAlert } from './types';\n\nexport const usePageAlertsContext = () => useContext(PageAlertsContext);\n\nexport type PageAlertsContextValue = {\n  alerts: PageAlert[];\n  addAlert: (alert: PageAlert) => void;\n  closeAlert: (alertMessage: string) => void;\n};\n\nexport const PageAlertsContext = React.createContext<PageAlertsContextValue>({\n  alerts: [],\n  addAlert: noop,\n  closeAlert: noop,\n});\n\nexport const PageAlertsProvider: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  const [alerts, setAlerts] = useState<PageAlert[]>([]);\n\n  const addAlert = useCallback((newAlert: PageAlert) => {\n    setAlerts((existingAlerts) => {\n      if (!existingAlerts.some((alert) => alert.message === newAlert.message))\n        return [...existingAlerts, newAlert];\n\n      return existingAlerts;\n    });\n  }, []);\n\n  const closeAlert = useCallback((message: string) => {\n    setAlerts((existingAlerts) => {\n      return existingAlerts.filter((alert) => alert.message !== message);\n    });\n  }, []);\n\n  return (\n    <PageAlertsContext.Provider value={{ alerts, addAlert, closeAlert }}>\n      {children}\n    </PageAlertsContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAaK,mDAAwCC,kBAAAA;AAQrD,MAAaA,oBAAoBF,sBAAMG,cAAsC;CAC3EC,QAAQ,EAAE;CACVC,UAAUT;CACVU,YAAYV;CACd,CAAA;AAEA,MAAaW,sBAAkD,EAC7DC,eACD;CACC,MAAM,CAACJ,QAAQK,iCAAmC,EAAE,CAAA;CAEpD,MAAMJ,mCAAwBK,aAAAA;AAC5BD,aAAWE,mBAAAA;AACT,OAAI,CAACA,eAAeC,MAAMC,UAAUA,MAAMC,YAAYJ,SAASI,QAAO,CACpE,QAAO,IAAIH,gBAAgBD,SAAS;AAEtC,UAAOC;IACT;IACC,EAAE,CAAA;CAEL,MAAML,qCAA0BQ,YAAAA;AAC9BL,aAAWE,mBAAAA;AACT,UAAOA,eAAeI,QAAQF,UAAUA,MAAMC,YAAYA,QAAAA;IAC5D;IACC,EAAE,CAAA;AAEL,QACE,sBAAA,cAACZ,kBAAkBc,UAAQ,EAACC,OAAO;EAAEb;EAAQC;EAAUC;EAAW,IAC/DE,SAAAA"}

package/dist/PageAlerts/PageAlertsProvider.d.cts

@@ -1,16 +0,0 @@
-import { PageAlert } from "./types.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/PageAlerts/PageAlertsProvider.d.ts
-declare const usePageAlertsContext: () => PageAlertsContextValue;
-type PageAlertsContextValue = {
-  alerts: PageAlert[];
-  addAlert: (alert: PageAlert) => void;
-  closeAlert: (alertMessage: string) => void;
-};
-declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
-declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
-//#endregion
-export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
-//# sourceMappingURL=PageAlertsProvider.d.cts.map

package/dist/PageAlerts/PageAlertsProvider.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlertsProvider.d.cts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,4BAAoB;KAErB,sBAAA;EAFC,MAAA,EAGH,SAHG,EAAA;EAED,QAAA,EAAA,CAAA,KAAA,EAEQ,SAFc,EAAA,GAAA,IAAA;EAMrB,UAAA,EAAA,CAAA,YAIX,EAAA,MAJ4B,EAAA,GAAA,IAAA;AAM9B,CAAA;cANa,mBAAiB,OAAA,CAAA,QAAA;cAMjB,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlertsProvider.d.mts

@@ -1,16 +0,0 @@
-import { PageAlert } from "./types.mjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/PageAlerts/PageAlertsProvider.d.ts
-declare const usePageAlertsContext: () => PageAlertsContextValue;
-type PageAlertsContextValue = {
-  alerts: PageAlert[];
-  addAlert: (alert: PageAlert) => void;
-  closeAlert: (alertMessage: string) => void;
-};
-declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
-declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
-//#endregion
-export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };
-//# sourceMappingURL=PageAlertsProvider.d.mts.map

package/dist/PageAlerts/PageAlertsProvider.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlertsProvider.d.mts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,4BAAoB;KAErB,sBAAA;EAFC,MAAA,EAGH,SAHG,EAAA;EAED,QAAA,EAAA,CAAA,KAAA,EAEQ,SAFc,EAAA,GAAA,IAAA;EAMrB,UAAA,EAAA,CAAA,YAIX,EAAA,MAJ4B,EAAA,GAAA,IAAA;AAM9B,CAAA;cANa,mBAAiB,OAAA,CAAA,QAAA;cAMjB,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/PageAlerts/PageAlertsProvider.mjs

@@ -1,34 +0,0 @@
-import * as React$1 from "react";
-import { useCallback, useContext, useState } from "react";
-import noop from "lodash/fp/noop";
-
-//#region src/PageAlerts/PageAlertsProvider.tsx
-const usePageAlertsContext = () => useContext(PageAlertsContext);
-const PageAlertsContext = /* @__PURE__ */ React$1.createContext({
-	alerts: [],
-	addAlert: noop,
-	closeAlert: noop
-});
-const PageAlertsProvider = ({ children }) => {
-	const [alerts, setAlerts] = useState([]);
-	const addAlert = useCallback((newAlert) => {
-		setAlerts((existingAlerts) => {
-			if (!existingAlerts.some((alert) => alert.message === newAlert.message)) return [...existingAlerts, newAlert];
-			return existingAlerts;
-		});
-	}, []);
-	const closeAlert = useCallback((message) => {
-		setAlerts((existingAlerts) => {
-			return existingAlerts.filter((alert) => alert.message !== message);
-		});
-	}, []);
-	return /* @__PURE__ */ React$1.createElement(PageAlertsContext.Provider, { value: {
-		alerts,
-		addAlert,
-		closeAlert
-	} }, children);
-};
-
-//#endregion
-export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
-//# sourceMappingURL=PageAlertsProvider.mjs.map

package/dist/PageAlerts/PageAlertsProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageAlertsProvider.mjs","names":["noop","useCallback","useContext","useState","React","usePageAlertsContext","PageAlertsContext","createContext","alerts","addAlert","closeAlert","PageAlertsProvider","children","setAlerts","newAlert","existingAlerts","some","alert","message","filter","Provider","value"],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"sourcesContent":["import { WithChildrenProp } from '@codecademy/gamut';\nimport noop from 'lodash/fp/noop';\nimport { useCallback, useContext, useState } from 'react';\nimport * as React from 'react';\n\nimport { PageAlert } from './types';\n\nexport const usePageAlertsContext = () => useContext(PageAlertsContext);\n\nexport type PageAlertsContextValue = {\n  alerts: PageAlert[];\n  addAlert: (alert: PageAlert) => void;\n  closeAlert: (alertMessage: string) => void;\n};\n\nexport const PageAlertsContext = React.createContext<PageAlertsContextValue>({\n  alerts: [],\n  addAlert: noop,\n  closeAlert: noop,\n});\n\nexport const PageAlertsProvider: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  const [alerts, setAlerts] = useState<PageAlert[]>([]);\n\n  const addAlert = useCallback((newAlert: PageAlert) => {\n    setAlerts((existingAlerts) => {\n      if (!existingAlerts.some((alert) => alert.message === newAlert.message))\n        return [...existingAlerts, newAlert];\n\n      return existingAlerts;\n    });\n  }, []);\n\n  const closeAlert = useCallback((message: string) => {\n    setAlerts((existingAlerts) => {\n      return existingAlerts.filter((alert) => alert.message !== message);\n    });\n  }, []);\n\n  return (\n    <PageAlertsContext.Provider value={{ alerts, addAlert, closeAlert }}>\n      {children}\n    </PageAlertsContext.Provider>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAaK,6BAA6BH,WAAWI,kBAAAA;AAQrD,MAAaA,oBAAoBF,wBAAMG,cAAsC;CAC3EC,QAAQ,EAAE;CACVC,UAAUT;CACVU,YAAYV;CACd,CAAA;AAEA,MAAaW,sBAAkD,EAC7DC,eACD;CACC,MAAM,CAACJ,QAAQK,aAAaV,SAAsB,EAAE,CAAA;CAEpD,MAAMM,WAAWR,aAAaa,aAAAA;AAC5BD,aAAWE,mBAAAA;AACT,OAAI,CAACA,eAAeC,MAAMC,UAAUA,MAAMC,YAAYJ,SAASI,QAAO,CACpE,QAAO,IAAIH,gBAAgBD,SAAS;AAEtC,UAAOC;IACT;IACC,EAAE,CAAA;CAEL,MAAML,aAAaT,aAAaiB,YAAAA;AAC9BL,aAAWE,mBAAAA;AACT,UAAOA,eAAeI,QAAQF,UAAUA,MAAMC,YAAYA,QAAAA;IAC5D;IACC,EAAE,CAAA;AAEL,QACE,wBAAA,cAACZ,kBAAkBc,UAAQ,EAACC,OAAO;EAAEb;EAAQC;EAAUC;EAAW,IAC/DE,SAAAA"}

package/dist/PageAlerts/index.cjs

@@ -1,2 +0,0 @@
-const require_PageAlertsProvider = require('./PageAlertsProvider.cjs');
-const require_PageAlerts = require('./PageAlerts.cjs');

package/dist/PageAlerts/index.d.mts

@@ -1,3 +0,0 @@
-import { PageAlert } from "./types.mjs";
-import { AlertArea, PageAlerts, PageAlertsProps } from "./PageAlerts.mjs";
-import { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.mjs";

package/dist/PageAlerts/index.mjs

@@ -1,2 +0,0 @@
-import { PageAlertsContext, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.mjs";
-import { AlertArea, PageAlerts } from "./PageAlerts.mjs";

package/dist/PageAlerts/types.d.cts

@@ -1,19 +0,0 @@
-import { Alert } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-
-//#region src/PageAlerts/types.d.ts
-type AlertProps = Required<ComponentProps<typeof Alert>>;
-type LimitedCTAProps = 'target' | 'children' | 'onClick' | 'text';
-type ExtractableCTAProps = { [Prop in Extract<keyof AlertProps['cta'], LimitedCTAProps>]?: AlertProps['cta'][Prop] };
-type PageAlert = {
-  cta?: ExtractableCTAProps & {
-    href?: string;
-  };
-  onClose?: () => void;
-  type: Exclude<AlertProps['type'], 'subtle'>;
-  message: string;
-  permanent?: boolean;
-};
-//#endregion
-export { PageAlert };
-//# sourceMappingURL=types.d.cts.map

package/dist/PageAlerts/types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/PageAlerts/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,UAAA,GAAa,SAAS,sBAAsB;KAE5C,eAAA;AAJkC,KAMlC,mBAAA,GAJU,WAKJ,OALsC,CAAA,MAMvC,UANuC,CAAA,KAAA,CAAA,EAO7C,eAP6C,CAAA,IAQ1C,UAR0C,CAAA,KAAA,CAAA,CAQxB,IARwB,CAAA,EAAtB;AAAT,KAWN,SAAA,GAXM;EAAQ,GAAA,CAAA,EAYlB,mBAZkB,GAAA;IAErB,IAAA,CAAA,EAAA,MAAA;EAEA,CAAA;EAEK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACN,IAAA,EAOI,OAPJ,CAOY,UAPZ,CAAA,MAAA,CAAA,EAAA,QAAA,CAAA;EAFO,OAAA,EAAA,MAAA;EAGJ,SAAA,CAAA,EAAA,OAAA;CAAkB"}

package/dist/PageAlerts/types.d.mts

@@ -1,19 +0,0 @@
-import { Alert } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-
-//#region src/PageAlerts/types.d.ts
-type AlertProps = Required<ComponentProps<typeof Alert>>;
-type LimitedCTAProps = 'target' | 'children' | 'onClick' | 'text';
-type ExtractableCTAProps = { [Prop in Extract<keyof AlertProps['cta'], LimitedCTAProps>]?: AlertProps['cta'][Prop] };
-type PageAlert = {
-  cta?: ExtractableCTAProps & {
-    href?: string;
-  };
-  onClose?: () => void;
-  type: Exclude<AlertProps['type'], 'subtle'>;
-  message: string;
-  permanent?: boolean;
-};
-//#endregion
-export { PageAlert };
-//# sourceMappingURL=types.d.mts.map

package/dist/PageAlerts/types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/PageAlerts/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,UAAA,GAAa,SAAS,sBAAsB;KAE5C,eAAA;AAJkC,KAMlC,mBAAA,GAJU,WAKJ,OALsC,CAAA,MAMvC,UANuC,CAAA,KAAA,CAAA,EAO7C,eAP6C,CAAA,IAQ1C,UAR0C,CAAA,KAAA,CAAA,CAQxB,IARwB,CAAA,EAAtB;AAAT,KAWN,SAAA,GAXM;EAAQ,GAAA,CAAA,EAYlB,mBAZkB,GAAA;IAErB,IAAA,CAAA,EAAA,MAAA;EAEA,CAAA;EAEK,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACN,IAAA,EAOI,OAPJ,CAOY,UAPZ,CAAA,MAAA,CAAA,EAAA,QAAA,CAAA;EAFO,OAAA,EAAA,MAAA;EAGJ,SAAA,CAAA,EAAA,OAAA;CAAkB"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.cjs

@@ -1,37 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../BackToTopAnchor/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx
-const PageLayoutWithSidebarMenu = ({ children, pageName, leftSidebar, rightSidebar, hasBackToTop, trackUserClick }) => {
-	return /* @__PURE__ */ react.default.createElement(_codecademy_gamut.ContentContainer, { as: "main" }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.LayoutGrid, {
-		pb: 64,
-		columnGap: 24
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Column, {
-		size: { lg: leftSidebar.cols },
-		py: 16
-	}, leftSidebar.content), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Column, {
-		alignContent: "flex-start",
-		size: { lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0) },
-		height: "100%"
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.SkipToContentTarget, { id: "heading" }), children), rightSidebar && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Column, {
-		size: { lg: rightSidebar.cols },
-		py: 16
-	}, rightSidebar.content), hasBackToTop && /* @__PURE__ */ react.default.createElement(_codecademy_gamut.GridBox, {
-		gridColumnEnd: "span 12",
-		justifyContent: "center"
-	}, /* @__PURE__ */ react.default.createElement(require_index.BackToTopAnchor, {
-		targetId: `${pageName}_title`,
-		onClick: () => trackUserClick({
-			page_name: pageName,
-			context: "back_to_top",
-			target: "back_to_top"
-		})
-	}))));
-};
-
-//#endregion
-exports.PageLayoutWithSidebarMenu = PageLayoutWithSidebarMenu;
-//# sourceMappingURL=PageLayoutWithSidebarMenu.cjs.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutWithSidebarMenu.cjs","names":["Column","ContentContainer","GridBox","LayoutGrid","SkipToContentTarget","React","BackToTopAnchor","PageLayoutWithSidebarMenu","children","pageName","leftSidebar","rightSidebar","hasBackToTop","trackUserClick","as","pb","columnGap","size","lg","cols","py","content","alignContent","height","id","gridColumnEnd","justifyContent","targetId","onClick","page_name","context","target"],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":["import {\n  Column,\n  ContentContainer,\n  GridBox,\n  LayoutGrid,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { UserClickData } from '@codecademy/tracking';\nimport React from 'react';\n\nimport { BackToTopAnchor } from '../BackToTopAnchor';\n\ntype Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type PageLayoutWithSidebarMenuProps = WithChildrenProp & {\n  pageName: string;\n  leftSidebar: { content: React.ReactNode; cols: Cols };\n  rightSidebar?: { content: React.ReactNode; cols: Cols };\n  hasBackToTop?: boolean;\n  trackUserClick: (data: UserClickData) => void;\n};\n\nexport const PageLayoutWithSidebarMenu: React.FC<\n  PageLayoutWithSidebarMenuProps\n> = ({\n  children,\n  pageName,\n  leftSidebar,\n  rightSidebar,\n  hasBackToTop,\n  trackUserClick,\n}) => {\n  return (\n    <ContentContainer as=\"main\">\n      <LayoutGrid pb={64} columnGap={24}>\n        <Column size={{ lg: leftSidebar.cols }} py={16}>\n          {leftSidebar.content}\n        </Column>\n        <Column\n          alignContent=\"flex-start\"\n          size={{\n            lg: (12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)) as Cols,\n          }}\n          height=\"100%\"\n        >\n          <SkipToContentTarget id=\"heading\" />\n          {children}\n        </Column>\n        {rightSidebar && (\n          <Column size={{ lg: rightSidebar.cols }} py={16}>\n            {rightSidebar.content}\n          </Column>\n        )}\n        {hasBackToTop && (\n          <GridBox gridColumnEnd=\"span 12\" justifyContent=\"center\">\n            <BackToTopAnchor\n              targetId={`${pageName}_title`}\n              onClick={() =>\n                trackUserClick({\n                  page_name: pageName,\n                  context: 'back_to_top',\n                  target: 'back_to_top',\n                })\n              }\n            />\n          </GridBox>\n        )}\n      </LayoutGrid>\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,MAAaO,6BAER,EACHC,UACAC,UACAC,aACAC,cACAC,cACAC,qBACD;AACC,QACE,8BAAA,cAACZ,oCAAAA,EAAiBa,IAAG,UACnB,8BAAA,cAACX,8BAAAA;EAAWY,IAAI;EAAIC,WAAW;IAC7B,8BAAA,cAAChB,0BAAAA;EAAOiB,MAAM,EAAEC,IAAIR,YAAYS,MAAK;EAAGC,IAAI;IACzCV,YAAYW,QAAO,EAEtB,8BAAA,cAACrB,0BAAAA;EACCsB,cAAa;EACbL,MAAM,EACJC,IAAK,KAAKR,YAAYS,QAAQR,cAAcQ,QAAQ,IACtD;EACAI,QAAO;IAEP,8BAAA,cAACnB,uCAAAA,EAAoBoB,IAAG,cACvBhB,SAAAA,EAEFG,gBACC,8BAAA,cAACX,0BAAAA;EAAOiB,MAAM,EAAEC,IAAIP,aAAaQ,MAAK;EAAGC,IAAI;IAC1CT,aAAaU,QAAO,EAGxBT,gBACC,8BAAA,cAACV,2BAAAA;EAAQuB,eAAc;EAAUC,gBAAe;IAC9C,8BAAA,cAACpB,+BAAAA;EACCqB,UAAU,GAAGlB,SAAS;EACtBmB,eACEf,eAAe;GACbgB,WAAWpB;GACXqB,SAAS;GACTC,QAAQ;GACV,CAAA"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.cts

@@ -1,23 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import React from "react";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts
-type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
-  pageName: string;
-  leftSidebar: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  rightSidebar?: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  hasBackToTop?: boolean;
-  trackUserClick: (data: UserClickData) => void;
-};
-declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
-//#endregion
-export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
-//# sourceMappingURL=PageLayoutWithSidebarMenu.d.cts.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutWithSidebarMenu.d.cts","names":[],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaK,IAAA;KAEO,8BAAA,GAAiC;EAFxC,QAAI,EAAA,MAAA;EAEG,WAAA,EAAA;IAAiC,OAAA,EAEnB,KAAA,CAAM,SAFa;IAEb,IAAA,EAAiB,IAAjB;EAAiB,CAAA;EACrB,YAAM,CAAA,EAAA;IAAiB,OAAA,EAAvB,KAAA,CAAM,SAAiB;IAE1B,IAAA,EAF0B,IAE1B;EAAa,CAAA;EAGzB,YAAA,CAAA,EAAA,OAAA;yBAHY;;cAGZ,2BAA2B,KAAA,CAAM,GAC5C"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.mts

@@ -1,23 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import React from "react";
-import { UserClickData } from "@codecademy/tracking";
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts
-type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
-  pageName: string;
-  leftSidebar: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  rightSidebar?: {
-    content: React.ReactNode;
-    cols: Cols;
-  };
-  hasBackToTop?: boolean;
-  trackUserClick: (data: UserClickData) => void;
-};
-declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
-//#endregion
-export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };
-//# sourceMappingURL=PageLayoutWithSidebarMenu.d.mts.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutWithSidebarMenu.d.mts","names":[],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaK,IAAA;KAEO,8BAAA,GAAiC;EAFxC,QAAI,EAAA,MAAA;EAEG,WAAA,EAAA;IAAiC,OAAA,EAEnB,KAAA,CAAM,SAFa;IAEb,IAAA,EAAiB,IAAjB;EAAiB,CAAA;EACrB,YAAM,CAAA,EAAA;IAAiB,OAAA,EAAvB,KAAA,CAAM,SAAiB;IAE1B,IAAA,EAF0B,IAE1B;EAAa,CAAA;EAGzB,YAAA,CAAA,EAAA,OAAA;yBAHY;;cAGZ,2BAA2B,KAAA,CAAM,GAC5C"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.mjs

@@ -1,35 +0,0 @@
-import { BackToTopAnchor } from "../BackToTopAnchor/index.mjs";
-import { Column, ContentContainer, GridBox, LayoutGrid, SkipToContentTarget } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx
-const PageLayoutWithSidebarMenu = ({ children, pageName, leftSidebar, rightSidebar, hasBackToTop, trackUserClick }) => {
-	return /* @__PURE__ */ React.createElement(ContentContainer, { as: "main" }, /* @__PURE__ */ React.createElement(LayoutGrid, {
-		pb: 64,
-		columnGap: 24
-	}, /* @__PURE__ */ React.createElement(Column, {
-		size: { lg: leftSidebar.cols },
-		py: 16
-	}, leftSidebar.content), /* @__PURE__ */ React.createElement(Column, {
-		alignContent: "flex-start",
-		size: { lg: 12 - leftSidebar.cols - (rightSidebar?.cols ?? 0) },
-		height: "100%"
-	}, /* @__PURE__ */ React.createElement(SkipToContentTarget, { id: "heading" }), children), rightSidebar && /* @__PURE__ */ React.createElement(Column, {
-		size: { lg: rightSidebar.cols },
-		py: 16
-	}, rightSidebar.content), hasBackToTop && /* @__PURE__ */ React.createElement(GridBox, {
-		gridColumnEnd: "span 12",
-		justifyContent: "center"
-	}, /* @__PURE__ */ React.createElement(BackToTopAnchor, {
-		targetId: `${pageName}_title`,
-		onClick: () => trackUserClick({
-			page_name: pageName,
-			context: "back_to_top",
-			target: "back_to_top"
-		})
-	}))));
-};
-
-//#endregion
-export { PageLayoutWithSidebarMenu };
-//# sourceMappingURL=PageLayoutWithSidebarMenu.mjs.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayoutWithSidebarMenu.mjs","names":["Column","ContentContainer","GridBox","LayoutGrid","SkipToContentTarget","React","BackToTopAnchor","PageLayoutWithSidebarMenu","children","pageName","leftSidebar","rightSidebar","hasBackToTop","trackUserClick","as","pb","columnGap","size","lg","cols","py","content","alignContent","height","id","gridColumnEnd","justifyContent","targetId","onClick","page_name","context","target"],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"sourcesContent":["import {\n  Column,\n  ContentContainer,\n  GridBox,\n  LayoutGrid,\n  SkipToContentTarget,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { UserClickData } from '@codecademy/tracking';\nimport React from 'react';\n\nimport { BackToTopAnchor } from '../BackToTopAnchor';\n\ntype Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type PageLayoutWithSidebarMenuProps = WithChildrenProp & {\n  pageName: string;\n  leftSidebar: { content: React.ReactNode; cols: Cols };\n  rightSidebar?: { content: React.ReactNode; cols: Cols };\n  hasBackToTop?: boolean;\n  trackUserClick: (data: UserClickData) => void;\n};\n\nexport const PageLayoutWithSidebarMenu: React.FC<\n  PageLayoutWithSidebarMenuProps\n> = ({\n  children,\n  pageName,\n  leftSidebar,\n  rightSidebar,\n  hasBackToTop,\n  trackUserClick,\n}) => {\n  return (\n    <ContentContainer as=\"main\">\n      <LayoutGrid pb={64} columnGap={24}>\n        <Column size={{ lg: leftSidebar.cols }} py={16}>\n          {leftSidebar.content}\n        </Column>\n        <Column\n          alignContent=\"flex-start\"\n          size={{\n            lg: (12 - leftSidebar.cols - (rightSidebar?.cols ?? 0)) as Cols,\n          }}\n          height=\"100%\"\n        >\n          <SkipToContentTarget id=\"heading\" />\n          {children}\n        </Column>\n        {rightSidebar && (\n          <Column size={{ lg: rightSidebar.cols }} py={16}>\n            {rightSidebar.content}\n          </Column>\n        )}\n        {hasBackToTop && (\n          <GridBox gridColumnEnd=\"span 12\" justifyContent=\"center\">\n            <BackToTopAnchor\n              targetId={`${pageName}_title`}\n              onClick={() =>\n                trackUserClick({\n                  page_name: pageName,\n                  context: 'back_to_top',\n                  target: 'back_to_top',\n                })\n              }\n            />\n          </GridBox>\n        )}\n      </LayoutGrid>\n    </ContentContainer>\n  );\n};\n"],"mappings":";;;;;AAuBA,MAAaO,6BAER,EACHC,UACAC,UACAC,aACAC,cACAC,cACAC,qBACD;AACC,QACE,sBAAA,cAACZ,kBAAAA,EAAiBa,IAAG,UACnB,sBAAA,cAACX,YAAAA;EAAWY,IAAI;EAAIC,WAAW;IAC7B,sBAAA,cAAChB,QAAAA;EAAOiB,MAAM,EAAEC,IAAIR,YAAYS,MAAK;EAAGC,IAAI;IACzCV,YAAYW,QAAO,EAEtB,sBAAA,cAACrB,QAAAA;EACCsB,cAAa;EACbL,MAAM,EACJC,IAAK,KAAKR,YAAYS,QAAQR,cAAcQ,QAAQ,IACtD;EACAI,QAAO;IAEP,sBAAA,cAACnB,qBAAAA,EAAoBoB,IAAG,cACvBhB,SAAAA,EAEFG,gBACC,sBAAA,cAACX,QAAAA;EAAOiB,MAAM,EAAEC,IAAIP,aAAaQ,MAAK;EAAGC,IAAI;IAC1CT,aAAaU,QAAO,EAGxBT,gBACC,sBAAA,cAACV,SAAAA;EAAQuB,eAAc;EAAUC,gBAAe;IAC9C,sBAAA,cAACpB,iBAAAA;EACCqB,UAAU,GAAGlB,SAAS;EACtBmB,eACEf,eAAe;GACbgB,WAAWpB;GACXqB,SAAS;GACTC,QAAQ;GACV,CAAA"}

package/dist/PageLayoutWithSidebarMenu/index.cjs

@@ -1 +0,0 @@
-const require_PageLayoutWithSidebarMenu = require('./PageLayoutWithSidebarMenu.cjs');

package/dist/PageLayoutWithSidebarMenu/index.d.mts

@@ -1 +0,0 @@
-import { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps } from "./PageLayoutWithSidebarMenu.mjs";

package/dist/PageLayoutWithSidebarMenu/index.mjs

@@ -1 +0,0 @@
-import { PageLayoutWithSidebarMenu } from "./PageLayoutWithSidebarMenu.mjs";

package/dist/PageSection/index.cjs

@@ -1,50 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/PageSection/index.tsx
-function isSectionButtonATextButton(button) {
-	return button.text !== void 0;
-}
-const PageSection = ({ title, headerButton, headerSecondaryButton, footerButton, children }) => {
-	const renderSectionButton = (sectionButton) => {
-		if (!isSectionButtonATextButton(sectionButton)) return sectionButton;
-		const { text, ...buttonProps } = sectionButton;
-		return /* @__PURE__ */ react.createElement(_codecademy_gamut.TextButton, buttonProps, text);
-	};
-	const maybeRenderHeaderButton = () => {
-		if (!headerButton) return null;
-		return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-			ml: 4,
-			display: "inline"
-		}, renderSectionButton(headerButton));
-	};
-	const maybeRenderHeaderSecondaryButton = () => {
-		if (!headerSecondaryButton) return null;
-		return renderSectionButton(headerSecondaryButton);
-	};
-	const renderSectionHeader = () => /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		height: "2.5rem",
-		mb: 8,
-		justifyContent: "space-between"
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-		as: "h2",
-		fontSize: 22
-	}, title), maybeRenderHeaderButton()), maybeRenderHeaderSecondaryButton());
-	const maybeRenderSectionFooter = () => {
-		if (!footerButton) return null;
-		return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-			justifyContent: "flex-end",
-			mt: 16
-		}, renderSectionButton(footerButton));
-	};
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		mb: 48
-	}, renderSectionHeader(), children, maybeRenderSectionFooter());
-};
-
-//#endregion
-exports.PageSection = PageSection;
-//# sourceMappingURL=index.cjs.map