@codecademy/brand 3.40.1-alpha.a095761d09.0 → 4.0.0-alpha.0ae245495b.0

package/dist/PageAlerts/PageAlerts.js

@@ -1,75 +1,65 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Alert, BodyPortal, ContentContainer } from '@codecademy/gamut';
-import { useCallback, useContext, useEffect, useState } from 'react';
-import * as React from 'react';
-import { PageAlertsContext } from './PageAlertsProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const AlertArea = /*#__PURE__*/_styled("div", {
-  target: "e1ctrpie1",
-  label: "AlertArea"
-})(process.env.NODE_ENV === "production" ? {
-  name: "pe9r4g",
-  styles: "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)"
-} : {
-  name: "pe9r4g",
-  styles: "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnZUFsZXJ0cy9QYWdlQWxlcnRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFsZXJ0LCBCb2R5UG9ydGFsLCBDb250ZW50Q29udGFpbmVyIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gIFBhZ2VBbGVydHNDb250ZXh0LFxuICBQYWdlQWxlcnRzQ29udGV4dFZhbHVlLFxufSBmcm9tICcuL1BhZ2VBbGVydHNQcm92aWRlcic7XG5pbXBvcnQgeyBQYWdlQWxlcnQgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgUGFnZUFsZXJ0c1Byb3BzID0ge1xuICBleHRyYT86IFBhZ2VBbGVydFtdO1xufTtcblxuZXhwb3J0IGNvbnN0IEFsZXJ0QXJlYSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMXJlbSAwcmVtO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgcm93LWdhcDogMXJlbTtcbiAgdG9wOiAzLjVyZW07XG4gIGxlZnQ6IDUwJTtcbiAgei1pbmRleDogMTU7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG5gO1xuXG5jb25zdCBTdHlsZWRBbGVydCA9IHN0eWxlZChBbGVydClgXG4gIG1heC13aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlQWxlcnRzOiBSZWFjdC5GQzxQYWdlQWxlcnRzUHJvcHM+ID0gKHsgZXh0cmEgPSBbXSB9KSA9PiB7XG4gIGNvbnN0IHsgYWxlcnRzLCBjbG9zZUFsZXJ0LCBhZGRBbGVydCB9ID1cbiAgICB1c2VDb250ZXh0PFBhZ2VBbGVydHNDb250ZXh0VmFsdWU+KFBhZ2VBbGVydHNDb250ZXh0KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGV4dHJhLmZvckVhY2goYWRkQWxlcnQpO1xuICB9LCBbZXh0cmEsIGFkZEFsZXJ0XSk7XG5cbiAgY29uc3QgW2FsZXJ0QXJlYSwgc2V0QWxlcnRBcmVhXSA9IHVzZVN0YXRlPEhUTUxEaXZFbGVtZW50PigpO1xuICBjb25zdCByZWZDYWxsYmFjayA9IHVzZUNhbGxiYWNrKFxuICAgIChhbGVydEFyZWE6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICBzZXRBbGVydEFyZWEoYWxlcnRBcmVhKTtcbiAgICB9LFxuICAgIFtzZXRBbGVydEFyZWFdXG4gICk7XG5cbiAgY29uc3QgZm9jdXNBbGVydENsb3NlQnV0dG9uID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlZkJ1dHRvbiA9IGFsZXJ0QXJlYT8ucXVlcnlTZWxlY3RvcignYnV0dG9uJyk7XG4gICAgcmVmQnV0dG9uPy5mb2N1cygpO1xuICB9LCBbYWxlcnRBcmVhXSk7XG5cbiAgLy8gRm9jdXMgd2hlbiBhbGVydEFyZWEgaXMgZmlyc3QgcmVuZGVyZWQsIGFzIHdlbGwgYXMgd2hlbiBhbGVydHMgY2hhbmdlXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZm9jdXNBbGVydENsb3NlQnV0dG9uKCk7XG4gIH0sIFthbGVydHMsIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiwgYWxlcnRBcmVhXSk7XG5cbiAgaWYgKCFhbGVydHM/Lmxlbmd0aCkgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm9keVBvcnRhbD5cbiAgICAgIDxBbGVydEFyZWFcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCJcbiAgICAgICAga2V5PVwiYWxlcnRzXCJcbiAgICAgICAgcmVmPXtyZWZDYWxsYmFja31cbiAgICAgID5cbiAgICAgICAge2FsZXJ0cy5tYXAoKGFsZXJ0KSA9PiAoXG4gICAgICAgICAgPENvbnRlbnRDb250YWluZXIgc2l6ZT1cIm1lZGl1bVwiIGtleT17YWxlcnQubWVzc2FnZX0+XG4gICAgICAgICAgICA8U3R5bGVkQWxlcnRcbiAgICAgICAgICAgICAgY3RhPXthbGVydC5jdGF9XG4gICAgICAgICAgICAgIG9uQ2xvc2U9e1xuICAgICAgICAgICAgICAgIGFsZXJ0LnBlcm1hbmVudFxuICAgICAgICAgICAgICAgICAgPyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgIDogKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGNsb3NlQWxlcnQoYWxlcnQubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgICAgICAgYWxlcnQ/Lm9uQ2xvc2U/LigpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgdHlwZT17YWxlcnQudHlwZX1cbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwiZmxvYXRpbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWxlcnQubWVzc2FnZX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWxlcnQ+XG4gICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQWxlcnRBcmVhPlxuICAgIDwvQm9keVBvcnRhbD5cbiAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledAlert = /*#__PURE__*/_styled(Alert, {
-  target: "e1ctrpie0",
-  label: "StyledAlert"
-})(process.env.NODE_ENV === "production" ? {
-  name: "qhxz92",
-  styles: "max-width:100%"
-} : {
-  name: "qhxz92",
-  styles: "max-width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdlQWxlcnRzL1BhZ2VBbGVydHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCaUMiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2VBbGVydHMvUGFnZUFsZXJ0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbGVydCwgQm9keVBvcnRhbCwgQ29udGVudENvbnRhaW5lciB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1xuICBQYWdlQWxlcnRzQ29udGV4dCxcbiAgUGFnZUFsZXJ0c0NvbnRleHRWYWx1ZSxcbn0gZnJvbSAnLi9QYWdlQWxlcnRzUHJvdmlkZXInO1xuaW1wb3J0IHsgUGFnZUFsZXJ0IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFBhZ2VBbGVydHNQcm9wcyA9IHtcbiAgZXh0cmE/OiBQYWdlQWxlcnRbXTtcbn07XG5cbmV4cG9ydCBjb25zdCBBbGVydEFyZWEgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDFyZW0gMHJlbTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIHJvdy1nYXA6IDFyZW07XG4gIHRvcDogMy41cmVtO1xuICBsZWZ0OiA1MCU7XG4gIHotaW5kZXg6IDE1O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xuYDtcblxuY29uc3QgU3R5bGVkQWxlcnQgPSBzdHlsZWQoQWxlcnQpYFxuICBtYXgtd2lkdGg6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUFsZXJ0czogUmVhY3QuRkM8UGFnZUFsZXJ0c1Byb3BzPiA9ICh7IGV4dHJhID0gW10gfSkgPT4ge1xuICBjb25zdCB7IGFsZXJ0cywgY2xvc2VBbGVydCwgYWRkQWxlcnQgfSA9XG4gICAgdXNlQ29udGV4dDxQYWdlQWxlcnRzQ29udGV4dFZhbHVlPihQYWdlQWxlcnRzQ29udGV4dCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBleHRyYS5mb3JFYWNoKGFkZEFsZXJ0KTtcbiAgfSwgW2V4dHJhLCBhZGRBbGVydF0pO1xuXG4gIGNvbnN0IFthbGVydEFyZWEsIHNldEFsZXJ0QXJlYV0gPSB1c2VTdGF0ZTxIVE1MRGl2RWxlbWVudD4oKTtcbiAgY29uc3QgcmVmQ2FsbGJhY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoYWxlcnRBcmVhOiBIVE1MRGl2RWxlbWVudCkgPT4ge1xuICAgICAgc2V0QWxlcnRBcmVhKGFsZXJ0QXJlYSk7XG4gICAgfSxcbiAgICBbc2V0QWxlcnRBcmVhXVxuICApO1xuXG4gIGNvbnN0IGZvY3VzQWxlcnRDbG9zZUJ1dHRvbiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCByZWZCdXR0b24gPSBhbGVydEFyZWE/LnF1ZXJ5U2VsZWN0b3IoJ2J1dHRvbicpO1xuICAgIHJlZkJ1dHRvbj8uZm9jdXMoKTtcbiAgfSwgW2FsZXJ0QXJlYV0pO1xuXG4gIC8vIEZvY3VzIHdoZW4gYWxlcnRBcmVhIGlzIGZpcnN0IHJlbmRlcmVkLCBhcyB3ZWxsIGFzIHdoZW4gYWxlcnRzIGNoYW5nZVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvY3VzQWxlcnRDbG9zZUJ1dHRvbigpO1xuICB9LCBbYWxlcnRzLCBmb2N1c0FsZXJ0Q2xvc2VCdXR0b24sIGFsZXJ0QXJlYV0pO1xuXG4gIGlmICghYWxlcnRzPy5sZW5ndGgpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPEJvZHlQb3J0YWw+XG4gICAgICA8QWxlcnRBcmVhXG4gICAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICAgIGFyaWEtbGl2ZT1cImFzc2VydGl2ZVwiXG4gICAgICAgIGtleT1cImFsZXJ0c1wiXG4gICAgICAgIHJlZj17cmVmQ2FsbGJhY2t9XG4gICAgICA+XG4gICAgICAgIHthbGVydHMubWFwKChhbGVydCkgPT4gKFxuICAgICAgICAgIDxDb250ZW50Q29udGFpbmVyIHNpemU9XCJtZWRpdW1cIiBrZXk9e2FsZXJ0Lm1lc3NhZ2V9PlxuICAgICAgICAgICAgPFN0eWxlZEFsZXJ0XG4gICAgICAgICAgICAgIGN0YT17YWxlcnQuY3RhfVxuICAgICAgICAgICAgICBvbkNsb3NlPXtcbiAgICAgICAgICAgICAgICBhbGVydC5wZXJtYW5lbnRcbiAgICAgICAgICAgICAgICAgID8gdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgICA6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBjbG9zZUFsZXJ0KGFsZXJ0Lm1lc3NhZ2UpO1xuICAgICAgICAgICAgICAgICAgICAgIGFsZXJ0Py5vbkNsb3NlPy4oKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHR5cGU9e2FsZXJ0LnR5cGV9XG4gICAgICAgICAgICAgIHBsYWNlbWVudD1cImZsb2F0aW5nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2FsZXJ0Lm1lc3NhZ2V9XG4gICAgICAgICAgICA8L1N0eWxlZEFsZXJ0PlxuICAgICAgICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0FsZXJ0QXJlYT5cbiAgICA8L0JvZHlQb3J0YWw+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export const PageAlerts = ({
-  extra = []
-}) => {
-  const {
-    alerts,
-    closeAlert,
-    addAlert
-  } = useContext(PageAlertsContext);
-  useEffect(() => {
-    extra.forEach(addAlert);
-  }, [extra, addAlert]);
-  const [alertArea, setAlertArea] = useState();
-  const refCallback = useCallback(alertArea => {
-    setAlertArea(alertArea);
-  }, [setAlertArea]);
-  const focusAlertCloseButton = useCallback(() => {
-    const refButton = alertArea?.querySelector('button');
-    refButton?.focus();
-  }, [alertArea]);
+import { PageAlertsContext } from "./PageAlertsProvider.js";
+import { Alert, BodyPortal, ContentContainer } from "@codecademy/gamut";
+import styled from "@emotion/styled";
+import { useCallback, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 
-  // Focus when alertArea is first rendered, as well as when alerts change
-  useEffect(() => {
-    focusAlertCloseButton();
-  }, [alerts, focusAlertCloseButton, alertArea]);
-  if (!alerts?.length) return null;
-  return /*#__PURE__*/_jsx(BodyPortal, {
-    children: /*#__PURE__*/_jsx(AlertArea, {
-      role: "alert",
-      "aria-live": "assertive",
-      ref: refCallback,
-      children: alerts.map(alert => /*#__PURE__*/_jsx(ContentContainer, {
-        size: "medium",
-        children: /*#__PURE__*/_jsx(StyledAlert, {
-          cta: alert.cta,
-          onClose: alert.permanent ? undefined : () => {
-            closeAlert(alert.message);
-            alert?.onClose?.();
-          },
-          type: alert.type,
-          placement: "floating",
-          children: alert.message
-        })
-      }, alert.message))
-    }, "alerts")
-  });
-};
+//#region src/PageAlerts/PageAlerts.tsx
+const AlertArea = styled.div`
+  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);
+`;
+const StyledAlert = styled(Alert)`
+  max-width: 100%;
+`;
+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__ */ jsx(BodyPortal, { children: /* @__PURE__ */ jsx(AlertArea, {
+		role: "alert",
+		"aria-live": "assertive",
+		ref: refCallback,
+		children: alerts.map((alert) => /* @__PURE__ */ jsx(ContentContainer, {
+			size: "medium",
+			children: /* @__PURE__ */ jsx(StyledAlert, {
+				cta: alert.cta,
+				onClose: alert.permanent ? void 0 : () => {
+					closeAlert(alert.message);
+					alert?.onClose?.();
+				},
+				type: alert.type,
+				placement: "floating",
+				children: alert.message
+			})
+		}, alert.message))
+	}, "alerts") });
+};
+
+//#endregion
+export { AlertArea, PageAlerts };

package/dist/PageAlerts/PageAlertsProvider.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+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 = 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__ */ (0, react_jsx_runtime.jsx)(PageAlertsContext.Provider, {
+		value: {
+			alerts,
+			addAlert,
+			closeAlert
+		},
+		children
+	});
+};
+
+//#endregion
+exports.PageAlertsContext = PageAlertsContext;
+exports.PageAlertsProvider = PageAlertsProvider;
+exports.usePageAlertsContext = usePageAlertsContext;

package/dist/PageAlerts/PageAlertsProvider.d.cts

@@ -0,0 +1,15 @@
+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 };

package/dist/PageAlerts/PageAlertsProvider.d.ts

@@ -1,11 +1,15 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-import { PageAlert } from './types';
-export declare const usePageAlertsContext: () => PageAlertsContextValue;
-export type PageAlertsContextValue = {
-    alerts: PageAlert[];
-    addAlert: (alert: PageAlert) => void;
-    closeAlert: (alertMessage: string) => void;
+import { PageAlert } from "./types.js";
+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;
 };
-export declare const PageAlertsContext: React.Context<PageAlertsContextValue>;
-export declare const PageAlertsProvider: React.FC<WithChildrenProp>;
+declare const PageAlertsContext: React$1.Context<PageAlertsContextValue>;
+declare const PageAlertsProvider: React$1.FC<WithChildrenProp>;
+//#endregion
+export { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext };

package/dist/PageAlerts/PageAlertsProvider.js

@@ -1,34 +1,37 @@
-import noop from 'lodash/fp/noop';
-import { useCallback, useContext, useState } from 'react';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const usePageAlertsContext = () => useContext(PageAlertsContext);
-export const PageAlertsContext = /*#__PURE__*/React.createContext({
-  alerts: [],
-  addAlert: noop,
-  closeAlert: noop
+import * as React$1 from "react";
+import { useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import noop from "lodash/fp/noop";
+
+//#region src/PageAlerts/PageAlertsProvider.tsx
+const usePageAlertsContext = () => useContext(PageAlertsContext);
+const PageAlertsContext = React$1.createContext({
+	alerts: [],
+	addAlert: noop,
+	closeAlert: noop
 });
-export 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__*/_jsx(PageAlertsContext.Provider, {
-    value: {
-      alerts,
-      addAlert,
-      closeAlert
-    },
-    children: children
-  });
-};
+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__ */ jsx(PageAlertsContext.Provider, {
+		value: {
+			alerts,
+			addAlert,
+			closeAlert
+		},
+		children
+	});
+};
+
+//#endregion
+export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };

package/dist/PageAlerts/index.cjs

@@ -0,0 +1,8 @@
+const require_PageAlertsProvider = require('./PageAlertsProvider.cjs');
+const require_PageAlerts = require('./PageAlerts.cjs');
+
+exports.AlertArea = require_PageAlerts.AlertArea;
+exports.PageAlerts = require_PageAlerts.PageAlerts;
+exports.PageAlertsContext = require_PageAlertsProvider.PageAlertsContext;
+exports.PageAlertsProvider = require_PageAlertsProvider.PageAlertsProvider;
+exports.usePageAlertsContext = require_PageAlertsProvider.usePageAlertsContext;

package/dist/PageAlerts/index.d.cts

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

package/dist/PageAlerts/index.d.ts

@@ -1,3 +1,4 @@
-export * from './PageAlerts';
-export * from './PageAlertsProvider';
-export * from './types';
+import { PageAlert } from "./types.js";
+import { AlertArea, PageAlerts, PageAlertsProps } from "./PageAlerts.js";
+import { PageAlertsContext, PageAlertsContextValue, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.js";
+export { AlertArea, PageAlert, PageAlerts, PageAlertsContext, PageAlertsContextValue, PageAlertsProps, PageAlertsProvider, usePageAlertsContext };

package/dist/PageAlerts/index.js

@@ -1,3 +1,4 @@
-export * from './PageAlerts';
-export * from './PageAlertsProvider';
-export * from './types';
+import { PageAlertsContext, PageAlertsProvider, usePageAlertsContext } from "./PageAlertsProvider.js";
+import { AlertArea, PageAlerts } from "./PageAlerts.js";
+
+export { AlertArea, PageAlerts, PageAlertsContext, PageAlertsProvider, usePageAlertsContext };

package/dist/PageAlerts/types.d.cts

@@ -0,0 +1,18 @@
+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 };

package/dist/PageAlerts/types.d.ts

@@ -1,17 +1,18 @@
-import { Alert } from '@codecademy/gamut';
-import { ComponentProps } from 'react';
+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 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;
 };
-export type PageAlert = {
-    cta?: ExtractableCTAProps & {
-        href?: string;
-    };
-    onClose?: () => void;
-    type: Exclude<AlertProps['type'], 'subtle'>;
-    message: string;
-    permanent?: boolean;
-};
-export {};
+//#endregion
+export { PageAlert };

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.cjs

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

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.cts

@@ -0,0 +1,22 @@
+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 };

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts

@@ -1,19 +1,22 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import { UserClickData } from '@codecademy/tracking';
-import React from 'react';
+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;
-export type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
-    pageName: string;
-    leftSidebar: {
-        content: React.ReactNode;
-        cols: Cols;
-    };
-    rightSidebar?: {
-        content: React.ReactNode;
-        cols: Cols;
-    };
-    hasBackToTop?: boolean;
-    trackUserClick: (data: UserClickData) => void;
+type PageLayoutWithSidebarMenuProps = WithChildrenProp & {
+  pageName: string;
+  leftSidebar: {
+    content: React.ReactNode;
+    cols: Cols;
+  };
+  rightSidebar?: {
+    content: React.ReactNode;
+    cols: Cols;
+  };
+  hasBackToTop?: boolean;
+  trackUserClick: (data: UserClickData) => void;
 };
-export declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
-export {};
+declare const PageLayoutWithSidebarMenu: React.FC<PageLayoutWithSidebarMenuProps>;
+//#endregion
+export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.js

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

package/dist/PageLayoutWithSidebarMenu/index.cjs

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

package/dist/PageLayoutWithSidebarMenu/index.d.cts

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

package/dist/PageLayoutWithSidebarMenu/index.d.ts

@@ -1 +1,2 @@
-export * from './PageLayoutWithSidebarMenu';
+import { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps } from "./PageLayoutWithSidebarMenu.js";
+export { PageLayoutWithSidebarMenu, PageLayoutWithSidebarMenuProps };

package/dist/PageLayoutWithSidebarMenu/index.js

@@ -1 +1,3 @@
-export * from './PageLayoutWithSidebarMenu';
+import { PageLayoutWithSidebarMenu } from "./PageLayoutWithSidebarMenu.js";
+
+export { PageLayoutWithSidebarMenu };