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

package/dist/NotificationList/typings.d.cts

@@ -1,19 +0,0 @@
-//#region src/NotificationList/typings.d.ts
-type NotificationIconSettings = {
-  backgroundColor?: string;
-  color?: string;
-};
-type Notification = {
-  date: string;
-  id: string;
-  iconSettings?: NotificationIconSettings;
-  iconSlug?: string;
-  imageUrl?: string;
-  link?: string;
-  text: string;
-  type?: string;
-  unread?: boolean;
-  campaign: string;
-};
-//#endregion
-export { Notification, NotificationIconSettings };

package/dist/Notifications/NotificationBell.cjs

@@ -1,61 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../AppHeader/AppHeaderElements/AppHeaderProvider/index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/Notifications/NotificationBell.tsx
-const notificationsID = "notifications";
-const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
-	const { lastOpenedDropdown, setLastOpenedDropdown } = require_index.useAppHeaderContext();
-	const unread = notifications.filter((notification) => notification.unread).length;
-	(0, react.useEffect)(() => {
-		const favicon = window?.document?.querySelector("link[rel=\"shortcut icon\"]");
-		if (favicon) favicon.href = `/favicon${unread ? "-unread" : ""}.ico`;
-	}, [unread]);
-	(0, react.useEffect)(() => {
-		if (lastOpenedDropdown !== notificationsID && isOpen) setIsOpen(false);
-	}, [lastOpenedDropdown]);
-	const numOfUnread = (0, react.useMemo)(() => Math.min(unread, 99), [unread]);
-	const handleOnClick = () => {
-		setIsOpen(!isOpen);
-		if (!isOpen) {
-			if (setLastOpenedDropdown) setLastOpenedDropdown(notificationsID);
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-		"aria-expanded": Boolean(isOpen),
-		"aria-haspopup": "dialog",
-		tip: unread ? `Notifications, ${numOfUnread} unread` : "Notifications, no unread",
-		icon: _codecademy_gamut_icons.BellIcon,
-		onClick: handleOnClick,
-		ref: bellRef,
-		variant: "interface",
-		tipProps: {
-			alignment: "bottom-center",
-			placement: "floating"
-		}
-	}), unread ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		bg: "red-500",
-		borderRadius: "md",
-		height: 18,
-		justifyContent: "center",
-		left: 22,
-		position: "absolute",
-		textAlign: "center",
-		top: -2,
-		width: 20,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-			color: "white",
-			fontSize: 14,
-			fontWeight: "bold",
-			mt: 4,
-			children: numOfUnread
-		})
-	}) : null] });
-};
-
-//#endregion
-exports.NotificationBell = NotificationBell;

package/dist/Notifications/NotificationsContents.cjs

@@ -1,80 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_elements = require('./elements.cjs');
-const require_keyboardNav = require('../AppHeader/shared/keyboardNav.cjs');
-const require_NotificationList_index = require('../NotificationList/index.cjs');
-const require_useNotificationButtons = require('./useNotificationButtons.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");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/Notifications/NotificationsContents.tsx
-const NotificationsContents = ({ actions, handleClose, notifications }) => {
-	const notificationListRef = (0, react.useRef)(null);
-	const { clearAllButton, closeButton, showMoreButton, notifications: visibleNotifications } = require_useNotificationButtons.useNotificationButtons({
-		actions,
-		handleClose,
-		notificationListRef,
-		notifications
-	});
-	const onKeyDown = require_keyboardNav.useOnEscHandler(handleClose);
-	const onNotificationClick = (notification) => {
-		actions.click(notification);
-		if (notification.unread) actions.read([notification]);
-	};
-	(0, react.useEffect)(() => {
-		notificationListRef?.current?.focus();
-	}, [notificationListRef]);
-	(0, react.useEffect)(() => {
-		const unreadVisibleNotifications = visibleNotifications.filter((notification) => notification.unread);
-		if (unreadVisibleNotifications.length) actions.read(unreadVisibleNotifications);
-	}, [actions, visibleNotifications]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_elements.NotificationDialog, {
-		"aria-label": visibleNotifications.length ? `${notifications.length} unread notifications` : `My Notifications`,
-		"aria-modal": "true",
-		bg: "background",
-		"data-autofocus": true,
-		onKeyDown,
-		ref: notificationListRef,
-		role: "dialog",
-		tabIndex: -1,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				flexDirection: "row",
-				height: "40",
-				justifyContent: "space-between",
-				mb: 16,
-				px: 32,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-					as: "h1",
-					fontSize: 22,
-					children: "My Notifications"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, { children: [clearAllButton, closeButton] })]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-				px: 32,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_patterns.CheckerDense, {
-					height: "1px",
-					display: "flex"
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-				maxHeight: "520px",
-				overflow: "auto",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-					pb: 16,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotificationList_index.NotificationList, {
-						notifications: visibleNotifications,
-						onDismiss: actions.dismiss,
-						onNotificationClick
-					})
-				}), showMoreButton]
-			})
-		]
-	});
-};
-
-//#endregion
-exports.NotificationsContents = NotificationsContents;

package/dist/Notifications/NotificationsDropdown.cjs

@@ -1,24 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_elements = require('./elements.cjs');
-const require_NotificationsContents = require('./NotificationsContents.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Notifications/NotificationsDropdown.tsx
-const NotificationsDropdown = ({ bellRef, handleClose, isOpen, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Popover, {
-		align: "right",
-		verticalOffset: 1,
-		outline: true,
-		isOpen,
-		targetRef: bellRef,
-		widthRestricted: false,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.NotificationsWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotificationsContents.NotificationsContents, {
-			...props,
-			handleClose
-		}) })
-	});
-};
-
-//#endregion
-exports.NotificationsDropdown = NotificationsDropdown;

package/dist/Notifications/constants.cjs

@@ -1,9 +0,0 @@
-
-//#region src/Notifications/constants.ts
-/**
-* How many notifications are visible in the list at once by default.
-*/
-const defaultDisplayLimit = 3;
-
-//#endregion
-exports.defaultDisplayLimit = defaultDisplayLimit;

package/dist/Notifications/elements.cjs

@@ -1,23 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-
-//#region src/Notifications/elements.tsx
-const NotificationsWrapper = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
-	display: "flex",
-	textAlign: "left",
-	width: 400
-}));
-const focusStyle = (0, _codecademy_gamut.focusVisibleStyle)();
-const NotificationDialog = (0, _emotion_styled.default)(_codecademy_gamut.Box)((0, _codecademy_gamut_styles.css)({
-	pb: 24,
-	pt: 32,
-	width: "100%",
-	...focusStyle
-}));
-
-//#endregion
-exports.NotificationDialog = NotificationDialog;
-exports.NotificationsWrapper = NotificationsWrapper;

package/dist/Notifications/types.d.cts

@@ -1,17 +0,0 @@
-import { Notification } from "../NotificationList/typings.cjs";
-
-//#region src/Notifications/types.d.ts
-type NotificationActions = {
-  clear: () => void;
-  click: (notification: Notification) => void;
-  dismiss: (notification: Notification) => void;
-  read: (notifications: Notification[]) => void;
-  track: (target: string) => void;
-};
-type AppHeaderNotificationSettings = {
-  actions: NotificationActions;
-  notifications: Notification[];
-  onEnable: () => void;
-};
-//#endregion
-export { AppHeaderNotificationSettings };

package/dist/Notifications/useHeaderNotifications.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_elements = require('../AppHeader/shared/elements.cjs');
-const require_NotificationBell = require('./NotificationBell.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Notifications/useHeaderNotifications.tsx
-const useHeaderNotifications = ({ settings, Renderer }) => {
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	const bellRef = (0, react.useRef)(null);
-	if (!settings) return [null, null];
-	const handleClose = async () => {
-		await setIsOpen(false);
-		await bellRef.current?.focus();
-	};
-	return [{
-		id: "notifications",
-		type: "render-element",
-		renderElement: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotificationBell.NotificationBell, {
-			bellRef,
-			isOpen,
-			notifications: settings.notifications,
-			setIsOpen
-		})
-	}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.AnimatedHeaderZone, {
-		visible: isOpen,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Renderer, {
-			actions: settings.actions,
-			bellRef,
-			notifications: settings.notifications,
-			isOpen,
-			handleClose
-		})
-	}, "notifications-content")];
-};
-
-//#endregion
-exports.useHeaderNotifications = useHeaderNotifications;

package/dist/Notifications/useNotificationButtons.cjs

@@ -1,53 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_constants = require('./constants.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/Notifications/useNotificationButtons.tsx
-const useNotificationButtons = ({ actions, handleClose, notifications, notificationListRef }) => {
-	const [showMore, setShowMore] = (0, react.useState)(false);
-	const [displayLimit, amountAdjective] = showMore ? [notifications.length, "Less"] : [require_constants.defaultDisplayLimit, "More"];
-	const closeButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-		icon: _codecademy_gamut_icons.MiniDeleteIcon,
-		onClick: handleClose,
-		tip: "Close"
-	});
-	if (notifications.length === 0) return {
-		clearAllButton: null,
-		closeButton,
-		showMoreButton: null,
-		notifications
-	};
-	return {
-		clearAllButton: notifications.length > 0 && (notifications.length <= displayLimit || showMore) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-			onClick: () => {
-				actions.clear();
-				actions.track("notification_clear_all");
-				notificationListRef?.current?.focus();
-			},
-			"aria-label": `Clear all ${notifications.length} notifications`,
-			mr: 8,
-			children: "Clear All"
-		}) : null,
-		closeButton,
-		showMoreButton: notifications.length <= require_constants.defaultDisplayLimit ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			px: 32,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.TextButton, {
-				onClick: () => {
-					setShowMore(!showMore);
-					if (!showMore) {
-						actions.track("notification_show_more");
-						actions.read(notifications.slice(require_constants.defaultDisplayLimit));
-					}
-				},
-				children: ["Show ", amountAdjective]
-			})
-		}),
-		notifications: notifications.slice(0, displayLimit)
-	};
-};
-
-//#endregion
-exports.useNotificationButtons = useNotificationButtons;

package/dist/PageAlerts/PageAlerts.cjs

@@ -1,69 +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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/PageAlerts/PageAlerts.tsx
-const AlertArea = _emotion_styled.default.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 = (0, _emotion_styled.default)(_codecademy_gamut.Alert)`
-  max-width: 100%;
-`;
-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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.BodyPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertArea, {
-		role: "alert",
-		"aria-live": "assertive",
-		ref: refCallback,
-		children: alerts.map((alert) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.ContentContainer, {
-			size: "medium",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.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
-exports.AlertArea = AlertArea;
-exports.PageAlerts = PageAlerts;

package/dist/PageAlerts/PageAlerts.d.cts

@@ -1,16 +0,0 @@
-import { PageAlert } from "./types.cjs";
-import * as React$1 from "react";
-import * as _emotion_react10 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_react10.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 };

package/dist/PageAlerts/PageAlertsProvider.cjs

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

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

package/dist/PageAlerts/index.cjs

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

@@ -1,4 +0,0 @@
-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/types.d.cts

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

package/dist/PageLayoutWithSidebarMenu/PageLayoutWithSidebarMenu.cjs

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

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

package/dist/PageLayoutWithSidebarMenu/index.cjs

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

package/dist/PageLayoutWithSidebarMenu/index.d.cts

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

package/dist/PageSection/index.cjs

@@ -1,65 +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);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#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__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
-			...buttonProps,
-			children: text
-		});
-	};
-	const maybeRenderHeaderButton = () => {
-		if (!headerButton) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			ml: 4,
-			display: "inline",
-			children: renderSectionButton(headerButton)
-		});
-	};
-	const maybeRenderHeaderSecondaryButton = () => {
-		if (!headerSecondaryButton) return null;
-		return renderSectionButton(headerSecondaryButton);
-	};
-	const renderSectionHeader = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		height: "2.5rem",
-		mb: 8,
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			alignItems: "center",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-				as: "h2",
-				fontSize: 22,
-				children: title
-			}), maybeRenderHeaderButton()]
-		}), maybeRenderHeaderSecondaryButton()]
-	});
-	const maybeRenderSectionFooter = () => {
-		if (!footerButton) return null;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-			justifyContent: "flex-end",
-			mt: 16,
-			children: renderSectionButton(footerButton)
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		mb: 48,
-		children: [
-			renderSectionHeader(),
-			children,
-			maybeRenderSectionFooter()
-		]
-	});
-};
-
-//#endregion
-exports.PageSection = PageSection;