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

package/dist/PageAlerts/PageAlerts.js

@@ -1,75 +1,57 @@
-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 * as React$1 from "react";
+import { useCallback, useContext, useEffect, useState } from "react";
 
-  // 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 = /* @__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) => {
+		setAlertArea(alertArea);
+	}, [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.js.map

package/dist/PageAlerts/PageAlerts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlerts.js","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,cAAAA;AACCC,eAAaD,UAAAA;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

@@ -0,0 +1,38 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let lodash_fp_noop = require("lodash/fp/noop");
+lodash_fp_noop = require_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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.d.cts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"mappings":";;;;;cAOa,oBAAA,QAAoB,sBAAA;AAAA,KAErB,sBAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,GAAW,KAAA,EAAO,SAAA;EAClB,UAAA,GAAa,YAAA;AAAA;AAAA,cAGF,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,cAMjB,kBAAA,EAAoB,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/PageAlerts/PageAlertsProvider.d.ts

@@ -1,11 +1,16 @@
-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 };
+//# sourceMappingURL=PageAlertsProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageAlertsProvider.d.ts","names":[],"sources":["../../src/PageAlerts/PageAlertsProvider.tsx"],"mappings":";;;;;cAOa,oBAAA,QAAoB,sBAAA;AAAA,KAErB,sBAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,GAAW,KAAA,EAAO,SAAA;EAClB,UAAA,GAAa,YAAA;AAAA;AAAA,cAGF,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,cAMjB,kBAAA,EAAoB,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/PageAlerts/PageAlertsProvider.js

@@ -1,34 +1,34 @@
-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 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
 });
-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__ */ React$1.createElement(PageAlertsContext.Provider, { value: {
+		alerts,
+		addAlert,
+		closeAlert
+	} }, children);
+};
+
+//#endregion
+export { PageAlertsContext, PageAlertsProvider, usePageAlertsContext };
+//# sourceMappingURL=PageAlertsProvider.js.map

package/dist/PageAlerts/PageAlertsProvider.js.map

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

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

package/dist/PageAlerts/index.d.ts

@@ -1,3 +1,3 @@
-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";

package/dist/PageAlerts/index.js

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

package/dist/PageAlerts/types.d.cts

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/PageAlerts/types.ts"],"mappings":";;;;KAGK,UAAA,GAAa,QAAA,CAAS,cAAA,QAAsB,KAAA;AAAA,KAE5C,eAAA;AAAA,KAEA,mBAAA,cACM,OAAA,OACD,UAAA,SACN,eAAA,KACG,UAAA,QAAkB,IAAA;AAAA,KAGb,SAAA;EACV,GAAA,GAAM,mBAAA;IAAwB,IAAA;EAAA;EAC9B,OAAA;EACA,IAAA,EAAM,OAAA,CAAQ,UAAA;EACd,OAAA;EACA,SAAA;AAAA"}

package/dist/PageAlerts/types.d.ts

@@ -1,17 +1,19 @@
-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 };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PageAlerts/types.ts"],"mappings":";;;;KAGK,UAAA,GAAa,QAAA,CAAS,cAAA,QAAsB,KAAA;AAAA,KAE5C,eAAA;AAAA,KAEA,mBAAA,cACM,OAAA,OACD,UAAA,SACN,eAAA,KACG,UAAA,QAAkB,IAAA;AAAA,KAGb,SAAA;EACV,GAAA,GAAM,mBAAA;IAAwB,IAAA;EAAA;EAC9B,OAAA;EACA,IAAA,EAAM,OAAA,CAAQ,UAAA;EACd,OAAA;EACA,SAAA;AAAA"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.cjs

@@ -0,0 +1,37 @@
+const require_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_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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutWithSidebarMenu.d.cts","names":[],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"mappings":";;;;;KAaK,IAAA;AAAA,KAEO,8BAAA,GAAiC,gBAAA;EAC3C,QAAA;EACA,WAAA;IAAe,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,IAAA,EAAM,IAAA;EAAA;EAC/C,YAAA;IAAiB,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,IAAA,EAAM,IAAA;EAAA;EACjD,YAAA;EACA,cAAA,GAAiB,IAAA,EAAM,aAAA;AAAA;AAAA,cAGZ,yBAAA,EAA2B,KAAA,CAAM,EAAA,CAC5C,8BAAA"}

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts

@@ -1,19 +1,23 @@
-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 };
+//# sourceMappingURL=PageLayoutWithSidebarMenu.d.ts.map

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutWithSidebarMenu.d.ts","names":[],"sources":["../../src/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.tsx"],"mappings":";;;;;KAaK,IAAA;AAAA,KAEO,8BAAA,GAAiC,gBAAA;EAC3C,QAAA;EACA,WAAA;IAAe,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,IAAA,EAAM,IAAA;EAAA;EAC/C,YAAA;IAAiB,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,IAAA,EAAM,IAAA;EAAA;EACjD,YAAA;EACA,cAAA,GAAiB,IAAA,EAAM,aAAA;AAAA;AAAA,cAGZ,yBAAA,EAA2B,KAAA,CAAM,EAAA,CAC5C,8BAAA"}