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

package/dist/AppHeader/shared/elements.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"elements.mjs","names":["animatedPopoverVariants: Variants","AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps>","React"],"sources":["../../../src/AppHeader/shared/elements.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  FlexBox,\n  LayoutGrid,\n  Text,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { ArrowChevronDownFilledIcon } from '@codecademy/gamut-icons';\nimport {\n  Colors,\n  css,\n  pxRem,\n  states,\n  useCurrentMode,\n} from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  Variants,\n} from 'framer-motion';\nimport * as React from 'react';\n\nimport { AppBar } from '../../AppBar';\nimport { GradientBackground } from '../AppHeaderElements/AppHeaderSection/elements';\n\nexport const appHeaderMobileBreakpoint = 'lg' as const;\n\nexport interface AnimatedHeaderZoneProps extends WithChildrenProp {\n  visible?: boolean;\n}\n\nconst animatedPopoverVariants: Variants = {\n  enter: { opacity: 1, transition: { duration: 0.2 } },\n  exit: { opacity: 0, transition: { duration: 0.2 } },\n};\n\nexport const useMegaMenuHeaderResponsiveStyles = (): {\n  bg: Colors;\n  borderColor: Colors;\n  color: Colors;\n} => {\n  const mode = useCurrentMode();\n\n  const bg = mode === 'dark' ? 'white' : 'navy-800';\n  const color = mode === 'dark' ? 'navy-900' : 'blue-0';\n\n  return { bg, borderColor: color, color };\n};\n\nexport const AnimatedHeaderZone: React.FC<AnimatedHeaderZoneProps> = ({\n  children,\n  visible,\n}) => {\n  return visible ? (\n    <AnimatePresence>\n      <motion.div\n        animate=\"enter\"\n        exit=\"exit\"\n        initial=\"exit\"\n        variants={animatedPopoverVariants}\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  ) : null;\n};\n\nexport const DropdownAnchor = styled(Anchor)(\n  css({\n    alignItems: `center`,\n    display: `flex`,\n    padding: `0.5rem 0`,\n    textAlign: `center`,\n    whiteSpace: `nowrap`,\n\n    '&:focus::before': {\n      opacity: 1,\n    },\n  })\n);\n\nconst dropdownStates = states({\n  open: {\n    transform: `rotate(-180deg)`,\n  },\n});\n\nexport const DropdownIcon = styled(ArrowChevronDownFilledIcon)<\n  StyleProps<typeof dropdownStates>\n>(\n  css({\n    marginLeft: pxRem(5),\n    transition: `transform 0.35s ease-out`,\n    transformOrigin: `center ${pxRem(5)}`,\n  }),\n  dropdownStates\n);\n\nexport const StyledText = styled(Text)(\n  css({\n    '&::after': {\n      display: `block`,\n      content: `attr(title)`,\n      fontWeight: `bold`,\n      height: `1px`,\n      color: `transparent`,\n      overflow: `hidden`,\n      visibility: `hidden`,\n    },\n  })\n);\n\nconst getDropdownAnimations = ({\n  isOpen,\n  prefersReducedMotion,\n}: {\n  isOpen: boolean;\n  prefersReducedMotion: boolean | null;\n}) => {\n  const openState = {\n    transform: 'translateY(0)',\n    opacity: 1,\n  };\n  const closedState = {\n    transform: prefersReducedMotion ? 'none' : 'translateY(-8px)',\n    opacity: 0,\n  };\n\n  return {\n    animate: isOpen ? openState : closedState,\n    initial: closedState,\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n    },\n  };\n};\n\nconst BaseDropdown = styled(motion.create('div'))(() =>\n  css({ position: `absolute` })\n);\n\nconst MegaMenuBackdrop = styled(motion.create('div'))(\n  css({\n    position: 'relative',\n    zIndex: -1,\n  })\n);\n\nexport const AnimatedMegaMenuDropdown = React.forwardRef(\n  (\n    {\n      isOpen,\n      ...props\n    }: React.ComponentProps<typeof BaseDropdown> & {\n      isOpen: boolean;\n    },\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isAnimating, setIsAnimating] = React.useState(false);\n    const prefersReducedMotion = useReducedMotion();\n\n    return (\n      <>\n        <AnimatePresence>\n          {isOpen && (\n            <MegaMenuBackdrop\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.15, ease: 'easeOut' }}\n            >\n              <GradientBackground\n                key=\"dropdown-backdrop\"\n                position=\"fixed\"\n                top=\"0\"\n                left=\"0\"\n                right=\"0\"\n                bottom=\"0\"\n              />\n            </MegaMenuBackdrop>\n          )}\n        </AnimatePresence>\n        {/* the preferred way to animate this would be via AnimatePresence, but it is unclear if\n            keeping closed dropdown content in the DOM has a positive effect on SEO */}\n        <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n          <BaseDropdown\n            key=\"dropdown-content\"\n            ref={ref}\n            {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n            {...props}\n            onAnimationComplete={(anim) => {\n              if (!isOpen) {\n                // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n                setIsAnimating(false);\n              }\n              props.onAnimationComplete?.(anim);\n            }}\n            onAnimationStart={(anim) => {\n              setIsAnimating(true);\n              props.onAnimationStart?.(anim);\n            }}\n          />\n        </Box>\n      </>\n    );\n  }\n);\n\nexport const AnimatedSimpleDropdown = ({\n  isOpen,\n  ...props\n}: React.ComponentProps<typeof BaseDropdown> & {\n  isOpen: boolean;\n}) => {\n  const [isAnimating, setIsAnimating] = React.useState(false);\n  const prefersReducedMotion = useReducedMotion();\n\n  // the preferred way to animate this would be via AnimatePresence, but it is unclear if\n  // keeping closed dropdown content in the DOM has a positive effect on SEO\n  return (\n    <Box display={isOpen || isAnimating ? 'block' : 'none'}>\n      <BaseDropdown\n        {...getDropdownAnimations({ isOpen, prefersReducedMotion })}\n        {...props}\n        onAnimationComplete={(anim) => {\n          if (!isOpen) {\n            // only consider animation complete when dropdown is closed to prevent flickering from rapid state changes\n            setIsAnimating(false);\n          }\n          props.onAnimationComplete?.(anim);\n        }}\n        onAnimationStart={(anim) => {\n          setIsAnimating(true);\n          props.onAnimationStart?.(anim);\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const LayoutGridAntiAliased = styled(LayoutGrid)`\n  -webkit-font-smoothing: antialiased;\n`;\n\n/* for Resources & Catalog menus */\nexport const DescriptionSectionContainer = styled(FlexBox)(\n  css({\n    '&:focus-visible': {\n      color: 'text',\n      outline: '1px solid currentColor !important',\n    },\n  })\n);\n\nexport const StyledAppBar = styled(AppBar)(\n  css({\n    boxShadow: `none`,\n  })\n);\n\nexport const StyledNavBar = styled.ul(\n  css({\n    alignItems: 'stretch',\n    display: `flex`,\n    padding: 0,\n    listStyle: `none`,\n    margin: 0,\n    width: `100%`,\n  })\n);\n\nexport const appHeaderSpacing = {\n  standard: 8,\n\n  enterprise: 12,\n} as const;\n"],"mappings":"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"}

package/dist/AppHeader/shared/index.d.mts

@@ -1,4 +0,0 @@
-import "./elements.mjs";
-import "./keyboardNav.mjs";
-import { AnchorRefItemType, AppFooterResourcesDataItem, AppHeaderAction, AppHeaderCatalogDropdownItem, AppHeaderClickHandler, AppHeaderDescriptiveLinkItem, AppHeaderDropdownItem, AppHeaderFillButtonItem, AppHeaderIconButtonItem, AppHeaderItem, AppHeaderItemWithHref, AppHeaderLinkItem, AppHeaderLogoItem, AppHeaderProfileDropdownItem, AppHeaderRenderElementItem, AppHeaderResourcesDataItem, AppHeaderResourcesDropdownItem, AppHeaderResourcesSimpleDropdownItem, AppHeaderSimpleDropdownItem, AppHeaderStrokeButtonItem, AppHeaderTextButtonItem, FormattedAppHeaderItems, FormattedMobileAppHeaderItems, isAppHeaderItemWithHref } from "./types.mjs";
-import "./mockAppHeaderItems.mjs";

package/dist/AppHeader/shared/keyboardNav.cjs

@@ -1,68 +0,0 @@
-
-//#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;
-//# sourceMappingURL=keyboardNav.cjs.map

package/dist/AppHeader/shared/keyboardNav.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardNav.cjs","names":[],"sources":["../../../src/AppHeader/shared/keyboardNav.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\ninterface KeyboardNavigation {\n  back: (arg0: boolean) => void;\n  next: (arg0: boolean) => void;\n  first: () => void;\n  last: () => void;\n  closeDropdown: () => void;\n}\n\nexport const KEY_CODES = {\n  UP: 'ArrowUp',\n  DOWN: 'ArrowDown',\n  LEFT: 'ArrowLeft',\n  RIGHT: 'ArrowRight',\n  END: 'End',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  HOME: 'Home',\n  SPACE: ' ',\n  TAB: 'Tab',\n} as const;\n\nexport const useOnEscHandler = (\n  escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void\n) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.code === KEY_CODES.ESC) {\n      e.stopPropagation();\n      e.preventDefault();\n      escapeHandler(e);\n    }\n  };\n};\n\nexport const useMenuKeyboardNavigation = ({\n  back,\n  next,\n  first,\n  last,\n  closeDropdown,\n}: KeyboardNavigation) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.shiftKey && e.code === KEY_CODES.TAB) {\n      e.stopPropagation();\n      back(false);\n      return;\n    }\n    switch (e.code) {\n      case KEY_CODES.TAB:\n        e.stopPropagation();\n        next(false);\n        break;\n      case KEY_CODES.DOWN:\n        e.stopPropagation();\n        e.preventDefault();\n        next(true);\n        break;\n      case KEY_CODES.UP:\n        e.stopPropagation();\n        e.preventDefault();\n        back(true);\n        break;\n      case KEY_CODES.HOME:\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case KEY_CODES.END:\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case KEY_CODES.ESC:\n        e.stopPropagation();\n        e.preventDefault();\n        closeDropdown();\n        break;\n    }\n  };\n};\n"],"mappings":";;AAUA,MAAa,YAAY;CACvB,IAAI;CACJ,MAAM;CACN,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,KAAK;CACN;AAED,MAAa,mBACX,kBACG;AACH,SAAQ,MAAqC;AAC3C,MAAI,EAAE,SAAS,UAAU,KAAK;AAC5B,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;;;AAKtB,MAAa,6BAA6B,EACxC,MACA,MACA,OACA,MACA,oBACwB;AACxB,SAAQ,MAAqC;AAC3C,MAAI,EAAE,YAAY,EAAE,SAAS,UAAU,KAAK;AAC1C,KAAE,iBAAiB;AACnB,QAAK,MAAM;AACX;;AAEF,UAAQ,EAAE,MAAV;GACE,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,SAAK,MAAM;AACX;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,WAAO;AACP;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,UAAM;AACN;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,mBAAe;AACf"}

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

@@ -1 +0,0 @@
-import "react";

package/dist/AppHeader/shared/keyboardNav.mjs

@@ -1,66 +0,0 @@
-//#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
-export { useMenuKeyboardNavigation, useOnEscHandler };
-//# sourceMappingURL=keyboardNav.mjs.map

package/dist/AppHeader/shared/keyboardNav.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardNav.mjs","names":[],"sources":["../../../src/AppHeader/shared/keyboardNav.tsx"],"sourcesContent":["import { KeyboardEvent } from 'react';\n\ninterface KeyboardNavigation {\n  back: (arg0: boolean) => void;\n  next: (arg0: boolean) => void;\n  first: () => void;\n  last: () => void;\n  closeDropdown: () => void;\n}\n\nexport const KEY_CODES = {\n  UP: 'ArrowUp',\n  DOWN: 'ArrowDown',\n  LEFT: 'ArrowLeft',\n  RIGHT: 'ArrowRight',\n  END: 'End',\n  ENTER: 'Enter',\n  ESC: 'Escape',\n  HOME: 'Home',\n  SPACE: ' ',\n  TAB: 'Tab',\n} as const;\n\nexport const useOnEscHandler = (\n  escapeHandler: (e?: KeyboardEvent<HTMLDivElement>) => void\n) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.code === KEY_CODES.ESC) {\n      e.stopPropagation();\n      e.preventDefault();\n      escapeHandler(e);\n    }\n  };\n};\n\nexport const useMenuKeyboardNavigation = ({\n  back,\n  next,\n  first,\n  last,\n  closeDropdown,\n}: KeyboardNavigation) => {\n  return (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.shiftKey && e.code === KEY_CODES.TAB) {\n      e.stopPropagation();\n      back(false);\n      return;\n    }\n    switch (e.code) {\n      case KEY_CODES.TAB:\n        e.stopPropagation();\n        next(false);\n        break;\n      case KEY_CODES.DOWN:\n        e.stopPropagation();\n        e.preventDefault();\n        next(true);\n        break;\n      case KEY_CODES.UP:\n        e.stopPropagation();\n        e.preventDefault();\n        back(true);\n        break;\n      case KEY_CODES.HOME:\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case KEY_CODES.END:\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case KEY_CODES.ESC:\n        e.stopPropagation();\n        e.preventDefault();\n        closeDropdown();\n        break;\n    }\n  };\n};\n"],"mappings":";AAUA,MAAa,YAAY;CACvB,IAAI;CACJ,MAAM;CACN,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,KAAK;CACN;AAED,MAAa,mBACX,kBACG;AACH,SAAQ,MAAqC;AAC3C,MAAI,EAAE,SAAS,UAAU,KAAK;AAC5B,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;;;AAKtB,MAAa,6BAA6B,EACxC,MACA,MACA,OACA,MACA,oBACwB;AACxB,SAAQ,MAAqC;AAC3C,MAAI,EAAE,YAAY,EAAE,SAAS,UAAU,KAAK;AAC1C,KAAE,iBAAiB;AACnB,QAAK,MAAM;AACX;;AAEF,UAAQ,EAAE,MAAV;GACE,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,SAAK,MAAM;AACX;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,SAAK,KAAK;AACV;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,WAAO;AACP;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,UAAM;AACN;GACF,KAAK,UAAU;AACb,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,mBAAe;AACf"}

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

@@ -1 +0,0 @@
-import "./types.mjs";

package/dist/AppHeader/shared/types.cjs

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

package/dist/AppHeader/shared/types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":["import {\n  Anchor,\n  BadgeProps,\n  FillButtonProps,\n  IconButtonProps,\n  StrokeButtonProps,\n  TextButtonProps,\n} from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport React, { ComponentProps, ReactNode, RefObject } from 'react';\n\nexport type AppHeaderItem =\n  | AppHeaderItemWithHref\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderRenderElementItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderDescriptiveLinkItem\n  | AppHeaderResourcesDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderItemWithHref =\n  | AppHeaderLogoItem\n  | AppHeaderLinkItem\n  | AppHeaderTextButtonItem\n  | AppHeaderFillButtonItem\n  | AppHeaderStrokeButtonItem\n  | AppHeaderIconButtonItem;\n\ntype AppHeaderBaseItem<Type extends string> = {\n  dataTestId?: string;\n  id: string;\n  redirect?: boolean;\n  type: Type;\n};\n\ntype AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {\n  href: string;\n  trackingTarget?: string;\n};\n\nexport type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {\n  enterprise: boolean;\n  pro: boolean;\n  checkMini?: boolean;\n  removeAnchorLink?: boolean;\n};\n\nexport type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> &\n  Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {\n    ariaLabel?: string;\n    newTab?: boolean;\n    text: string;\n    badge?: React.ReactElement<BadgeProps>;\n  };\n\nexport type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> &\n  Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> &\n  Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> &\n  Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> &\n  Pick<IconButtonProps, 'variant' | 'icon'> & {\n    text: string;\n  };\n\nexport type AppHeaderDropdownItem =\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {\n  popover: AppHeaderLinkItem[];\n  text: string;\n  trackingTarget: string;\n  icon?: React.ComponentType<GamutIconProps>;\n  isIconOnly?: boolean;\n};\n\nexport type AppHeaderProfileDropdownItem =\n  AppHeaderBaseItem<'profile-dropdown'> & {\n    avatar: string;\n    userDisplayName: string;\n    //* * AppHeader items that go into the AppHeader. Each array will be in its own section */\n    popover: AppHeaderLinkItem[][];\n    text: string;\n    trackingTarget?: string;\n  };\n\nexport type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {\n  renderElement: () => ReactNode;\n};\n\nexport type AppHeaderCatalogDropdownItem =\n  AppHeaderBaseItem<'catalog-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    isCoachingEnabled?: boolean;\n  };\n\nexport type AppHeaderResourcesDropdownItem =\n  AppHeaderBaseItem<'resources-dropdown'> & {\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    icon?: React.ComponentType<GamutIconProps>;\n  };\n\nexport type AppHeaderResourcesSimpleDropdownItem =\n  AppHeaderBaseItem<'resources-simple-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    popover: AppHeaderLinkItem[];\n  };\n\nexport type AppHeaderClickHandler<ItemType = AppHeaderItem> = (\n  event: React.MouseEvent,\n  item: ItemType\n) => void;\n\nexport type AppHeaderAction = {\n  /** A method to be called on click/activating a header item */\n  action: AppHeaderClickHandler;\n};\n\nexport const isAppHeaderItemWithHref = (\n  item: AppHeaderItem\n): item is AppHeaderItemWithHref => !!(item as AppHeaderItemWithHref).href;\n\nexport type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {\n  description: string;\n};\n\nexport type AppHeaderResourcesDataItem = {\n  title: string;\n  description?: string;\n  links?: AppHeaderLinkItem[];\n  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];\n};\n\nexport type AppFooterResourcesDataItem = {\n  id: string;\n  href: string;\n  trackingTarget: string;\n  text: string;\n  newTab?: boolean;\n};\n\nexport type FormattedAppHeaderItems = {\n  left: AppHeaderItem[];\n  right: AppHeaderItem[];\n};\n\nexport type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {\n  mainMenu: AppHeaderItem[];\n};\n\nexport type AnchorRefItemType =\n  | RefObject<HTMLAnchorElement>['current']\n  | RefObject<HTMLButtonElement>['current']\n  | null;\n"],"mappings":";;AA2IA,MAAa,2BACX,SACkC,CAAC,CAAE,KAA+B"}

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

@@ -1,112 +0,0 @@
-import { Anchor, BadgeProps, FillButtonProps, IconButtonProps, StrokeButtonProps, TextButtonProps } from "@codecademy/gamut";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-import React, { ComponentProps, ReactNode, RefObject } from "react";
-
-//#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 };
-//# sourceMappingURL=types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":[],"mappings":"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"}

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

@@ -1,112 +0,0 @@
-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 };
-//# sourceMappingURL=types.d.mts.map

package/dist/AppHeader/shared/types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/AppHeader/shared/types.mjs

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

package/dist/AppHeader/shared/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/AppHeader/shared/types.ts"],"sourcesContent":["import {\n  Anchor,\n  BadgeProps,\n  FillButtonProps,\n  IconButtonProps,\n  StrokeButtonProps,\n  TextButtonProps,\n} from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport React, { ComponentProps, ReactNode, RefObject } from 'react';\n\nexport type AppHeaderItem =\n  | AppHeaderItemWithHref\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderRenderElementItem\n  | AppHeaderCatalogDropdownItem\n  | AppHeaderDescriptiveLinkItem\n  | AppHeaderResourcesDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderItemWithHref =\n  | AppHeaderLogoItem\n  | AppHeaderLinkItem\n  | AppHeaderTextButtonItem\n  | AppHeaderFillButtonItem\n  | AppHeaderStrokeButtonItem\n  | AppHeaderIconButtonItem;\n\ntype AppHeaderBaseItem<Type extends string> = {\n  dataTestId?: string;\n  id: string;\n  redirect?: boolean;\n  type: Type;\n};\n\ntype AppHeaderBaseHrefItem<Type extends string> = AppHeaderBaseItem<Type> & {\n  href: string;\n  trackingTarget?: string;\n};\n\nexport type AppHeaderLogoItem = AppHeaderBaseHrefItem<'logo'> & {\n  enterprise: boolean;\n  pro: boolean;\n  checkMini?: boolean;\n  removeAnchorLink?: boolean;\n};\n\nexport type AppHeaderLinkItem = AppHeaderBaseHrefItem<'link'> &\n  Pick<ComponentProps<typeof Anchor>, 'icon' | 'iconPosition'> & {\n    ariaLabel?: string;\n    newTab?: boolean;\n    text: string;\n    badge?: React.ReactElement<BadgeProps>;\n  };\n\nexport type AppHeaderStrokeButtonItem = AppHeaderBaseHrefItem<'stroke-button'> &\n  Pick<StrokeButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderTextButtonItem = AppHeaderBaseHrefItem<'text-button'> &\n  Pick<TextButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderFillButtonItem = AppHeaderBaseHrefItem<'fill-button'> &\n  Pick<FillButtonProps, 'variant' | 'icon' | 'iconPosition'> & {\n    text: string;\n  };\n\nexport type AppHeaderIconButtonItem = AppHeaderBaseHrefItem<'icon-button'> &\n  Pick<IconButtonProps, 'variant' | 'icon'> & {\n    text: string;\n  };\n\nexport type AppHeaderDropdownItem =\n  | AppHeaderSimpleDropdownItem\n  | AppHeaderProfileDropdownItem\n  | AppHeaderResourcesSimpleDropdownItem;\n\nexport type AppHeaderSimpleDropdownItem = AppHeaderBaseItem<'dropdown'> & {\n  popover: AppHeaderLinkItem[];\n  text: string;\n  trackingTarget: string;\n  icon?: React.ComponentType<GamutIconProps>;\n  isIconOnly?: boolean;\n};\n\nexport type AppHeaderProfileDropdownItem =\n  AppHeaderBaseItem<'profile-dropdown'> & {\n    avatar: string;\n    userDisplayName: string;\n    //* * AppHeader items that go into the AppHeader. Each array will be in its own section */\n    popover: AppHeaderLinkItem[][];\n    text: string;\n    trackingTarget?: string;\n  };\n\nexport type AppHeaderRenderElementItem = AppHeaderBaseItem<'render-element'> & {\n  renderElement: () => ReactNode;\n};\n\nexport type AppHeaderCatalogDropdownItem =\n  AppHeaderBaseItem<'catalog-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    isCoachingEnabled?: boolean;\n  };\n\nexport type AppHeaderResourcesDropdownItem =\n  AppHeaderBaseItem<'resources-dropdown'> & {\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    icon?: React.ComponentType<GamutIconProps>;\n  };\n\nexport type AppHeaderResourcesSimpleDropdownItem =\n  AppHeaderBaseItem<'resources-simple-dropdown'> & {\n    icon?: React.ComponentType<GamutIconProps>;\n    text: string;\n    trackingTarget?: string;\n    hideCareerPaths?: boolean;\n    popover: AppHeaderLinkItem[];\n  };\n\nexport type AppHeaderClickHandler<ItemType = AppHeaderItem> = (\n  event: React.MouseEvent,\n  item: ItemType\n) => void;\n\nexport type AppHeaderAction = {\n  /** A method to be called on click/activating a header item */\n  action: AppHeaderClickHandler;\n};\n\nexport const isAppHeaderItemWithHref = (\n  item: AppHeaderItem\n): item is AppHeaderItemWithHref => !!(item as AppHeaderItemWithHref).href;\n\nexport type AppHeaderDescriptiveLinkItem = AppHeaderLinkItem & {\n  description: string;\n};\n\nexport type AppHeaderResourcesDataItem = {\n  title: string;\n  description?: string;\n  links?: AppHeaderLinkItem[];\n  data: (AppHeaderLinkItem | AppHeaderDescriptiveLinkItem)[];\n};\n\nexport type AppFooterResourcesDataItem = {\n  id: string;\n  href: string;\n  trackingTarget: string;\n  text: string;\n  newTab?: boolean;\n};\n\nexport type FormattedAppHeaderItems = {\n  left: AppHeaderItem[];\n  right: AppHeaderItem[];\n};\n\nexport type FormattedMobileAppHeaderItems = FormattedAppHeaderItems & {\n  mainMenu: AppHeaderItem[];\n};\n\nexport type AnchorRefItemType =\n  | RefObject<HTMLAnchorElement>['current']\n  | RefObject<HTMLButtonElement>['current']\n  | null;\n"],"mappings":";AA2IA,MAAa,2BACX,SACkC,CAAC,CAAE,KAA+B"}

package/dist/AppHeader/shared/utils.cjs

@@ -1,86 +0,0 @@
-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;
-//# sourceMappingURL=utils.cjs.map

package/dist/AppHeader/shared/utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs","names":["AppHeaderLogo","AppHeaderLink","AppHeaderDropdown","AppHeaderCatalogDropdown","AppHeaderResourcesDropdown","TextButton","formatUrlWithRedirect","FillButton","StrokeButton","IconButton"],"sources":["../../../src/AppHeader/shared/utils.tsx"],"sourcesContent":["import {\n  FillButton,\n  IconButton,\n  Menu,\n  StrokeButton,\n  TextButton,\n} from '@codecademy/gamut';\nimport { ComponentProps, ReactNode } from 'react';\n\nimport { formatUrlWithRedirect } from '../../GlobalHeader/urlHelpers';\nimport { AppHeaderCatalogDropdown } from '../AppHeaderElements/AppHeaderCatalogDropdown';\nimport { AppHeaderDropdown } from '../AppHeaderElements/AppHeaderDropdown';\nimport { AppHeaderLink } from '../AppHeaderElements/AppHeaderLink';\nimport { AppHeaderLogo } from '../AppHeaderElements/AppHeaderLogo';\nimport { AppHeaderResourcesDropdown } from '../AppHeaderElements/AppHeaderResourcesDropdown';\nimport { AppHeaderClickHandler, AppHeaderItem } from './types';\n\ntype AppHeaderItemToElementType = {\n  action: AppHeaderClickHandler;\n  item: AppHeaderItem;\n  isStandalone?: boolean;\n  isTeams?: boolean;\n  redirectParam?: string;\n  mobile?: boolean;\n  spacing?: ComponentProps<typeof Menu>['spacing'];\n};\n\nexport const mapAppHeaderItemToElement = ({\n  action,\n  item,\n  isStandalone,\n  isTeams,\n  redirectParam,\n  mobile = false,\n  spacing = 'normal',\n}: AppHeaderItemToElementType): ReactNode => {\n  // preventative measure to handle a possibly undefined item from being rendered\n  if (!item) return null;\n\n  switch (item.type) {\n    case 'logo':\n      return <AppHeaderLogo action={action} item={item} />;\n    case 'link':\n      return <AppHeaderLink mx={0} action={action} item={item} />;\n    case 'dropdown':\n    case 'resources-simple-dropdown':\n    case 'profile-dropdown':\n      return (\n        <AppHeaderDropdown\n          action={action}\n          item={item}\n          standalone={isStandalone}\n          spacing={spacing}\n        />\n      );\n    case 'catalog-dropdown':\n      return <AppHeaderCatalogDropdown action={action} item={item} />;\n    case 'resources-dropdown':\n      return <AppHeaderResourcesDropdown action={action} item={item} />;\n\n    case 'render-element':\n      return item.renderElement();\n    case 'text-button':\n      return (\n        <TextButton\n          size={mobile ? 'small' : 'normal'}\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          variant={isTeams ? 'primary' : 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </TextButton>\n      );\n    case 'fill-button':\n      return (\n        <FillButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </FillButton>\n      );\n    case 'stroke-button':\n      return (\n        <StrokeButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          iconPosition={item.iconPosition}\n        >\n          {item.text}\n        </StrokeButton>\n      );\n    case 'icon-button':\n      return (\n        <IconButton\n          size={mobile ? 'small' : 'normal'}\n          data-testid={item.dataTestId}\n          href={\n            item.redirect\n              ? formatUrlWithRedirect(item.href, redirectParam)\n              : item.href\n          }\n          onClick={(event: React.MouseEvent) => action(event, item)}\n          variant={item.variant || 'interface'}\n          icon={item.icon}\n          tip={item.text}\n          tipProps={{ alignment: 'bottom-center' }}\n        />\n      );\n  }\n};\n"],"mappings":";;;;;;;;;;;AA2BA,MAAa,6BAA6B,EACxC,QACA,MACA,cACA,SACA,eACA,SAAS,OACT,UAAU,eACiC;AAE3C,KAAI,CAAC,KAAM,QAAO;AAElB,SAAQ,KAAK,MAAb;EACE,KAAK,OACH,QAAO,2CAACA;GAAsB;GAAc;IAAQ;EACtD,KAAK,OACH,QAAO,2CAACC;GAAc,IAAI;GAAW;GAAc;IAAQ;EAC7D,KAAK;EACL,KAAK;EACL,KAAK,mBACH,QACE,2CAACC;GACS;GACF;GACN,YAAY;GACH;IACT;EAEN,KAAK,mBACH,QAAO,2CAACC;GAAiC;GAAc;IAAQ;EACjE,KAAK,qBACH,QAAO,2CAACC;GAAmC;GAAc;IAAQ;EAEnE,KAAK,iBACH,QAAO,KAAK,eAAe;EAC7B,KAAK,cACH,QACE,2CAACC;GACC,MAAM,SAAS,UAAU;GACzB,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,eAAa,KAAK;GAClB,MACE,KAAK,WACDC,yCAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,SAAS,UAAU,YAAY;GAC/B,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACK;EAEjB,KAAK,cACH,QACE,2CAACC;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACDD,yCAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACK;EAEjB,KAAK,gBACH,QACE,2CAACE;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACDF,yCAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,cAAc,KAAK;aAElB,KAAK;IACO;EAEnB,KAAK,cACH,QACE,2CAACG;GACC,MAAM,SAAS,UAAU;GACzB,eAAa,KAAK;GAClB,MACE,KAAK,WACDH,yCAAsB,KAAK,MAAM,cAAc,GAC/C,KAAK;GAEX,UAAU,UAA4B,OAAO,OAAO,KAAK;GACzD,SAAS,KAAK,WAAW;GACzB,MAAM,KAAK;GACX,KAAK,KAAK;GACV,UAAU,EAAE,WAAW,iBAAiB;IACxC"}