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

package/dist/NotificationList/typings.d.ts

@@ -1,16 +1,20 @@
-export type NotificationIconSettings = {
-    backgroundColor?: string;
-    color?: string;
+//#region src/NotificationList/typings.d.ts
+type NotificationIconSettings = {
+  backgroundColor?: string;
+  color?: string;
 };
-export type Notification = {
-    date: string;
-    id: string;
-    iconSettings?: NotificationIconSettings;
-    iconSlug?: string;
-    imageUrl?: string;
-    link?: string;
-    text: string;
-    type?: string;
-    unread?: boolean;
-    campaign: 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 };
+//# sourceMappingURL=typings.d.ts.map

package/dist/NotificationList/typings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.d.ts","names":[],"sources":["../../src/NotificationList/typings.ts"],"mappings":";KAAY,wBAAA;EACV,eAAA;EACA,KAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,EAAA;EACA,YAAA,GAAe,wBAAA;EACf,QAAA;EACA,QAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,QAAA;AAAA"}

package/dist/Notifications/NotificationBell.cjs

@@ -0,0 +1,59 @@
+const require_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 _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__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(_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__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		bg: "red-500",
+		borderRadius: "md",
+		height: 18,
+		justifyContent: "center",
+		left: 22,
+		position: "absolute",
+		textAlign: "center",
+		top: -2,
+		width: 20
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		color: "white",
+		fontSize: 14,
+		fontWeight: "bold",
+		mt: 4
+	}, numOfUnread)) : null);
+};
+
+//#endregion
+exports.NotificationBell = NotificationBell;
+//# sourceMappingURL=NotificationBell.cjs.map

package/dist/Notifications/NotificationBell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBell.cjs","names":["FlexBox","IconButton","Text","BellIcon","useEffect","useMemo","useAppHeaderContext","notificationsID","NotificationBell","bellRef","isOpen","setIsOpen","notifications","lastOpenedDropdown","setLastOpenedDropdown","unread","filter","notification","length","favicon","window","document","querySelector","href","numOfUnread","Math","min","handleOnClick","aria-expanded","Boolean","aria-haspopup","tip","icon","onClick","ref","variant","tipProps","alignment","placement","alignItems","bg","borderRadius","height","justifyContent","left","position","textAlign","top","width","color","fontSize","fontWeight","mt"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAmBA,MAAMO,kBAAkB;AAExB,MAAaC,oBAAqD,EAChEC,SACAC,QACAC,WACAC,oBACD;CACC,MAAM,EAAEC,oBAAoBC,0BAA0BR,mCAAAA;CAEtD,MAAMS,SAASH,cAAcI,QAC1BC,iBAAiBA,aAAaF,OAAM,CACrCG;AAEFd,4BAAU;EACR,MAAMe,UAAUC,QAAQC,UAAUC,cAChC,8BAAA;AAGF,MAAIH,QACFA,SAAQI,OAAO,WAAWR,SAAS,YAAY,GAAG;IAEnD,CAACA,OAAO,CAAA;AAEXX,4BAAU;AACR,MAAIS,uBAAuBN,mBAAmBG,OAC5CC,WAAU,MAAA;IAGX,CAACE,mBAAmB,CAAA;CAEvB,MAAMW,uCAA4BC,KAAKC,IAAIX,QAAQ,GAAA,EAAK,CAACA,OAAO,CAAA;CAEhE,MAAMY,sBAAgB;AACpBhB,YAAU,CAACD,OAAAA;AAEX,MAAI,CAACA,QACH;OAAII,sBACFA,uBAAsBP,gBAAAA;;;AAK5B,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACN,8BAAAA;EACC2B,iBAAeC,QAAQnB,OAAAA;EACvBoB,iBAAc;EACdC,KACEhB,SACI,kBAAkBS,YAAY,WAC9B;EAENQ,MAAM7B;EACN8B,SAASN;EACTO,KAAKzB;EACL0B,SAAQ;EACRC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;KAE/DvB,SACC,sBAAA,cAACf,2BAAAA;EACCuC,YAAW;EACXC,IAAG;EACHC,cAAa;EACbC,QAAQ;EACRC,gBAAe;EACfC,MAAM;EACNC,UAAS;EACTC,WAAU;EACVC,KAAK;EACLC,OAAO;IAEP,sBAAA,cAAC9C,wBAAAA;EAAK+C,OAAM;EAAQC,UAAU;EAAIC,YAAW;EAAOC,IAAI;IACrD5B,YAAAA,CAAAA,GAGH,KAAA"}

package/dist/Notifications/NotificationBell.js

@@ -1,72 +1,58 @@
-import { FlexBox, IconButton, Text } from '@codecademy/gamut';
-import { BellIcon } from '@codecademy/gamut-icons';
-import { useEffect, useMemo } from 'react';
-import { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const notificationsID = 'notifications';
-export const NotificationBell = ({
-  bellRef,
-  isOpen,
-  setIsOpen,
-  notifications
-}) => {
-  const {
-    lastOpenedDropdown,
-    setLastOpenedDropdown
-  } = useAppHeaderContext();
-  const unread = notifications.filter(notification => notification.unread).length;
-  useEffect(() => {
-    const favicon = window?.document?.querySelector('link[rel="shortcut icon"]');
-    if (favicon) {
-      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;
-    }
-  }, [unread]);
-  useEffect(() => {
-    if (lastOpenedDropdown !== notificationsID && isOpen) {
-      setIsOpen(false);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [lastOpenedDropdown]);
-  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);
-  const handleOnClick = () => {
-    setIsOpen(!isOpen);
-    if (!isOpen) {
-      if (setLastOpenedDropdown) {
-        setLastOpenedDropdown(notificationsID);
-      }
-    }
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(IconButton, {
-      "aria-expanded": Boolean(isOpen),
-      "aria-haspopup": "dialog",
-      tip: unread ? `Notifications, ${numOfUnread} unread` : 'Notifications, no unread',
-      icon: BellIcon,
-      onClick: handleOnClick,
-      ref: bellRef,
-      variant: "interface",
-      tipProps: {
-        alignment: 'bottom-center',
-        placement: 'floating'
-      }
-    }), unread ? /*#__PURE__*/_jsx(FlexBox, {
-      alignItems: "center",
-      bg: "red-500",
-      borderRadius: "md",
-      height: 18,
-      justifyContent: "center",
-      left: 22,
-      position: "absolute",
-      textAlign: "center",
-      top: -2,
-      width: 20,
-      children: /*#__PURE__*/_jsx(Text, {
-        color: "white",
-        fontSize: 14,
-        fontWeight: "bold",
-        mt: 4,
-        children: numOfUnread
-      })
-    }) : null]
-  });
-};
+import { useAppHeaderContext } from "../AppHeader/AppHeaderElements/AppHeaderProvider/index.js";
+import { FlexBox, IconButton, Text } from "@codecademy/gamut";
+import { useEffect, useMemo } from "react";
+import { BellIcon } from "@codecademy/gamut-icons";
+
+//#region src/Notifications/NotificationBell.tsx
+const notificationsID = "notifications";
+const NotificationBell = ({ bellRef, isOpen, setIsOpen, notifications }) => {
+	const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();
+	const unread = notifications.filter((notification) => notification.unread).length;
+	useEffect(() => {
+		const favicon = window?.document?.querySelector("link[rel=\"shortcut icon\"]");
+		if (favicon) favicon.href = `/favicon${unread ? "-unread" : ""}.ico`;
+	}, [unread]);
+	useEffect(() => {
+		if (lastOpenedDropdown !== notificationsID && isOpen) setIsOpen(false);
+	}, [lastOpenedDropdown]);
+	const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);
+	const handleOnClick = () => {
+		setIsOpen(!isOpen);
+		if (!isOpen) {
+			if (setLastOpenedDropdown) setLastOpenedDropdown(notificationsID);
+		}
+	};
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(IconButton, {
+		"aria-expanded": Boolean(isOpen),
+		"aria-haspopup": "dialog",
+		tip: unread ? `Notifications, ${numOfUnread} unread` : "Notifications, no unread",
+		icon: BellIcon,
+		onClick: handleOnClick,
+		ref: bellRef,
+		variant: "interface",
+		tipProps: {
+			alignment: "bottom-center",
+			placement: "floating"
+		}
+	}), unread ? /* @__PURE__ */ React.createElement(FlexBox, {
+		alignItems: "center",
+		bg: "red-500",
+		borderRadius: "md",
+		height: 18,
+		justifyContent: "center",
+		left: 22,
+		position: "absolute",
+		textAlign: "center",
+		top: -2,
+		width: 20
+	}, /* @__PURE__ */ React.createElement(Text, {
+		color: "white",
+		fontSize: 14,
+		fontWeight: "bold",
+		mt: 4
+	}, numOfUnread)) : null);
+};
+
+//#endregion
+export { NotificationBell };
+//# sourceMappingURL=NotificationBell.js.map

package/dist/Notifications/NotificationBell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBell.js","names":["FlexBox","IconButton","Text","BellIcon","useEffect","useMemo","useAppHeaderContext","notificationsID","NotificationBell","bellRef","isOpen","setIsOpen","notifications","lastOpenedDropdown","setLastOpenedDropdown","unread","filter","notification","length","favicon","window","document","querySelector","href","numOfUnread","Math","min","handleOnClick","aria-expanded","Boolean","aria-haspopup","tip","icon","onClick","ref","variant","tipProps","alignment","placement","alignItems","bg","borderRadius","height","justifyContent","left","position","textAlign","top","width","color","fontSize","fontWeight","mt"],"sources":["../../src/Notifications/NotificationBell.tsx"],"sourcesContent":["import {\n  ButtonBaseElements,\n  FlexBox,\n  IconButton,\n  Text,\n} from '@codecademy/gamut';\nimport { BellIcon } from '@codecademy/gamut-icons';\nimport { Dispatch, SetStateAction, useEffect, useMemo } from 'react';\n\nimport { useAppHeaderContext } from '../AppHeader/AppHeaderElements/AppHeaderProvider';\nimport { Notification } from '../NotificationList/typings';\n\nexport type NotificationBellProps = {\n  bellRef: React.RefObject<ButtonBaseElements>;\n  isOpen?: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n  notifications: Notification[];\n};\n\nconst notificationsID = 'notifications';\n\nexport const NotificationBell: React.FC<NotificationBellProps> = ({\n  bellRef,\n  isOpen,\n  setIsOpen,\n  notifications,\n}) => {\n  const { lastOpenedDropdown, setLastOpenedDropdown } = useAppHeaderContext();\n\n  const unread = notifications.filter(\n    (notification) => notification.unread\n  ).length;\n\n  useEffect(() => {\n    const favicon = window?.document?.querySelector<HTMLLinkElement>(\n      'link[rel=\"shortcut icon\"]'\n    );\n\n    if (favicon) {\n      favicon.href = `/favicon${unread ? '-unread' : ''}.ico`;\n    }\n  }, [unread]);\n\n  useEffect(() => {\n    if (lastOpenedDropdown !== notificationsID && isOpen) {\n      setIsOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lastOpenedDropdown]);\n\n  const numOfUnread = useMemo(() => Math.min(unread, 99), [unread]);\n\n  const handleOnClick = () => {\n    setIsOpen(!isOpen);\n\n    if (!isOpen) {\n      if (setLastOpenedDropdown) {\n        setLastOpenedDropdown(notificationsID);\n      }\n    }\n  };\n\n  return (\n    <>\n      <IconButton\n        aria-expanded={Boolean(isOpen)}\n        aria-haspopup=\"dialog\"\n        tip={\n          unread\n            ? `Notifications, ${numOfUnread} unread`\n            : 'Notifications, no unread'\n        }\n        icon={BellIcon}\n        onClick={handleOnClick}\n        ref={bellRef}\n        variant=\"interface\"\n        tipProps={{ alignment: 'bottom-center', placement: 'floating' }}\n      />\n      {unread ? (\n        <FlexBox\n          alignItems=\"center\"\n          bg=\"red-500\"\n          borderRadius=\"md\"\n          height={18}\n          justifyContent=\"center\"\n          left={22}\n          position=\"absolute\"\n          textAlign=\"center\"\n          top={-2}\n          width={20}\n        >\n          <Text color=\"white\" fontSize={14} fontWeight=\"bold\" mt={4}>\n            {numOfUnread}\n          </Text>\n        </FlexBox>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAmBA,MAAMO,kBAAkB;AAExB,MAAaC,oBAAqD,EAChEC,SACAC,QACAC,WACAC,oBACD;CACC,MAAM,EAAEC,oBAAoBC,0BAA0BR,qBAAAA;CAEtD,MAAMS,SAASH,cAAcI,QAC1BC,iBAAiBA,aAAaF,OAAM,CACrCG;AAEFd,iBAAU;EACR,MAAMe,UAAUC,QAAQC,UAAUC,cAChC,8BAAA;AAGF,MAAIH,QACFA,SAAQI,OAAO,WAAWR,SAAS,YAAY,GAAG;IAEnD,CAACA,OAAO,CAAA;AAEXX,iBAAU;AACR,MAAIS,uBAAuBN,mBAAmBG,OAC5CC,WAAU,MAAA;IAGX,CAACE,mBAAmB,CAAA;CAEvB,MAAMW,cAAcnB,cAAcoB,KAAKC,IAAIX,QAAQ,GAAA,EAAK,CAACA,OAAO,CAAA;CAEhE,MAAMY,sBAAgB;AACpBhB,YAAU,CAACD,OAAAA;AAEX,MAAI,CAACA,QACH;OAAII,sBACFA,uBAAsBP,gBAAAA;;;AAK5B,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACN,YAAAA;EACC2B,iBAAeC,QAAQnB,OAAAA;EACvBoB,iBAAc;EACdC,KACEhB,SACI,kBAAkBS,YAAY,WAC9B;EAENQ,MAAM7B;EACN8B,SAASN;EACTO,KAAKzB;EACL0B,SAAQ;EACRC,UAAU;GAAEC,WAAW;GAAiBC,WAAW;GAAW;KAE/DvB,SACC,sBAAA,cAACf,SAAAA;EACCuC,YAAW;EACXC,IAAG;EACHC,cAAa;EACbC,QAAQ;EACRC,gBAAe;EACfC,MAAM;EACNC,UAAS;EACTC,WAAU;EACVC,KAAK;EACLC,OAAO;IAEP,sBAAA,cAAC9C,MAAAA;EAAK+C,OAAM;EAAQC,UAAU;EAAIC,YAAW;EAAOC,IAAI;IACrD5B,YAAAA,CAAAA,GAGH,KAAA"}

package/dist/Notifications/NotificationsContents.cjs

@@ -0,0 +1,67 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_elements = require('./elements.cjs');
+const require_keyboardNav = require('../AppHeader/shared/keyboardNav.cjs');
+require('../AppHeader/shared/index.cjs');
+const require_index$1 = require('../NotificationList/index.cjs');
+const require_useNotificationButtons = require('./useNotificationButtons.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+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__ */ react.createElement(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
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
+		alignItems: "center",
+		flexDirection: "row",
+		height: "40",
+		justifyContent: "space-between",
+		mb: 16,
+		px: 32
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
+		as: "h1",
+		fontSize: 22
+	}, "My Notifications"), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, null, clearAllButton, closeButton)), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { px: 32 }, /* @__PURE__ */ react.createElement(_codecademy_gamut_patterns.CheckerDense, {
+		height: "1px",
+		display: "flex"
+	})), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
+		maxHeight: "520px",
+		overflow: "auto"
+	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { pb: 16 }, /* @__PURE__ */ react.createElement(require_index$1.NotificationList, {
+		notifications: visibleNotifications,
+		onDismiss: actions.dismiss,
+		onNotificationClick
+	})), showMoreButton));
+};
+
+//#endregion
+exports.NotificationsContents = NotificationsContents;
+//# sourceMappingURL=NotificationsContents.cjs.map

package/dist/Notifications/NotificationsContents.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsContents.cjs","names":["Box","FlexBox","Text","CheckerDense","useEffect","useRef","React","useOnEscHandler","NotificationList","NotificationDialog","useNotificationButtons","NotificationsContents","actions","handleClose","notifications","notificationListRef","clearAllButton","closeButton","showMoreButton","visibleNotifications","onKeyDown","onNotificationClick","notification","click","unread","read","current","focus","unreadVisibleNotifications","filter","length","aria-label","aria-modal","bg","data-autofocus","ref","role","tabIndex","alignItems","flexDirection","height","justifyContent","mb","px","as","fontSize","display","maxHeight","overflow","pb","onDismiss","dismiss"],"sources":["../../src/Notifications/NotificationsContents.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { useOnEscHandler } from '../AppHeader/shared';\nimport { NotificationList } from '../NotificationList';\nimport { Notification } from '../NotificationList/typings';\nimport { NotificationDialog } from './elements';\nimport { NotificationsProps } from './types';\nimport { useNotificationButtons } from './useNotificationButtons';\n\nexport const NotificationsContents: React.FC<NotificationsProps> = ({\n  actions,\n  handleClose,\n  notifications,\n}) => {\n  const notificationListRef = useRef<HTMLDivElement>(null);\n\n  const {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: visibleNotifications,\n  } = useNotificationButtons({\n    actions,\n    handleClose,\n    notificationListRef,\n    notifications,\n  });\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  const onNotificationClick = (notification: Notification) => {\n    actions.click(notification);\n\n    if (notification.unread) {\n      actions.read([notification]);\n    }\n  };\n\n  useEffect(() => {\n    notificationListRef?.current?.focus();\n  }, [notificationListRef]);\n\n  useEffect(() => {\n    const unreadVisibleNotifications = visibleNotifications.filter(\n      (notification) => notification.unread\n    );\n\n    if (unreadVisibleNotifications.length) {\n      actions.read(unreadVisibleNotifications);\n    }\n  }, [actions, visibleNotifications]);\n\n  return (\n    <NotificationDialog\n      aria-label={\n        visibleNotifications.length\n          ? `${notifications.length} unread notifications`\n          : `My Notifications`\n      }\n      aria-modal=\"true\"\n      bg=\"background\"\n      data-autofocus\n      onKeyDown={onKeyDown}\n      ref={notificationListRef}\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <FlexBox\n        alignItems=\"center\"\n        flexDirection=\"row\"\n        height=\"40\"\n        justifyContent=\"space-between\"\n        mb={16}\n        px={32}\n      >\n        <Text as=\"h1\" fontSize={22}>\n          My Notifications\n        </Text>\n        <FlexBox>\n          {clearAllButton}\n          {closeButton}\n        </FlexBox>\n      </FlexBox>\n      <Box px={32}>\n        <CheckerDense height=\"1px\" display=\"flex\" />\n      </Box>\n      <Box maxHeight=\"520px\" overflow=\"auto\">\n        <Box pb={16}>\n          <NotificationList\n            notifications={visibleNotifications}\n            onDismiss={actions.dismiss}\n            onNotificationClick={onNotificationClick}\n          />\n        </Box>\n        {showMoreButton}\n      </Box>\n    </NotificationDialog>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAaW,yBAAuD,EAClEC,SACAC,aACAC,oBACD;CACC,MAAMC,wCAA6C,KAAA;CAEnD,MAAM,EACJC,gBACAC,aACAC,gBACAJ,eAAeK,yBACbT,sDAAuB;EACzBE;EACAC;EACAE;EACAD;EACF,CAAA;CAEA,MAAMM,YAAYb,oCAAgBM,YAAAA;CAElC,MAAMQ,uBAAuBC,iBAAAA;AAC3BV,UAAQW,MAAMD,aAAAA;AAEd,MAAIA,aAAaE,OACfZ,SAAQa,KAAK,CAACH,aAAa,CAAA;;AAI/BlB,4BAAU;AACRW,uBAAqBW,SAASC,OAAAA;IAC7B,CAACZ,oBAAoB,CAAA;AAExBX,4BAAU;EACR,MAAMwB,6BAA6BT,qBAAqBU,QACrDP,iBAAiBA,aAAaE,OAAM;AAGvC,MAAII,2BAA2BE,OAC7BlB,SAAQa,KAAKG,2BAAAA;IAEd,CAAChB,SAASO,qBAAqB,CAAA;AAElC,QACE,sBAAA,cAACV,qCAAAA;EACCsB,cACEZ,qBAAqBW,SACjB,GAAGhB,cAAcgB,OAAO,yBACxB;EAENE,cAAW;EACXC,IAAG;EACHC,kBAAAA;EACWd;EACXe,KAAKpB;EACLqB,MAAK;EACLC,UAAU;IAEV,sBAAA,cAACpC,2BAAAA;EACCqC,YAAW;EACXC,eAAc;EACdC,QAAO;EACPC,gBAAe;EACfC,IAAI;EACJC,IAAI;IAEJ,sBAAA,cAACzC,wBAAAA;EAAK0C,IAAG;EAAKC,UAAU;IAAI,mBAAA,EAG5B,sBAAA,cAAC5C,2BAAAA,MACEe,gBACAC,YAAAA,CAAAA,EAGL,sBAAA,cAACjB,uBAAAA,EAAI2C,IAAI,MACP,sBAAA,cAACxC,yCAAAA;EAAaqC,QAAO;EAAMM,SAAQ;MAErC,sBAAA,cAAC9C,uBAAAA;EAAI+C,WAAU;EAAQC,UAAS;IAC9B,sBAAA,cAAChD,uBAAAA,EAAIiD,IAAI,MACP,sBAAA,cAACzC,kCAAAA;EACCM,eAAeK;EACf+B,WAAWtC,QAAQuC;EACE9B;MAGxBH,eAAAA,CAAAA"}

package/dist/Notifications/NotificationsContents.js

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

package/dist/Notifications/NotificationsContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsContents.js","names":["Box","FlexBox","Text","CheckerDense","useEffect","useRef","React","useOnEscHandler","NotificationList","NotificationDialog","useNotificationButtons","NotificationsContents","actions","handleClose","notifications","notificationListRef","clearAllButton","closeButton","showMoreButton","visibleNotifications","onKeyDown","onNotificationClick","notification","click","unread","read","current","focus","unreadVisibleNotifications","filter","length","aria-label","aria-modal","bg","data-autofocus","ref","role","tabIndex","alignItems","flexDirection","height","justifyContent","mb","px","as","fontSize","display","maxHeight","overflow","pb","onDismiss","dismiss"],"sources":["../../src/Notifications/NotificationsContents.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { useOnEscHandler } from '../AppHeader/shared';\nimport { NotificationList } from '../NotificationList';\nimport { Notification } from '../NotificationList/typings';\nimport { NotificationDialog } from './elements';\nimport { NotificationsProps } from './types';\nimport { useNotificationButtons } from './useNotificationButtons';\n\nexport const NotificationsContents: React.FC<NotificationsProps> = ({\n  actions,\n  handleClose,\n  notifications,\n}) => {\n  const notificationListRef = useRef<HTMLDivElement>(null);\n\n  const {\n    clearAllButton,\n    closeButton,\n    showMoreButton,\n    notifications: visibleNotifications,\n  } = useNotificationButtons({\n    actions,\n    handleClose,\n    notificationListRef,\n    notifications,\n  });\n\n  const onKeyDown = useOnEscHandler(handleClose);\n\n  const onNotificationClick = (notification: Notification) => {\n    actions.click(notification);\n\n    if (notification.unread) {\n      actions.read([notification]);\n    }\n  };\n\n  useEffect(() => {\n    notificationListRef?.current?.focus();\n  }, [notificationListRef]);\n\n  useEffect(() => {\n    const unreadVisibleNotifications = visibleNotifications.filter(\n      (notification) => notification.unread\n    );\n\n    if (unreadVisibleNotifications.length) {\n      actions.read(unreadVisibleNotifications);\n    }\n  }, [actions, visibleNotifications]);\n\n  return (\n    <NotificationDialog\n      aria-label={\n        visibleNotifications.length\n          ? `${notifications.length} unread notifications`\n          : `My Notifications`\n      }\n      aria-modal=\"true\"\n      bg=\"background\"\n      data-autofocus\n      onKeyDown={onKeyDown}\n      ref={notificationListRef}\n      role=\"dialog\"\n      tabIndex={-1}\n    >\n      <FlexBox\n        alignItems=\"center\"\n        flexDirection=\"row\"\n        height=\"40\"\n        justifyContent=\"space-between\"\n        mb={16}\n        px={32}\n      >\n        <Text as=\"h1\" fontSize={22}>\n          My Notifications\n        </Text>\n        <FlexBox>\n          {clearAllButton}\n          {closeButton}\n        </FlexBox>\n      </FlexBox>\n      <Box px={32}>\n        <CheckerDense height=\"1px\" display=\"flex\" />\n      </Box>\n      <Box maxHeight=\"520px\" overflow=\"auto\">\n        <Box pb={16}>\n          <NotificationList\n            notifications={visibleNotifications}\n            onDismiss={actions.dismiss}\n            onNotificationClick={onNotificationClick}\n          />\n        </Box>\n        {showMoreButton}\n      </Box>\n    </NotificationDialog>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAaW,yBAAuD,EAClEC,SACAC,aACAC,oBACD;CACC,MAAMC,sBAAsBV,OAAuB,KAAA;CAEnD,MAAM,EACJW,gBACAC,aACAC,gBACAJ,eAAeK,yBACbT,uBAAuB;EACzBE;EACAC;EACAE;EACAD;EACF,CAAA;CAEA,MAAMM,YAAYb,gBAAgBM,YAAAA;CAElC,MAAMQ,uBAAuBC,iBAAAA;AAC3BV,UAAQW,MAAMD,aAAAA;AAEd,MAAIA,aAAaE,OACfZ,SAAQa,KAAK,CAACH,aAAa,CAAA;;AAI/BlB,iBAAU;AACRW,uBAAqBW,SAASC,OAAAA;IAC7B,CAACZ,oBAAoB,CAAA;AAExBX,iBAAU;EACR,MAAMwB,6BAA6BT,qBAAqBU,QACrDP,iBAAiBA,aAAaE,OAAM;AAGvC,MAAII,2BAA2BE,OAC7BlB,SAAQa,KAAKG,2BAAAA;IAEd,CAAChB,SAASO,qBAAqB,CAAA;AAElC,QACE,wBAAA,cAACV,oBAAAA;EACCsB,cACEZ,qBAAqBW,SACjB,GAAGhB,cAAcgB,OAAO,yBACxB;EAENE,cAAW;EACXC,IAAG;EACHC,kBAAAA;EACWd;EACXe,KAAKpB;EACLqB,MAAK;EACLC,UAAU;IAEV,wBAAA,cAACpC,SAAAA;EACCqC,YAAW;EACXC,eAAc;EACdC,QAAO;EACPC,gBAAe;EACfC,IAAI;EACJC,IAAI;IAEJ,wBAAA,cAACzC,MAAAA;EAAK0C,IAAG;EAAKC,UAAU;IAAI,mBAAA,EAG5B,wBAAA,cAAC5C,SAAAA,MACEe,gBACAC,YAAAA,CAAAA,EAGL,wBAAA,cAACjB,KAAAA,EAAI2C,IAAI,MACP,wBAAA,cAACxC,cAAAA;EAAaqC,QAAO;EAAMM,SAAQ;MAErC,wBAAA,cAAC9C,KAAAA;EAAI+C,WAAU;EAAQC,UAAS;IAC9B,wBAAA,cAAChD,KAAAA,EAAIiD,IAAI,MACP,wBAAA,cAACzC,kBAAAA;EACCM,eAAeK;EACf+B,WAAWtC,QAAQuC;EACE9B;MAGxBH,eAAAA,CAAAA"}

package/dist/Notifications/NotificationsDropdown.cjs

@@ -0,0 +1,23 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_elements = require('./elements.cjs');
+const require_NotificationsContents = require('./NotificationsContents.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+
+//#region src/Notifications/NotificationsDropdown.tsx
+const NotificationsDropdown = ({ bellRef, handleClose, isOpen, ...props }) => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Popover, {
+		align: "right",
+		verticalOffset: 1,
+		outline: true,
+		isOpen,
+		targetRef: bellRef,
+		widthRestricted: false
+	}, /* @__PURE__ */ React.createElement(require_elements.NotificationsWrapper, null, /* @__PURE__ */ React.createElement(require_NotificationsContents.NotificationsContents, {
+		...props,
+		handleClose
+	})));
+};
+
+//#endregion
+exports.NotificationsDropdown = NotificationsDropdown;
+//# sourceMappingURL=NotificationsDropdown.cjs.map

package/dist/Notifications/NotificationsDropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsDropdown.cjs","names":["Popover","NotificationsWrapper","NotificationsContents","NotificationsDropdown","bellRef","handleClose","isOpen","props","align","verticalOffset","outline","targetRef","widthRestricted"],"sources":["../../src/Notifications/NotificationsDropdown.tsx"],"sourcesContent":["import { Popover } from '@codecademy/gamut';\n\nimport { NotificationsWrapper } from './elements';\nimport { NotificationsContents } from './NotificationsContents';\nimport { NotificationsDropdownProps } from './types';\n\nexport const NotificationsDropdown: React.FC<NotificationsDropdownProps> = ({\n  bellRef,\n  handleClose,\n  isOpen,\n  ...props\n}) => {\n  return (\n    <Popover\n      align=\"right\"\n      verticalOffset={1}\n      outline\n      isOpen={isOpen}\n      targetRef={bellRef}\n      widthRestricted={false}\n    >\n      <NotificationsWrapper>\n        <NotificationsContents {...props} handleClose={handleClose} />\n      </NotificationsWrapper>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAaG,yBAA+D,EAC1EC,SACAC,aACAC,QACA,GAAGC,YACJ;AACC,QACE,sBAAA,cAACP,2BAAAA;EACCQ,OAAM;EACNC,gBAAgB;EAChBC,SAAAA;EACQJ;EACRK,WAAWP;EACXQ,iBAAiB;IAEjB,sBAAA,cAACX,uCAAAA,MACC,sBAAA,cAACC,qDAAAA;EAAuB,GAAGK;EAAoBF"}

package/dist/Notifications/NotificationsDropdown.js

@@ -1,25 +1,22 @@
-import { Popover } from '@codecademy/gamut';
-import { NotificationsWrapper } from './elements';
-import { NotificationsContents } from './NotificationsContents';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const NotificationsDropdown = ({
-  bellRef,
-  handleClose,
-  isOpen,
-  ...props
-}) => {
-  return /*#__PURE__*/_jsx(Popover, {
-    align: "right",
-    verticalOffset: 1,
-    outline: true,
-    isOpen: isOpen,
-    targetRef: bellRef,
-    widthRestricted: false,
-    children: /*#__PURE__*/_jsx(NotificationsWrapper, {
-      children: /*#__PURE__*/_jsx(NotificationsContents, {
-        ...props,
-        handleClose: handleClose
-      })
-    })
-  });
-};
+import { NotificationsWrapper } from "./elements.js";
+import { NotificationsContents } from "./NotificationsContents.js";
+import { Popover } from "@codecademy/gamut";
+
+//#region src/Notifications/NotificationsDropdown.tsx
+const NotificationsDropdown = ({ bellRef, handleClose, isOpen, ...props }) => {
+	return /* @__PURE__ */ React.createElement(Popover, {
+		align: "right",
+		verticalOffset: 1,
+		outline: true,
+		isOpen,
+		targetRef: bellRef,
+		widthRestricted: false
+	}, /* @__PURE__ */ React.createElement(NotificationsWrapper, null, /* @__PURE__ */ React.createElement(NotificationsContents, {
+		...props,
+		handleClose
+	})));
+};
+
+//#endregion
+export { NotificationsDropdown };
+//# sourceMappingURL=NotificationsDropdown.js.map

package/dist/Notifications/NotificationsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsDropdown.js","names":["Popover","NotificationsWrapper","NotificationsContents","NotificationsDropdown","bellRef","handleClose","isOpen","props","align","verticalOffset","outline","targetRef","widthRestricted"],"sources":["../../src/Notifications/NotificationsDropdown.tsx"],"sourcesContent":["import { Popover } from '@codecademy/gamut';\n\nimport { NotificationsWrapper } from './elements';\nimport { NotificationsContents } from './NotificationsContents';\nimport { NotificationsDropdownProps } from './types';\n\nexport const NotificationsDropdown: React.FC<NotificationsDropdownProps> = ({\n  bellRef,\n  handleClose,\n  isOpen,\n  ...props\n}) => {\n  return (\n    <Popover\n      align=\"right\"\n      verticalOffset={1}\n      outline\n      isOpen={isOpen}\n      targetRef={bellRef}\n      widthRestricted={false}\n    >\n      <NotificationsWrapper>\n        <NotificationsContents {...props} handleClose={handleClose} />\n      </NotificationsWrapper>\n    </Popover>\n  );\n};\n"],"mappings":";;;;;AAMA,MAAaG,yBAA+D,EAC1EC,SACAC,aACAC,QACA,GAAGC,YACJ;AACC,QACE,sBAAA,cAACP,SAAAA;EACCQ,OAAM;EACNC,gBAAgB;EAChBC,SAAAA;EACQJ;EACRK,WAAWP;EACXQ,iBAAiB;IAEjB,sBAAA,cAACX,sBAAAA,MACC,sBAAA,cAACC,uBAAAA;EAAuB,GAAGK;EAAoBF"}

package/dist/Notifications/constants.cjs

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

package/dist/Notifications/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","names":["defaultDisplayLimit"],"sources":["../../src/Notifications/constants.ts"],"sourcesContent":["/**\n * How many notifications are visible in the list at once by default.\n */\nexport const defaultDisplayLimit = 3;\n"],"mappings":";;;;GAGA,MAAaA,sBAAsB"}

package/dist/Notifications/constants.js

@@ -1,4 +1,8 @@
+//#region src/Notifications/constants.ts
 /**
- * How many notifications are visible in the list at once by default.
- */
-export const defaultDisplayLimit = 3;
+* How many notifications are visible in the list at once by default.
+*/ const defaultDisplayLimit = 3;
+
+//#endregion
+export { defaultDisplayLimit };
+//# sourceMappingURL=constants.js.map

package/dist/Notifications/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["defaultDisplayLimit"],"sources":["../../src/Notifications/constants.ts"],"sourcesContent":["/**\n * How many notifications are visible in the list at once by default.\n */\nexport const defaultDisplayLimit = 3;\n"],"mappings":";;;GAGA,MAAaA,sBAAsB"}