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

package/dist/AppHeader/shared/keyboardNav.cjs

@@ -0,0 +1,67 @@
+
+//#region src/AppHeader/shared/keyboardNav.tsx
+const KEY_CODES = {
+	UP: "ArrowUp",
+	DOWN: "ArrowDown",
+	LEFT: "ArrowLeft",
+	RIGHT: "ArrowRight",
+	END: "End",
+	ENTER: "Enter",
+	ESC: "Escape",
+	HOME: "Home",
+	SPACE: " ",
+	TAB: "Tab"
+};
+const useOnEscHandler = (escapeHandler) => {
+	return (e) => {
+		if (e.code === KEY_CODES.ESC) {
+			e.stopPropagation();
+			e.preventDefault();
+			escapeHandler(e);
+		}
+	};
+};
+const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
+	return (e) => {
+		if (e.shiftKey && e.code === KEY_CODES.TAB) {
+			e.stopPropagation();
+			back(false);
+			return;
+		}
+		switch (e.code) {
+			case KEY_CODES.TAB:
+				e.stopPropagation();
+				next(false);
+				break;
+			case KEY_CODES.DOWN:
+				e.stopPropagation();
+				e.preventDefault();
+				next(true);
+				break;
+			case KEY_CODES.UP:
+				e.stopPropagation();
+				e.preventDefault();
+				back(true);
+				break;
+			case KEY_CODES.HOME:
+				e.stopPropagation();
+				e.preventDefault();
+				first();
+				break;
+			case KEY_CODES.END:
+				e.stopPropagation();
+				e.preventDefault();
+				last();
+				break;
+			case KEY_CODES.ESC:
+				e.stopPropagation();
+				e.preventDefault();
+				closeDropdown();
+				break;
+		}
+	};
+};
+
+//#endregion
+exports.useMenuKeyboardNavigation = useMenuKeyboardNavigation;
+exports.useOnEscHandler = useOnEscHandler;

package/dist/AppHeader/shared/keyboardNav.d.ts

@@ -1,23 +1 @@
-import { KeyboardEvent } from 'react';
-interface KeyboardNavigation {
-    back: (arg0: boolean) => void;
-    next: (arg0: boolean) => void;
-    first: () => void;
-    last: () => void;
-    closeDropdown: () => void;
-}
-export declare const KEY_CODES: {
-    readonly UP: "ArrowUp";
-    readonly DOWN: "ArrowDown";
-    readonly LEFT: "ArrowLeft";
-    readonly RIGHT: "ArrowRight";
-    readonly END: "End";
-    readonly ENTER: "Enter";
-    readonly ESC: "Escape";
-    readonly HOME: "Home";
-    readonly SPACE: " ";
-    readonly TAB: "Tab";
-};
-export declare const useOnEscHandler: (escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void) => (e: KeyboardEvent<HTMLDivElement>) => void;
-export declare const useMenuKeyboardNavigation: ({ back, next, first, last, closeDropdown, }: KeyboardNavigation) => (e: KeyboardEvent<HTMLDivElement>) => void;
-export {};
+import "react";

package/dist/AppHeader/shared/keyboardNav.js

@@ -1,67 +1,65 @@
-export const KEY_CODES = {
-  UP: 'ArrowUp',
-  DOWN: 'ArrowDown',
-  LEFT: 'ArrowLeft',
-  RIGHT: 'ArrowRight',
-  END: 'End',
-  ENTER: 'Enter',
-  ESC: 'Escape',
-  HOME: 'Home',
-  SPACE: ' ',
-  TAB: 'Tab'
+//#region src/AppHeader/shared/keyboardNav.tsx
+const KEY_CODES = {
+	UP: "ArrowUp",
+	DOWN: "ArrowDown",
+	LEFT: "ArrowLeft",
+	RIGHT: "ArrowRight",
+	END: "End",
+	ENTER: "Enter",
+	ESC: "Escape",
+	HOME: "Home",
+	SPACE: " ",
+	TAB: "Tab"
 };
-export const useOnEscHandler = escapeHandler => {
-  return e => {
-    if (e.code === KEY_CODES.ESC) {
-      e.stopPropagation();
-      e.preventDefault();
-      escapeHandler(e);
-    }
-  };
+const useOnEscHandler = (escapeHandler) => {
+	return (e) => {
+		if (e.code === KEY_CODES.ESC) {
+			e.stopPropagation();
+			e.preventDefault();
+			escapeHandler(e);
+		}
+	};
 };
-export const useMenuKeyboardNavigation = ({
-  back,
-  next,
-  first,
-  last,
-  closeDropdown
-}) => {
-  return e => {
-    if (e.shiftKey && e.code === KEY_CODES.TAB) {
-      e.stopPropagation();
-      back(false);
-      return;
-    }
-    switch (e.code) {
-      case KEY_CODES.TAB:
-        e.stopPropagation();
-        next(false);
-        break;
-      case KEY_CODES.DOWN:
-        e.stopPropagation();
-        e.preventDefault();
-        next(true);
-        break;
-      case KEY_CODES.UP:
-        e.stopPropagation();
-        e.preventDefault();
-        back(true);
-        break;
-      case KEY_CODES.HOME:
-        e.stopPropagation();
-        e.preventDefault();
-        first();
-        break;
-      case KEY_CODES.END:
-        e.stopPropagation();
-        e.preventDefault();
-        last();
-        break;
-      case KEY_CODES.ESC:
-        e.stopPropagation();
-        e.preventDefault();
-        closeDropdown();
-        break;
-    }
-  };
-};
+const useMenuKeyboardNavigation = ({ back, next, first, last, closeDropdown }) => {
+	return (e) => {
+		if (e.shiftKey && e.code === KEY_CODES.TAB) {
+			e.stopPropagation();
+			back(false);
+			return;
+		}
+		switch (e.code) {
+			case KEY_CODES.TAB:
+				e.stopPropagation();
+				next(false);
+				break;
+			case KEY_CODES.DOWN:
+				e.stopPropagation();
+				e.preventDefault();
+				next(true);
+				break;
+			case KEY_CODES.UP:
+				e.stopPropagation();
+				e.preventDefault();
+				back(true);
+				break;
+			case KEY_CODES.HOME:
+				e.stopPropagation();
+				e.preventDefault();
+				first();
+				break;
+			case KEY_CODES.END:
+				e.stopPropagation();
+				e.preventDefault();
+				last();
+				break;
+			case KEY_CODES.ESC:
+				e.stopPropagation();
+				e.preventDefault();
+				closeDropdown();
+				break;
+		}
+	};
+};
+
+//#endregion
+export { useMenuKeyboardNavigation, useOnEscHandler };

package/dist/AppHeader/shared/mockAppHeaderItems.d.ts

@@ -1,2 +1 @@
-import { AppHeaderLinkItem } from './types';
-export declare const createMockAppHeaderLinkItem: (id: string, href: string, text: string) => AppHeaderLinkItem;
+import "./types.js";

package/dist/AppHeader/shared/types.cjs

@@ -0,0 +1,6 @@
+
+//#region src/AppHeader/shared/types.ts
+const isAppHeaderItemWithHref = (item) => !!item.href;
+
+//#endregion
+exports.isAppHeaderItemWithHref = isAppHeaderItemWithHref;

package/dist/AppHeader/shared/types.d.cts

@@ -0,0 +1,111 @@
+import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
+import React, { ComponentProps, ReactNode, RefObject } from "react";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/shared/types.d.ts
+type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
+type AppHeaderBaseItem<Type extends string> = {
+  dataTestId?: string;
+  id: string;
+  redirect?: boolean;
+  type: Type;
+};
+type AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {
+  href: string;
+  trackingTarget?: string;
+};
+type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
+  enterprise: boolean;
+  pro: boolean;
+  checkMini?: boolean;
+  removeAnchorLink?: boolean;
+};
+type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
+  ariaLabel?: string;
+  newTab?: boolean;
+  text: string;
+  badge?: React.ReactElement<BadgeProps>;
+};
+type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
+  text: string;
+};
+type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
+  popover: AppHeaderLinkItem[];
+  text: string;
+  trackingTarget: string;
+  icon?: React.ComponentType<GamutIconProps>;
+  isIconOnly?: boolean;
+};
+type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
+  avatar: string;
+  userDisplayName: string;
+  popover: AppHeaderLinkItem[][];
+  text: string;
+  trackingTarget?: string;
+};
+type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
+  renderElement: () => ReactNode;
+};
+type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  isCoachingEnabled?: boolean;
+};
+type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  icon?: React.ComponentType<GamutIconProps>;
+};
+type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  popover: AppHeaderLinkItem[];
+};
+type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
+type AppHeaderAction = {
+  /** A method to be called on click/activating a header item */
+  action: AppHeaderClickHandler;
+};
+declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
+type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
+  description: string;
+};
+type AppHeaderResourcesDataItem = {
+  title: string;
+  description?: string;
+  links?: AppHeaderLinkItem[];
+  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
+};
+type AppFooterResourcesDataItem = {
+  id: string;
+  href: string;
+  trackingTarget: string;
+  text: string;
+  newTab?: boolean;
+};
+type FormattedAppHeaderItems = {
+  left: AppHeaderItem[];
+  right: AppHeaderItem[];
+};
+type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
+  mainMenu: AppHeaderItem[];
+};
+type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
+//#endregion
+export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };

package/dist/AppHeader/shared/types.d.ts

@@ -1,108 +1,111 @@
-import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from '@codecademy/gamut';
-import { GamutIconProps } from '@codecademy/gamut-icons';
-import React, { ComponentProps, ReactNode, RefObject } from 'react';
-export type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-export type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
+import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
+import React, { ComponentProps, ReactNode, RefObject } from "react";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+
+//#region src/AppHeader/shared/types.d.ts
+type AppHeaderItem = AppHeaderItemWithHref | AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderRenderElementItem | AppHeaderCatalogDropdownItem | AppHeaderDescriptiveLinkItem | AppHeaderResourcesDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderItemWithHref = AppHeaderLogoItem | AppHeaderLinkItem | AppHeaderTextButtonItem | AppHeaderFillButtonItem | AppHeaderStrokeButtonItem | AppHeaderIconButtonItem;
 type AppHeaderBaseItem<Type extends string> = {
-    dataTestId?: string;
-    id: string;
-    redirect?: boolean;
-    type: Type;
+  dataTestId?: string;
+  id: string;
+  redirect?: boolean;
+  type: Type;
 };
 type AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {
-    href: string;
-    trackingTarget?: string;
-};
-export type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
-    enterprise: boolean;
-    pro: boolean;
-    checkMini?: boolean;
-    removeAnchorLink?: boolean;
-};
-export type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
-    ariaLabel?: string;
-    newTab?: boolean;
-    text: string;
-    badge?: React.ReactElement<BadgeProps>;
-};
-export type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-    text: string;
-};
-export type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-    text: string;
-};
-export type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
-    text: string;
-};
-export type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
-    text: string;
-};
-export type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
-export type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
-    popover: AppHeaderLinkItem[];
-    text: string;
-    trackingTarget: string;
-    icon?: React.ComponentType<GamutIconProps>;
-    isIconOnly?: boolean;
-};
-export type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
-    avatar: string;
-    userDisplayName: string;
-    popover: AppHeaderLinkItem[][];
-    text: string;
-    trackingTarget?: string;
-};
-export type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
-    renderElement: () => ReactNode;
-};
-export type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
-    icon?: React.ComponentType<GamutIconProps>;
-    text: string;
-    trackingTarget?: string;
-    hideCareerPaths?: boolean;
-    isCoachingEnabled?: boolean;
-};
-export type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
-    text: string;
-    trackingTarget?: string;
-    hideCareerPaths?: boolean;
-    icon?: React.ComponentType<GamutIconProps>;
-};
-export type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
-    icon?: React.ComponentType<GamutIconProps>;
-    text: string;
-    trackingTarget?: string;
-    hideCareerPaths?: boolean;
-    popover: AppHeaderLinkItem[];
-};
-export type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
-export type AppHeaderAction = {
-    /** A method to be called on click/activating a header item */
-    action: AppHeaderClickHandler;
-};
-export declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
-export type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
-    description: string;
-};
-export type AppHeaderResourcesDataItem = {
-    title: string;
-    description?: string;
-    links?: AppHeaderLinkItem[];
-    data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
-};
-export type AppFooterResourcesDataItem = {
-    id: string;
-    href: string;
-    trackingTarget: string;
-    text: string;
-    newTab?: boolean;
-};
-export type FormattedAppHeaderItems = {
-    left: AppHeaderItem[];
-    right: AppHeaderItem[];
-};
-export type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
-    mainMenu: AppHeaderItem[];
-};
-export type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
-export {};
+  href: string;
+  trackingTarget?: string;
+};
+type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {
+  enterprise: boolean;
+  pro: boolean;
+  checkMini?: boolean;
+  removeAnchorLink?: boolean;
+};
+type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> & Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {
+  ariaLabel?: string;
+  newTab?: boolean;
+  text: string;
+  badge?: React.ReactElement<BadgeProps>;
+};
+type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> & Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> & Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> & Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {
+  text: string;
+};
+type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> & Pick<IconButtonProps, 'variant' | 'icon'> & {
+  text: string;
+};
+type AppHeaderDropdownItem = AppHeaderSimpleDropdownItem | AppHeaderProfileDropdownItem | AppHeaderResourcesSimpleDropdownItem;
+type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {
+  popover: AppHeaderLinkItem[];
+  text: string;
+  trackingTarget: string;
+  icon?: React.ComponentType<GamutIconProps>;
+  isIconOnly?: boolean;
+};
+type AppHeaderProfileDropdownItem = AppHeaderBaseItem<'profile-dropdown'> & {
+  avatar: string;
+  userDisplayName: string;
+  popover: AppHeaderLinkItem[][];
+  text: string;
+  trackingTarget?: string;
+};
+type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {
+  renderElement: () => ReactNode;
+};
+type AppHeaderCatalogDropdownItem = AppHeaderBaseItem<'catalog-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  isCoachingEnabled?: boolean;
+};
+type AppHeaderResourcesDropdownItem = AppHeaderBaseItem<'resources-dropdown'> & {
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  icon?: React.ComponentType<GamutIconProps>;
+};
+type AppHeaderResourcesSimpleDropdownItem = AppHeaderBaseItem<'resources-simple-dropdown'> & {
+  icon?: React.ComponentType<GamutIconProps>;
+  text: string;
+  trackingTarget?: string;
+  hideCareerPaths?: boolean;
+  popover: AppHeaderLinkItem[];
+};
+type AppHeaderClickHandler<ItemType = AppHeaderItem> = (event: React.MouseEvent, item: ItemType) => void;
+type AppHeaderAction = {
+  /** A method to be called on click/activating a header item */
+  action: AppHeaderClickHandler;
+};
+declare const isAppHeaderItemWithHref: (item: AppHeaderItem) => item is AppHeaderItemWithHref;
+type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {
+  description: string;
+};
+type AppHeaderResourcesDataItem = {
+  title: string;
+  description?: string;
+  links?: AppHeaderLinkItem[];
+  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];
+};
+type AppFooterResourcesDataItem = {
+  id: string;
+  href: string;
+  trackingTarget: string;
+  text: string;
+  newTab?: boolean;
+};
+type FormattedAppHeaderItems = {
+  left: AppHeaderItem[];
+  right: AppHeaderItem[];
+};
+type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {
+  mainMenu: AppHeaderItem[];
+};
+type AnchorRefItemType = RefObject<HTMLAnchorElement>['current'] | RefObject<HTMLButtonElement>['current'] | null;
+//#endregion
+export { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref };

package/dist/AppHeader/shared/types.js

@@ -1 +1,5 @@
-export const isAppHeaderItemWithHref = item => !!item.href;
+//#region src/AppHeader/shared/types.ts
+const isAppHeaderItemWithHref = (item) => !!item.href;
+
+//#endregion
+export { isAppHeaderItemWithHref };

package/dist/AppHeader/shared/utils.cjs

@@ -0,0 +1,85 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_urlHelpers = require('../../GlobalHeader/urlHelpers.cjs');
+const require_index = require('../AppHeaderElements/AppHeaderCatalogDropdown/index.cjs');
+const require_index$1 = require('../AppHeaderElements/AppHeaderLink/index.cjs');
+const require_index$2 = require('../AppHeaderElements/AppHeaderDropdown/index.cjs');
+const require_index$3 = require('../AppHeaderElements/AppHeaderLogo/index.cjs');
+const require_index$4 = require('../AppHeaderElements/AppHeaderResourcesDropdown/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/AppHeader/shared/utils.tsx
+const mapAppHeaderItemToElement = ({ action, item, isStandalone, isTeams, redirectParam, mobile = false, spacing = "normal" }) => {
+	if (!item) return null;
+	switch (item.type) {
+		case "logo": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$3.AppHeaderLogo, {
+			action,
+			item
+		});
+		case "link": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.AppHeaderLink, {
+			mx: 0,
+			action,
+			item
+		});
+		case "dropdown":
+		case "resources-simple-dropdown":
+		case "profile-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$2.AppHeaderDropdown, {
+			action,
+			item,
+			standalone: isStandalone,
+			spacing
+		});
+		case "catalog-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AppHeaderCatalogDropdown, {
+			action,
+			item
+		});
+		case "resources-dropdown": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$4.AppHeaderResourcesDropdown, {
+			action,
+			item
+		});
+		case "render-element": return item.renderElement();
+		case "text-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.TextButton, {
+			size: mobile ? "small" : "normal",
+			onClick: (event) => action(event, item),
+			"data-testid": item.dataTestId,
+			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			variant: isTeams ? "primary" : "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "fill-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FillButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "stroke-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.StrokeButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			iconPosition: item.iconPosition,
+			children: item.text
+		});
+		case "icon-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
+			size: mobile ? "small" : "normal",
+			"data-testid": item.dataTestId,
+			href: item.redirect ? require_urlHelpers.formatUrlWithRedirect(item.href, redirectParam) : item.href,
+			onClick: (event) => action(event, item),
+			variant: item.variant || "interface",
+			icon: item.icon,
+			tip: item.text,
+			tipProps: { alignment: "bottom-center" }
+		});
+	}
+};
+
+//#endregion
+exports.mapAppHeaderItemToElement = mapAppHeaderItemToElement;