@codecademy/brand 4.0.0-alpha.b1cfc89ee2.0 → 4.0.0-alpha.b5e5d575e.0

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.cts

@@ -1,13 +0,0 @@
-import { AppHeaderDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderDropdown/index.cjs";
-import { AppHeaderCatalogDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.cjs";
-import { AppHeaderResourceDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.cjs";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts
-type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
-  handleCloseSubMenu: () => void;
-};
-declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
-//#endregion
-export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
-//# sourceMappingURL=index.d.cts.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAwBY,2BAAA,IACR,yBACA,gCACA;;AAHJ,CAAA;AACI,cAqES,qBArET,EAqEgC,OAAA,CAAM,EArEtC,CAqEyC,2BArEzC,CAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.mts

@@ -1,13 +0,0 @@
-import { AppHeaderDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderDropdown/index.mjs";
-import { AppHeaderCatalogDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/index.mjs";
-import { AppHeaderResourceDropdownProps } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/index.mjs";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.ts
-type AppHeaderSubMenuMobileProps = (AppHeaderDropdownProps | AppHeaderCatalogDropdownProps | AppHeaderResourceDropdownProps) & {
-  handleCloseSubMenu: () => void;
-};
-declare const AppHeaderSubNavMobile: React$1.FC<AppHeaderSubMenuMobileProps>;
-//#endregion
-export { AppHeaderSubMenuMobileProps, AppHeaderSubNavMobile };
-//# sourceMappingURL=index.d.mts.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAwBY,2BAAA,IACR,yBACA,gCACA;;AAHJ,CAAA;AACI,cAqES,qBArET,EAqEgC,OAAA,CAAM,EArEtC,CAqEyC,2BArEzC,CAAA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.mjs

@@ -1,108 +0,0 @@
-import { AppHeaderListItem } from "../../AppHeader/AppHeaderElements/AppHeaderListItem/index.mjs";
-import { AppHeaderSection } from "../../AppHeader/AppHeaderElements/AppHeaderSection/index.mjs";
-import { CATALOG_NAV_SECTIONS } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts.mjs";
-import { MarketingBanner } from "../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner.mjs";
-import { AppHeaderLinkSections } from "../../AppHeader/AppHeaderElements/AppHeaderLinkSections/index.mjs";
-import { RESOURCES_NAV_SECTIONS } from "../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts.mjs";
-import { MobileSubMenuWrapper, MobileUlWrapper } from "./elements.mjs";
-import { Anchor, Box, Menu, Text } from "@codecademy/gamut";
-import { css, states, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx
-const StyledAnchor = styled(Anchor)(css({
-	alignItems: `center`,
-	display: `flex`,
-	width: "calc(100% - 64px)",
-	py: 8,
-	mt: 0,
-	mb: 16
-}));
-const BackgroundWrapper = styled(Box)(states({ isNotCatalogOrResources: {
-	background: theme.colors.white,
-	border: 1,
-	borderColor: "border-tertiary",
-	borderRadius: "lg",
-	padding: "16px",
-	mx: 16
-} }));
-const renderHeaderSection = (item, action, handleCloseSubMenu) => {
-	switch (item.type) {
-		case "catalog-dropdown": return /* @__PURE__ */ jsx(AppHeaderSection, {
-			navSections: CATALOG_NAV_SECTIONS,
-			MarketingBanner,
-			isMobile: true,
-			handleClose: handleCloseSubMenu,
-			type: "catalog-dropdown",
-			isCoachingEnabled: item.isCoachingEnabled
-		});
-		case "resources-dropdown": return /* @__PURE__ */ jsx(AppHeaderSection, {
-			navSections: RESOURCES_NAV_SECTIONS,
-			isMobile: true,
-			handleClose: handleCloseSubMenu,
-			type: "resources-dropdown"
-		});
-		default: return /* @__PURE__ */ jsx(AppHeaderLinkSections, {
-			action,
-			item,
-			mobile: true
-		});
-	}
-};
-const AppHeaderSubNavMobile = ({ action, handleCloseSubMenu, item }) => {
-	const mainUlWrapper = useRef(null);
-	useEffect(() => {
-		if (mainUlWrapper?.current) mainUlWrapper.current.focus();
-	}, []);
-	const isProfileMenu = item.type === "profile-dropdown";
-	const isCatalogOrResourcesMenu = item.type === "catalog-dropdown" || item.type === "resources-dropdown";
-	const renderBackButton = () => {
-		if (!isCatalogOrResourcesMenu) return /* @__PURE__ */ jsx(AppHeaderListItem, { children: /* @__PURE__ */ jsxs(StyledAnchor, {
-			onClick: handleCloseSubMenu,
-			variant: "interface",
-			as: "button",
-			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, {
-				size: 24,
-				"aria-hidden": true
-			}), /* @__PURE__ */ jsx(Text, {
-				pl: 8,
-				children: "Back"
-			})]
-		}) });
-		return null;
-	};
-	return /* @__PURE__ */ jsx(BackgroundWrapper, {
-		isNotCatalogOrResources: !isCatalogOrResourcesMenu,
-		children: /* @__PURE__ */ jsxs(MobileUlWrapper, {
-			ref: mainUlWrapper,
-			tabIndex: -1,
-			children: [renderBackButton(), /* @__PURE__ */ jsxs(MobileSubMenuWrapper, {
-				handleClose: handleCloseSubMenu,
-				isMenuRole: isProfileMenu,
-				children: [!isCatalogOrResourcesMenu && /* @__PURE__ */ jsx(Text, {
-					as: "h1",
-					fontSize: 20,
-					mb: 16,
-					ml: 0,
-					children: isProfileMenu ? item.userDisplayName : item.text
-				}), /* @__PURE__ */ jsx(Menu, {
-					variant: "fixed",
-					mx: isCatalogOrResourcesMenu ? {
-						_: 16,
-						sm: 32
-					} : 0,
-					width: "auto",
-					bg: "transparent",
-					children: renderHeaderSection(item, action, handleCloseSubMenu)
-				})]
-			})]
-		})
-	});
-};
-
-//#endregion
-export { AppHeaderSubNavMobile };
-//# sourceMappingURL=index.mjs.map

package/dist/AppHeaderMobile/AppHeaderSubMenuMobile/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps>"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuMobile/index.tsx"],"sourcesContent":["import { Anchor, Box, Menu, Text } from '@codecademy/gamut';\nimport { ArrowLeftIcon } from '@codecademy/gamut-icons';\nimport { css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderCatalogDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown';\nimport { CATALOG_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/consts';\nimport { MarketingBanner } from '../../AppHeader/AppHeaderElements/AppHeaderCatalogDropdown/MarketingBanner';\nimport { AppHeaderDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLinkSections } from '../../AppHeader/AppHeaderElements/AppHeaderLinkSections';\nimport { AppHeaderListItem } from '../../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { AppHeaderResourceDropdownProps } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown';\nimport { RESOURCES_NAV_SECTIONS } from '../../AppHeader/AppHeaderElements/AppHeaderResourcesDropdown/consts';\nimport { AppHeaderSection } from '../../AppHeader/AppHeaderElements/AppHeaderSection';\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderClickHandler,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared';\nimport { MobileSubMenuWrapper, MobileUlWrapper } from './elements';\n\nexport type AppHeaderSubMenuMobileProps = (\n  | AppHeaderDropdownProps\n  | AppHeaderCatalogDropdownProps\n  | AppHeaderResourceDropdownProps\n) & {\n  handleCloseSubMenu: () => void;\n};\n\ntype AppHeaderSectionItem =\n  | AppHeaderDropdownItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderResourcesDropdownItem;\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    width: 'calc(100% - 64px)',\n    py: 8,\n    mt: 0,\n    mb: 16,\n  })\n);\n\nconst BackgroundWrapper = styled(Box)<{\n  isNotCatalogOrResources: boolean;\n}>(\n  states({\n    isNotCatalogOrResources: {\n      background: theme.colors.white,\n      border: 1,\n      borderColor: 'border-tertiary',\n      borderRadius: 'lg',\n      padding: '16px',\n      mx: 16,\n    },\n  })\n);\n\nconst renderHeaderSection = (\n  item: AppHeaderSectionItem,\n  action: AppHeaderClickHandler,\n  handleCloseSubMenu: () => void\n) => {\n  switch (item.type) {\n    case 'catalog-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={CATALOG_NAV_SECTIONS}\n          MarketingBanner={MarketingBanner}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"catalog-dropdown\"\n          isCoachingEnabled={item.isCoachingEnabled}\n        />\n      );\n    case 'resources-dropdown':\n      return (\n        <AppHeaderSection\n          navSections={RESOURCES_NAV_SECTIONS}\n          isMobile\n          handleClose={handleCloseSubMenu}\n          type=\"resources-dropdown\"\n        />\n      );\n    default:\n      return <AppHeaderLinkSections action={action} item={item} mobile />;\n  }\n};\n\nexport const AppHeaderSubNavMobile: React.FC<AppHeaderSubMenuMobileProps> = ({\n  action,\n  handleCloseSubMenu,\n  item,\n}) => {\n  const mainUlWrapper = useRef<HTMLUListElement>(null);\n\n  useEffect(() => {\n    if (mainUlWrapper?.current) {\n      mainUlWrapper.current.focus();\n    }\n  }, []);\n\n  const isProfileMenu = item.type === 'profile-dropdown';\n\n  const isCatalogOrResourcesMenu =\n    item.type === 'catalog-dropdown' || item.type === 'resources-dropdown';\n\n  const renderBackButton = () => {\n    if (!isCatalogOrResourcesMenu) {\n      return (\n        <AppHeaderListItem>\n          <StyledAnchor\n            onClick={handleCloseSubMenu}\n            variant=\"interface\"\n            as=\"button\"\n          >\n            <ArrowLeftIcon size={24} aria-hidden />\n            <Text pl={8}>Back</Text>\n          </StyledAnchor>\n        </AppHeaderListItem>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <BackgroundWrapper isNotCatalogOrResources={!isCatalogOrResourcesMenu}>\n      <MobileUlWrapper ref={mainUlWrapper} tabIndex={-1}>\n        {renderBackButton()}\n        <MobileSubMenuWrapper\n          handleClose={handleCloseSubMenu}\n          isMenuRole={isProfileMenu}\n        >\n          {!isCatalogOrResourcesMenu && (\n            <Text as=\"h1\" fontSize={20} mb={16} ml={0}>\n              {isProfileMenu ? item.userDisplayName : item.text}\n            </Text>\n          )}\n          <Menu\n            variant=\"fixed\"\n            mx={isCatalogOrResourcesMenu ? { _: 16, sm: 32 } : 0}\n            width=\"auto\"\n            bg=\"transparent\"\n          >\n            {renderHeaderSection(item, action, handleCloseSubMenu)}\n          </Menu>\n        </MobileSubMenuWrapper>\n      </MobileUlWrapper>\n    </BackgroundWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,OAAO,OAAO,CACjC,IAAI;CACF,YAAY;CACZ,SAAS;CACT,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,CAAC,CACH;AAED,MAAM,oBAAoB,OAAO,IAAI,CAGnC,OAAO,EACL,yBAAyB;CACvB,YAAY,MAAM,OAAO;CACzB,QAAQ;CACR,aAAa;CACb,cAAc;CACd,SAAS;CACT,IAAI;CACL,EACF,CAAC,CACH;AAED,MAAM,uBACJ,MACA,QACA,uBACG;AACH,SAAQ,KAAK,MAAb;EACE,KAAK,mBACH,QACE,oBAAC;GACC,aAAa;GACI;GACjB;GACA,aAAa;GACb,MAAK;GACL,mBAAmB,KAAK;IACxB;EAEN,KAAK,qBACH,QACE,oBAAC;GACC,aAAa;GACb;GACA,aAAa;GACb,MAAK;IACL;EAEN,QACE,QAAO,oBAAC;GAA8B;GAAc;GAAM;IAAS;;;AAIzE,MAAaA,yBAAgE,EAC3E,QACA,oBACA,WACI;CACJ,MAAM,gBAAgB,OAAyB,KAAK;AAEpD,iBAAgB;AACd,MAAI,eAAe,QACjB,eAAc,QAAQ,OAAO;IAE9B,EAAE,CAAC;CAEN,MAAM,gBAAgB,KAAK,SAAS;CAEpC,MAAM,2BACJ,KAAK,SAAS,sBAAsB,KAAK,SAAS;CAEpD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,yBACH,QACE,oBAAC,+BACC,qBAAC;GACC,SAAS;GACT,SAAQ;GACR,IAAG;cAEH,oBAAC;IAAc,MAAM;IAAI;KAAc,EACvC,oBAAC;IAAK,IAAI;cAAG;KAAW;IACX,GACG;AAGxB,SAAO;;AAGT,QACE,oBAAC;EAAkB,yBAAyB,CAAC;YAC3C,qBAAC;GAAgB,KAAK;GAAe,UAAU;cAC5C,kBAAkB,EACnB,qBAAC;IACC,aAAa;IACb,YAAY;eAEX,CAAC,4BACA,oBAAC;KAAK,IAAG;KAAK,UAAU;KAAI,IAAI;KAAI,IAAI;eACrC,gBAAgB,KAAK,kBAAkB,KAAK;MACxC,EAET,oBAAC;KACC,SAAQ;KACR,IAAI,2BAA2B;MAAE,GAAG;MAAI,IAAI;MAAI,GAAG;KACnD,OAAM;KACN,IAAG;eAEF,oBAAoB,MAAM,QAAQ,mBAAmB;MACjD;KACc;IACP;GACA"}

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.cjs

@@ -1,62 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../../Avatar/index.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);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx
-const StyledAnchor = (0, _emotion_styled.default)(_codecademy_gamut.Anchor)((0, _codecademy_gamut_styles.css)({
-	alignItems: "center",
-	display: "flex",
-	justifyContent: "space-between",
-	py: 16,
-	width: "100%"
-}));
-const StyledText = (0, _emotion_styled.default)(_codecademy_gamut.Text)((0, _codecademy_gamut_styles.css)({
-	ml: 16,
-	maxWidth: `70vw`,
-	overflow: `hidden`,
-	textOverflow: `ellipsis`
-}));
-const AppHeaderSubMenuRow = ({ item, openSubMenu }) => {
-	const getIcon = () => {
-		if (item.type !== "profile-dropdown") {
-			const Icon = item.icon;
-			return Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-				size: 24,
-				"aria-hidden": true
-			});
-		}
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Avatar, {
-			src: item.avatar,
-			alt: "User profile avatar",
-			disableDropshadow: true,
-			size: 24
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledAnchor, {
-		"aria-label": `Open ${item.text} navigation`,
-		"data-testid": item.dataTestId,
-		onClick: (event) => openSubMenu(event, item),
-		variant: "interface",
-		children: [
-			getIcon(),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledText, { children: item.type === "profile-dropdown" ? item.userDisplayName : item.text }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.ArrowChevronRightIcon, {
-				ml: "auto",
-				my: "auto",
-				size: 12,
-				"aria-hidden": true
-			})
-		]
-	});
-};
-
-//#endregion
-exports.AppHeaderSubMenuRow = AppHeaderSubMenuRow;
-//# sourceMappingURL=index.cjs.map

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Anchor","Text","AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps>","Avatar","ArrowChevronRightIcon"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared/types';\nimport { Avatar } from '../../Avatar';\n\nexport type AppHeaderSubMenuTargetProps = {\n  item:\n    | AppHeaderDropdownItem\n    | AppHeaderCatalogDropdownItem\n    | AppHeaderResourcesDropdownItem;\n  openSubMenu: (\n    event: React.MouseEvent,\n    item:\n      | AppHeaderDropdownItem\n      | AppHeaderCatalogDropdownItem\n      | AppHeaderResourcesDropdownItem\n  ) => void;\n};\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    py: 16,\n    width: '100%',\n  })\n);\n\nconst StyledText = styled(Text)(\n  css({\n    ml: 16,\n    maxWidth: `70vw`,\n    overflow: `hidden`,\n    textOverflow: `ellipsis`,\n  })\n);\n\nexport const AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps> = ({\n  item,\n  openSubMenu,\n}) => {\n  const getIcon = () => {\n    if (item.type !== 'profile-dropdown') {\n      const Icon = item.icon;\n      return Icon && <Icon size={24} aria-hidden />;\n    }\n    return (\n      <Avatar\n        src={item.avatar}\n        alt=\"User profile avatar\"\n        disableDropshadow\n        size={24}\n      />\n    );\n  };\n\n  return (\n    <StyledAnchor\n      aria-label={`Open ${item.text} navigation`}\n      data-testid={item.dataTestId}\n      onClick={(event: React.MouseEvent) => openSubMenu(event, item)}\n      variant=\"interface\"\n    >\n      {getIcon()}\n      <StyledText>\n        {item.type === 'profile-dropdown' ? item.userDisplayName : item.text}\n      </StyledText>\n      <ArrowChevronRightIcon ml=\"auto\" my=\"auto\" size={12} aria-hidden />\n    </StyledAnchor>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,4CAAsBA,yBAAO,mCAC7B;CACF,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,IAAI;CACJ,OAAO;CACR,CAAC,CACH;AAED,MAAM,0CAAoBC,uBAAK,mCACzB;CACF,IAAI;CACJ,UAAU;CACV,UAAU;CACV,cAAc;CACf,CAAC,CACH;AAED,MAAaC,uBAA8D,EACzE,MACA,kBACI;CACJ,MAAM,gBAAgB;AACpB,MAAI,KAAK,SAAS,oBAAoB;GACpC,MAAM,OAAO,KAAK;AAClB,UAAO,QAAQ,2CAAC;IAAK,MAAM;IAAI;KAAc;;AAE/C,SACE,2CAACC;GACC,KAAK,KAAK;GACV,KAAI;GACJ;GACA,MAAM;IACN;;AAIN,QACE,4CAAC;EACC,cAAY,QAAQ,KAAK,KAAK;EAC9B,eAAa,KAAK;EAClB,UAAU,UAA4B,YAAY,OAAO,KAAK;EAC9D,SAAQ;;GAEP,SAAS;GACV,2CAAC,wBACE,KAAK,SAAS,qBAAqB,KAAK,kBAAkB,KAAK,OACrD;GACb,2CAACC;IAAsB,IAAG;IAAO,IAAG;IAAO,MAAM;IAAI;KAAc;;GACtD"}

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.mjs

@@ -1,59 +0,0 @@
-import { Avatar } from "../../Avatar/index.mjs";
-import { Anchor, Text } from "@codecademy/gamut";
-import { css } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowChevronRightIcon } from "@codecademy/gamut-icons";
-
-//#region src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx
-const StyledAnchor = styled(Anchor)(css({
-	alignItems: "center",
-	display: "flex",
-	justifyContent: "space-between",
-	py: 16,
-	width: "100%"
-}));
-const StyledText = styled(Text)(css({
-	ml: 16,
-	maxWidth: `70vw`,
-	overflow: `hidden`,
-	textOverflow: `ellipsis`
-}));
-const AppHeaderSubMenuRow = ({ item, openSubMenu }) => {
-	const getIcon = () => {
-		if (item.type !== "profile-dropdown") {
-			const Icon = item.icon;
-			return Icon && /* @__PURE__ */ jsx(Icon, {
-				size: 24,
-				"aria-hidden": true
-			});
-		}
-		return /* @__PURE__ */ jsx(Avatar, {
-			src: item.avatar,
-			alt: "User profile avatar",
-			disableDropshadow: true,
-			size: 24
-		});
-	};
-	return /* @__PURE__ */ jsxs(StyledAnchor, {
-		"aria-label": `Open ${item.text} navigation`,
-		"data-testid": item.dataTestId,
-		onClick: (event) => openSubMenu(event, item),
-		variant: "interface",
-		children: [
-			getIcon(),
-			/* @__PURE__ */ jsx(StyledText, { children: item.type === "profile-dropdown" ? item.userDisplayName : item.text }),
-			/* @__PURE__ */ jsx(ArrowChevronRightIcon, {
-				ml: "auto",
-				my: "auto",
-				size: 12,
-				"aria-hidden": true
-			})
-		]
-	});
-};
-
-//#endregion
-export { AppHeaderSubMenuRow };
-//# sourceMappingURL=index.mjs.map

package/dist/AppHeaderMobile/AppHeaderSubMenuTarget/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps>"],"sources":["../../../src/AppHeaderMobile/AppHeaderSubMenuTarget/index.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { ArrowChevronRightIcon } from '@codecademy/gamut-icons';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport {\n  AppHeaderCatalogDropdownItem,\n  AppHeaderDropdownItem,\n  AppHeaderResourcesDropdownItem,\n} from '../../AppHeader/shared/types';\nimport { Avatar } from '../../Avatar';\n\nexport type AppHeaderSubMenuTargetProps = {\n  item:\n    | AppHeaderDropdownItem\n    | AppHeaderCatalogDropdownItem\n    | AppHeaderResourcesDropdownItem;\n  openSubMenu: (\n    event: React.MouseEvent,\n    item:\n      | AppHeaderDropdownItem\n      | AppHeaderCatalogDropdownItem\n      | AppHeaderResourcesDropdownItem\n  ) => void;\n};\n\nconst StyledAnchor = styled(Anchor)(\n  css({\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'space-between',\n    py: 16,\n    width: '100%',\n  })\n);\n\nconst StyledText = styled(Text)(\n  css({\n    ml: 16,\n    maxWidth: `70vw`,\n    overflow: `hidden`,\n    textOverflow: `ellipsis`,\n  })\n);\n\nexport const AppHeaderSubMenuRow: React.FC<AppHeaderSubMenuTargetProps> = ({\n  item,\n  openSubMenu,\n}) => {\n  const getIcon = () => {\n    if (item.type !== 'profile-dropdown') {\n      const Icon = item.icon;\n      return Icon && <Icon size={24} aria-hidden />;\n    }\n    return (\n      <Avatar\n        src={item.avatar}\n        alt=\"User profile avatar\"\n        disableDropshadow\n        size={24}\n      />\n    );\n  };\n\n  return (\n    <StyledAnchor\n      aria-label={`Open ${item.text} navigation`}\n      data-testid={item.dataTestId}\n      onClick={(event: React.MouseEvent) => openSubMenu(event, item)}\n      variant=\"interface\"\n    >\n      {getIcon()}\n      <StyledText>\n        {item.type === 'profile-dropdown' ? item.userDisplayName : item.text}\n      </StyledText>\n      <ArrowChevronRightIcon ml=\"auto\" my=\"auto\" size={12} aria-hidden />\n    </StyledAnchor>\n  );\n};\n"],"mappings":";;;;;;;;;AA2BA,MAAM,eAAe,OAAO,OAAO,CACjC,IAAI;CACF,YAAY;CACZ,SAAS;CACT,gBAAgB;CAChB,IAAI;CACJ,OAAO;CACR,CAAC,CACH;AAED,MAAM,aAAa,OAAO,KAAK,CAC7B,IAAI;CACF,IAAI;CACJ,UAAU;CACV,UAAU;CACV,cAAc;CACf,CAAC,CACH;AAED,MAAaA,uBAA8D,EACzE,MACA,kBACI;CACJ,MAAM,gBAAgB;AACpB,MAAI,KAAK,SAAS,oBAAoB;GACpC,MAAM,OAAO,KAAK;AAClB,UAAO,QAAQ,oBAAC;IAAK,MAAM;IAAI;KAAc;;AAE/C,SACE,oBAAC;GACC,KAAK,KAAK;GACV,KAAI;GACJ;GACA,MAAM;IACN;;AAIN,QACE,qBAAC;EACC,cAAY,QAAQ,KAAK,KAAK;EAC9B,eAAa,KAAK;EAClB,UAAU,UAA4B,YAAY,OAAO,KAAK;EAC9D,SAAQ;;GAEP,SAAS;GACV,oBAAC,wBACE,KAAK,SAAS,qBAAqB,KAAK,kBAAkB,KAAK,OACrD;GACb,oBAAC;IAAsB,IAAG;IAAO,IAAG;IAAO,MAAM;IAAI;KAAc;;GACtD"}

package/dist/AppHeaderMobile/index.cjs

@@ -1,195 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../HeaderHeightArea/index.cjs');
-const require_elements = require('../AppHeader/shared/elements.cjs');
-const require_NotificationsContents = require('../Notifications/NotificationsContents.cjs');
-const require_useHeaderNotifications = require('../Notifications/useHeaderNotifications.cjs');
-const require_index$1 = require('../AppHeader/AppHeaderElements/AppHeaderListItem/index.cjs');
-const require_useHeaderSearch = require('../AppHeader/Search/useHeaderSearch.cjs');
-const require_utils = require('../AppHeader/shared/utils.cjs');
-const require_index$2 = require('./AppHeaderMainMenuMobile/index.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);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/AppHeaderMobile/index.tsx
-const StyledOverlay = (0, _emotion_styled.default)(_codecademy_gamut.Overlay)((0, _codecademy_gamut_styles.css)({
-	display: {
-		_: `block`,
-		[require_elements.appHeaderMobileBreakpoint]: `none`
-	},
-	width: `100vw`,
-	height: `100vh`,
-	opacity: 1,
-	bg: `beige`,
-	position: `fixed`,
-	left: 0,
-	top: 0,
-	overflowX: `hidden`
-}));
-const StyledNavBar = _emotion_styled.default.ul((0, _codecademy_gamut_styles.css)({
-	display: `flex`,
-	padding: 0,
-	listStyle: `none`,
-	margin: 0,
-	width: `100%`,
-	alignItems: "center"
-}), (0, _codecademy_gamut_styles.states)({ center: { justifyContent: {
-	_: "center",
-	sm: "flex-start"
-} } }));
-const AppHeaderMobile = ({ action, items, notifications, search, redirectParam, isAnon, isEnterprise, isSimple, hideRightMenuButton, navigationMenuFormattedLabel }) => {
-	const [mobileMenuOpen, setMobileMenuOpen] = (0, react.useState)(void 0);
-	const [allowScroll, setAllowScroll] = (0, react.useState)(false);
-	const openButtonRef = (0, react.useRef)(null);
-	const closeButtonRef = (0, react.useRef)(null);
-	const [notificationsBell, notificationsView] = require_useHeaderNotifications.useHeaderNotifications({
-		settings: notifications,
-		Renderer: require_NotificationsContents.NotificationsContents
-	});
-	const [searchButton, searchPane] = require_useHeaderSearch.useHeaderSearch({ ...search });
-	const openMobileMenu = () => {
-		setMobileMenuOpen(true);
-		if (closeButtonRef.current) closeButtonRef.current.focus();
-	};
-	(0, react.useEffect)(() => {
-		if (mobileMenuOpen === false && openButtonRef.current) setTimeout(() => {
-			if (openButtonRef.current) openButtonRef.current.focus();
-		}, 0);
-	}, [mobileMenuOpen]);
-	const mapItemsToElement = (items$1, side, hideExtraItems) => {
-		const shouldHideItems = hideExtraItems === true && items$1.length > 1;
-		return items$1.map((item, index) => {
-			const isHidable = !(index + 1 === items$1.length) && shouldHideItems;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderListItem, {
-				ml: side === "right" && index === 0 ? "auto" : 0,
-				display: {
-					_: isHidable ? "none" : "flex",
-					xs: "flex"
-				},
-				children: require_utils.mapAppHeaderItemToElement({
-					action,
-					isStandalone: void 0,
-					isTeams: void 0,
-					item,
-					mobile: true,
-					redirectParam
-				})
-			}, item.id);
-		});
-	};
-	const right = [
-		...!isEnterprise ? [searchButton] : [],
-		...notificationsBell && !isEnterprise ? [notificationsBell] : [],
-		...items.right
-	];
-	const onItemType = (type) => {
-		if (type && (type === "catalog-dropdown" || type === "resources-dropdown")) setAllowScroll(true);
-		else setAllowScroll(false);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		!mobileMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.HeaderHeightArea, {
-			display: {
-				_: `block`,
-				[require_elements.appHeaderMobileBreakpoint]: `none`
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.StyledAppBar, {
-				as: "nav",
-				"aria-label": "Main",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledNavBar, {
-					center: !!isSimple,
-					children: [
-						mapItemsToElement(items.left, "left"),
-						mapItemsToElement(right, "right", true),
-						!hideRightMenuButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderListItem, {
-							ml: right.length === 0 ? "auto" : 0,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-								"aria-expanded": mobileMenuOpen,
-								"aria-label": navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
-								tip: "Site\nnavigation",
-								tipProps: {
-									alignment: "bottom-center",
-									placement: "floating"
-								},
-								"data-testid": "header-mobile-menu",
-								onClick: () => {
-									openMobileMenu();
-								},
-								icon: _codecademy_gamut_icons.MenuIcon,
-								variant: "interface",
-								ref: openButtonRef
-							})
-						})
-					]
-				})
-			})
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledOverlay, {
-			clickOutsideCloses: true,
-			escapeCloses: true,
-			isOpen: mobileMenuOpen,
-			onRequestClose: () => setMobileMenuOpen(false),
-			allowScroll,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.Background, {
-				bg: "beige",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_index.HeaderHeightArea, {
-					display: {
-						_: `block`,
-						[require_elements.appHeaderMobileBreakpoint]: `none`
-					},
-					as: "nav",
-					ariaLabel: "Main",
-					"data-testid": "header-mobile-menu-dropdown",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_elements.StyledAppBar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledNavBar, { children: [mapItemsToElement(items.left, "left"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderListItem, {
-						ml: "auto",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-							"aria-expanded": mobileMenuOpen,
-							onClick: () => {
-								setMobileMenuOpen(false);
-							},
-							icon: _codecademy_gamut_icons.MenuIcon,
-							"aria-label": navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
-							tip: navigationMenuFormattedLabel?.siteNavigation || "Site navigation",
-							tipProps: {
-								alignment: "bottom-center",
-								placement: "floating"
-							},
-							ref: closeButtonRef
-						})
-					})] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-						background: _codecademy_gamut_styles.theme.colors.beige,
-						height: "auto",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderMainMenuMobile, {
-							action,
-							items: items.mainMenu,
-							getItemType: onItemType,
-							isAnon
-						})
-					})]
-				})
-			})
-		}),
-		!isEnterprise && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			display: {
-				_: `block`,
-				[require_elements.appHeaderMobileBreakpoint]: `none`
-			},
-			children: searchPane
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-			display: {
-				_: `block`,
-				[require_elements.appHeaderMobileBreakpoint]: `none`
-			},
-			children: notificationsView
-		})
-	] });
-};
-
-//#endregion
-exports.AppHeaderMobile = AppHeaderMobile;
-//# sourceMappingURL=index.cjs.map

package/dist/AppHeaderMobile/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Overlay","appHeaderMobileBreakpoint","styled","AppHeaderMobile: React.FC<AppHeaderMobileProps>","useHeaderNotifications","NotificationsContents","useHeaderSearch","items","AppHeaderListItem","mapAppHeaderItemToElement","HeaderHeightArea","StyledAppBar","IconButton","MenuIcon","Background","Box","theme","AppHeaderMainMenuMobile"],"sources":["../../src/AppHeaderMobile/index.tsx"],"sourcesContent":["import {\n  Box,\n  ButtonBaseElements,\n  IconButton,\n  Overlay,\n} from '@codecademy/gamut';\nimport { MenuIcon } from '@codecademy/gamut-icons';\nimport { Background, css, states, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useEffect, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport { AppHeaderSearch } from '..';\nimport { AppHeaderListItem } from '../AppHeader/AppHeaderElements/AppHeaderListItem';\nimport { useHeaderSearch } from '../AppHeader/Search/useHeaderSearch';\nimport {\n  AppHeaderAction,\n  AppHeaderItem,\n  appHeaderMobileBreakpoint,\n  FormattedMobileAppHeaderItems,\n  StyledAppBar,\n} from '../AppHeader/shared';\nimport { mapAppHeaderItemToElement } from '../AppHeader/shared/utils';\nimport { AppHeaderMainMenuMobile } from '../AppHeaderMobile/AppHeaderMainMenuMobile';\nimport { NavigationMenuFormattedLabel } from '../GlobalHeader';\nimport { HeaderHeightArea } from '../HeaderHeightArea';\nimport { NotificationsContents } from '../Notifications/NotificationsContents';\nimport { AppHeaderNotificationSettings } from '../Notifications/types';\nimport { useHeaderNotifications } from '../Notifications/useHeaderNotifications';\n\nexport type AppHeaderMobileProps = AppHeaderAction & {\n  items: FormattedMobileAppHeaderItems;\n  notifications?: AppHeaderNotificationSettings;\n  redirectParam?: string;\n  search: AppHeaderSearch;\n  isAnon: boolean;\n  /**\n   * used to conditonally hide the default search icon and notification bell\n   */\n  isEnterprise?: boolean;\n  isSimple?: boolean;\n  hideRightMenuButton?: boolean;\n  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;\n};\n\nconst StyledOverlay = styled(Overlay)(\n  css({\n    display: { _: `block`, [appHeaderMobileBreakpoint]: `none` },\n    width: `100vw`,\n    height: `100vh`,\n    opacity: 1,\n    bg: `beige`,\n    position: `fixed`,\n    left: 0,\n    top: 0,\n    overflowX: `hidden`,\n  })\n);\n\nconst StyledNavBar = styled.ul<{ center?: boolean }>(\n  css({\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n    alignItems: 'center',\n  }),\n  states({\n    center: {\n      justifyContent: {\n        _: 'center',\n        sm: 'flex-start',\n      },\n    },\n  })\n);\n\nexport const AppHeaderMobile: React.FC<AppHeaderMobileProps> = ({\n  action,\n  items,\n  notifications,\n  search,\n  redirectParam,\n  isAnon,\n  isEnterprise,\n  isSimple,\n  hideRightMenuButton,\n  navigationMenuFormattedLabel,\n}) => {\n  const [mobileMenuOpen, setMobileMenuOpen] = useState<boolean | undefined>(\n    undefined\n  );\n  const [allowScroll, setAllowScroll] = useState<boolean>(false);\n  const openButtonRef = useRef<ButtonBaseElements>(null);\n  const closeButtonRef = useRef<ButtonBaseElements>(null);\n\n  const [notificationsBell, notificationsView] = useHeaderNotifications({\n    settings: notifications,\n    Renderer: NotificationsContents,\n  });\n\n  const [searchButton, searchPane] = useHeaderSearch({\n    ...search,\n  });\n\n  const openMobileMenu = () => {\n    setMobileMenuOpen(true);\n\n    if (closeButtonRef.current) {\n      closeButtonRef.current.focus();\n    }\n  };\n\n  useEffect(() => {\n    if (mobileMenuOpen === false && openButtonRef.current) {\n      setTimeout(() => {\n        if (openButtonRef.current) openButtonRef.current.focus();\n      }, 0);\n    }\n  }, [mobileMenuOpen]);\n\n  const mapItemsToElement = <T extends AppHeaderItem[]>(\n    items: T,\n    side: 'left' | 'right',\n    hideExtraItems?: boolean\n  ) => {\n    const shouldHideItems = hideExtraItems === true && items.length > 1;\n    return items.map((item, index) => {\n      const isLastItem = index + 1 === items.length;\n      const isHidable = !isLastItem && shouldHideItems;\n      return (\n        <AppHeaderListItem\n          key={item.id}\n          ml={side === 'right' && index === 0 ? 'auto' : 0}\n          display={{\n            _: isHidable ? 'none' : 'flex',\n            xs: 'flex',\n          }}\n        >\n          {mapAppHeaderItemToElement({\n            action,\n            isStandalone: undefined,\n            isTeams: undefined,\n            item,\n            mobile: true,\n            redirectParam,\n          })}\n        </AppHeaderListItem>\n      );\n    });\n  };\n\n  const right = [\n    ...(!isEnterprise ? [searchButton] : []),\n    ...(notificationsBell && !isEnterprise ? [notificationsBell] : []),\n    ...items.right,\n  ];\n\n  const onItemType = (type: string | undefined) => {\n    if (\n      type &&\n      (type === 'catalog-dropdown' || type === 'resources-dropdown')\n    ) {\n      setAllowScroll(true);\n    } else {\n      setAllowScroll(false);\n    }\n  };\n\n  return (\n    <>\n      {!mobileMenuOpen && ( // need this bc AppBar has a hardcoded z-Index of 15\n        <HeaderHeightArea\n          display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}\n        >\n          <StyledAppBar as=\"nav\" aria-label=\"Main\">\n            <StyledNavBar center={!!isSimple}>\n              {mapItemsToElement(items.left, 'left')}\n              {mapItemsToElement(right, 'right', true)}\n              {!hideRightMenuButton && (\n                <AppHeaderListItem ml={right.length === 0 ? 'auto' : 0}>\n                  <IconButton\n                    aria-expanded={mobileMenuOpen}\n                    aria-label={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tip={'Site\\nnavigation'}\n                    tipProps={{\n                      alignment: 'bottom-center',\n                      placement: 'floating',\n                    }}\n                    data-testid=\"header-mobile-menu\"\n                    onClick={() => {\n                      openMobileMenu();\n                    }}\n                    icon={MenuIcon}\n                    variant=\"interface\"\n                    ref={openButtonRef}\n                  />\n                </AppHeaderListItem>\n              )}\n            </StyledNavBar>\n          </StyledAppBar>\n        </HeaderHeightArea>\n      )}\n      <StyledOverlay\n        clickOutsideCloses\n        escapeCloses\n        isOpen={mobileMenuOpen}\n        onRequestClose={() => setMobileMenuOpen(false)}\n        allowScroll={allowScroll}\n      >\n        <Background bg=\"beige\">\n          <HeaderHeightArea\n            display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}\n            as=\"nav\"\n            ariaLabel=\"Main\"\n            data-testid=\"header-mobile-menu-dropdown\"\n          >\n            <StyledAppBar>\n              <StyledNavBar>\n                {mapItemsToElement(items.left, 'left')}\n                <AppHeaderListItem ml=\"auto\">\n                  <IconButton\n                    aria-expanded={mobileMenuOpen}\n                    onClick={() => {\n                      setMobileMenuOpen(false);\n                    }}\n                    icon={MenuIcon}\n                    aria-label={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tip={\n                      navigationMenuFormattedLabel?.siteNavigation ||\n                      'Site navigation'\n                    }\n                    tipProps={{\n                      alignment: 'bottom-center',\n                      placement: 'floating',\n                    }}\n                    ref={closeButtonRef}\n                  />\n                </AppHeaderListItem>\n              </StyledNavBar>\n            </StyledAppBar>\n            <Box background={theme.colors.beige} height=\"auto\">\n              <AppHeaderMainMenuMobile\n                action={action}\n                items={items.mainMenu}\n                getItemType={onItemType}\n                isAnon={isAnon}\n              />\n            </Box>\n          </HeaderHeightArea>\n        </Background>\n      </StyledOverlay>\n      {!isEnterprise && (\n        <Box display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}>\n          {searchPane}\n        </Box>\n      )}\n      <Box display={{ _: `block`, [appHeaderMobileBreakpoint]: `none` }}>\n        {notificationsView}\n      </Box>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/AppHeaderMobile/index.d.cts

@@ -1,25 +0,0 @@
-import { AppHeaderNotificationSettings } from "../Notifications/types.cjs";
-import { AppHeaderAction, FormattedMobileAppHeaderItems } from "../AppHeader/shared/types.cjs";
-import { NavigationMenuFormattedLabel } from "../GlobalHeader/types.cjs";
-import { AppHeaderSearch } from "../AppHeader/Search/types.cjs";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/index.d.ts
-type AppHeaderMobileProps = AppHeaderAction & {
-  items: FormattedMobileAppHeaderItems;
-  notifications?: AppHeaderNotificationSettings;
-  redirectParam?: string;
-  search: AppHeaderSearch;
-  isAnon: boolean;
-  /**
-   * used to conditonally hide the default search icon and notification bell
-   */
-  isEnterprise?: boolean;
-  isSimple?: boolean;
-  hideRightMenuButton?: boolean;
-  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
-};
-declare const AppHeaderMobile: React$1.FC<AppHeaderMobileProps>;
-//#endregion
-export { AppHeaderMobile, AppHeaderMobileProps };
-//# sourceMappingURL=index.d.cts.map

package/dist/AppHeaderMobile/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/AppHeaderMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;KA8BY,oBAAA,GAAuB;SAC1B;EADG,aAAA,CAAA,EAEM,6BAFc;EAAG,aAAA,CAAA,EAAA,MAAA;EAC1B,MAAA,EAGC,eAHD;EACS,MAAA,EAAA,OAAA;EAER;;;EA4CG,YAAA,CAAA,EAAA,OA+LZ;;;iCAnOgC;;cAoCpB,iBAAiB,OAAA,CAAM,GAAG"}

package/dist/AppHeaderMobile/index.d.mts

@@ -1,28 +0,0 @@
-import { AppHeaderNotificationSettings } from "../Notifications/types.mjs";
-import { AppHeaderAction, FormattedMobileAppHeaderItems } from "../AppHeader/shared/types.mjs";
-import "../AppHeader/shared/index.mjs";
-import { NavigationMenuFormattedLabel } from "../GlobalHeader/types.mjs";
-import "../GlobalHeader/index.mjs";
-import { AppHeaderSearch } from "../AppHeader/Search/types.mjs";
-import "../index.mjs";
-import * as React$1 from "react";
-
-//#region src/AppHeaderMobile/index.d.ts
-type AppHeaderMobileProps = AppHeaderAction & {
-  items: FormattedMobileAppHeaderItems;
-  notifications?: AppHeaderNotificationSettings;
-  redirectParam?: string;
-  search: AppHeaderSearch;
-  isAnon: boolean;
-  /**
-   * used to conditonally hide the default search icon and notification bell
-   */
-  isEnterprise?: boolean;
-  isSimple?: boolean;
-  hideRightMenuButton?: boolean;
-  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
-};
-declare const AppHeaderMobile: React$1.FC<AppHeaderMobileProps>;
-//#endregion
-export { AppHeaderMobile, AppHeaderMobileProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/AppHeaderMobile/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/AppHeaderMobile/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;KA8BY,oBAAA,GAAuB;SAC1B;kBACS;;UAER;EAJE,MAAA,EAAA,OAAA;EAAuB;;;EAIzB,YAAA,CAAA,EAAA,OAAA;EAQuB,QAAA,CAAA,EAAA,OAAA;EAA4B,mBAAA,CAAA,EAAA,OAAA;EAoChD,4BA+LZ,CAAA,EAnOgC,4BAoCH;;cAAjB,iBAAiB,OAAA,CAAM,GAAG"}