@codecademy/brand 4.0.0-alpha.af4a3e14fc.0 → 4.0.0-alpha.bec91dc078.0

package/dist/CurriculumCard/index.d.cts

@@ -1,63 +0,0 @@
-import { TagColor } from "./BottomTag/index.cjs";
-import { SubtitleProps } from "./Subtitle/index.cjs";
-import { Card, HeadingTags } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/CurriculumCard/index.d.ts
-type ProgressState = 'inProgress' | 'completed';
-type FooterTextVariantType = 'enrolled' | 'inProgress';
-type CardProps = React$1.ComponentProps<typeof Card>;
-type CurriculumCardProps = SubtitleProps & {
-  beta?: boolean;
-  /**
-   * Displays the curriculum type above the title
-   */
-  text: string;
-  title: string;
-  headingLevel?: HeadingTags;
-  image?: string;
-  isFullSize?: boolean;
-  isStaticSize?: boolean;
-  progressState?: ProgressState;
-  showProLogo?: boolean;
-  tag?: string;
-  tagColor?: TagColor;
-  showAltSubtitle?: boolean;
-  /**
-   * Changes In Progress card footer text from "Enrolled..." to "In Progress..."
-   */
-  footerTextVariant?: FooterTextVariantType;
-  /**
-   * optional text to be displayed below card subtitle
-   */
-  description?: string;
-  /**
-   * allows description to be shown in card body.
-   */
-  showDescription?: boolean;
-  /**
-   * career path cards are displayed with a variant style / decorative element
-   */
-  showCareerPathVariant?: boolean;
-  /**
-   * displays inner content with a horizontal orientation
-   */
-  horizontalOrientation?: boolean;
-  /**
-   * custom minimum height for curriculum card in pixels
-   */
-  minHeight?: CardProps['minHeight'];
-  /**
-   * custom minimum width for curriculum card in pixels
-   */
-  minWidth?: CardProps['minWidth'];
-};
-/**
- *
- * @deprecated  This component is deprecated
- *
- * Please use the CareerPathCard, SkillPathCard, or CourseCard instead
- */
-declare const CurriculumCard: React$1.FC<CurriculumCardProps>;
-//#endregion
-export { CardProps, CurriculumCard, CurriculumCardProps, FooterTextVariantType, ProgressState };

package/dist/DropdownButton/DropdownList.cjs

@@ -1,57 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/DropdownButton/DropdownList.tsx
-const DropdownList = ({ dropdownItems, isMenu, menuButtonId, onClose }) => {
-	const listRefs = react.useRef(dropdownItems.map(() => react.createRef()));
-	const handleKeyDown = (event, index) => {
-		if (event.key === "Tab") {
-			event.preventDefault();
-			onClose?.();
-		} else if (event.key === "ArrowUp") {
-			event.preventDefault();
-			if (index > 0) {
-				const decrementVal = dropdownItems[index - 1] === "separator" ? 2 : 1;
-				listRefs.current[index - decrementVal].current?.focus();
-			}
-		} else if (event.key === "ArrowDown") {
-			event.preventDefault();
-			if (index < dropdownItems.length - 1) {
-				const incrementVal = dropdownItems[index + 1] === "separator" ? 2 : 1;
-				listRefs.current[index + incrementVal].current?.focus();
-			}
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Menu, {
-		variant: "popover",
-		border: "none",
-		minWidth: "max-content",
-		py: 4,
-		role: isMenu ? "menu" : void 0,
-		"aria-labelledby": menuButtonId || "",
-		children: dropdownItems.map((item, i) => {
-			if (item === "separator") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.MenuSeparator, { "aria-hidden": "true" }, `dropdown-separator-${i}`);
-			const { id, text, clickHandler, icon, ...linkProps } = item;
-			const onClick = (event) => {
-				clickHandler?.(event);
-				onClose?.();
-			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.MenuItem, {
-				"data-testid": `dropdown-item-${id}`,
-				onClick,
-				icon,
-				tabIndex: 0,
-				onKeyDown: (e) => handleKeyDown(e, i),
-				ref: listRefs.current[i],
-				...linkProps,
-				children: text
-			}, id);
-		})
-	});
-};
-
-//#endregion
-exports.DropdownList = DropdownList;

package/dist/DropdownButton/DropdownList.d.cts

@@ -1,19 +0,0 @@
-import { DropdownButtonProps } from "./index.cjs";
-import * as React$1 from "react";
-import { GamutIconProps } from "@codecademy/gamut-icons";
-
-//#region src/DropdownButton/DropdownList.d.ts
-type AnchorProps = Partial<Pick<HTMLAnchorElement, 'href' | 'target' | 'ariaLabel'>>;
-type DropdownItem = {
-  id: string;
-  icon?: React$1.ComponentType<GamutIconProps>;
-  text: string;
-  clickHandler?: (event: React$1.MouseEvent) => void;
-} & AnchorProps;
-type DropdownListProps = {
-  dropdownItems: (DropdownItem | 'separator')[];
-  menuButtonId?: string;
-  onClose?: () => void;
-} & Pick<DropdownButtonProps, 'isMenu'>;
-//#endregion
-export { DropdownListProps };

package/dist/DropdownButton/index.cjs

@@ -1,140 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_DropdownList = require('./DropdownList.cjs');
-const require_useDynamicPopoverPosition = require('./useDynamicPopoverPosition.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/DropdownButton/index.tsx
-const DownArrow = (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownFilledIcon, _codecademy_gamut_styles.styledOptions)`
-  margin-left: ${(0, _codecademy_gamut_styles.pxRem)(8)};
-  transition: transform 0.35s ease-out;
-  ${({ isOpen }) => isOpen && "transform: rotate(-180deg)"};
-`;
-const HorizontalKebabIcon = (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniKebabMenuIcon)((0, _codecademy_gamut_styles.css)({ transform: "rotate(90deg)" }));
-const DropdownButton = (0, react.forwardRef)(({ align = "left", buttonType = "fill", children, defaultPosition = "below", dropdownItems, horizontalOffset, iconSize, isMenu, onClick, tipProps, verticalOffset = 0, size, variant = "primary", ...buttonStyleProps }, ref) => {
-	const buttonId = (0, react.useId)();
-	const targetRef = (0, react.useRef)(null);
-	const { position, popoverContainerRefCallback } = require_useDynamicPopoverPosition.useDynamicPopoverPosition({
-		targetRef,
-		verticalOffset,
-		defaultPosition
-	});
-	const [isOpen, setIsOpen] = (0, react.useState)(false);
-	(0, react.useImperativeHandle)(ref, () => ({ focus: () => targetRef.current?.focus() }));
-	const handleClick = (event) => {
-		if (!isOpen) onClick?.(event);
-		setIsOpen(!isOpen);
-	};
-	const handleRequestClosed = () => {
-		setIsOpen(false);
-	};
-	const textButtonDefaultSize = "normal";
-	const iconButtonDefaultSize = "small";
-	let clickTarget;
-	switch (buttonType) {
-		case "fill":
-			clickTarget = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FillButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-fill-button",
-				size: size || textButtonDefaultSize,
-				variant,
-				...buttonStyleProps ?? {},
-				children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownArrow, {
-					isOpen,
-					size: iconSize || 12
-				})]
-			});
-			break;
-		case "stroke":
-			clickTarget = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.StrokeButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-stroke-button",
-				size: size || textButtonDefaultSize,
-				variant,
-				...buttonStyleProps ?? {},
-				children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownArrow, {
-					isOpen,
-					size: iconSize || 12
-				})]
-			});
-			break;
-		case "text":
-			clickTarget = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.TextButton, {
-				ref: targetRef,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-stroke-button",
-				size: size || textButtonDefaultSize,
-				variant,
-				...buttonStyleProps ?? {},
-				children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownArrow, {
-					isOpen,
-					size: 12
-				})]
-			});
-			break;
-		case "kebab":
-			clickTarget = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				"aria-haspopup": "menu",
-				id: buttonId,
-				icon: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_icons.MiniKebabMenuIcon, { size: iconSize }),
-				size: size || iconButtonDefaultSize,
-				variant: "secondary",
-				onClick: handleClick,
-				"data-testid": "dropdown-kebab-button",
-				tip: "Show options",
-				tipProps,
-				...buttonStyleProps ?? {}
-			});
-			break;
-		case "horizontalKebab": clickTarget = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.IconButton, {
-			"aria-label": "Options",
-			ref: targetRef,
-			"aria-expanded": isOpen,
-			"aria-haspopup": "menu",
-			id: buttonId,
-			icon: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HorizontalKebabIcon, { size: iconSize }),
-			size: size || iconButtonDefaultSize,
-			variant: "secondary",
-			onClick: handleClick,
-			"data-testid": "dropdown-horizontal-kebab-button",
-			tipProps,
-			tip: "Show more options",
-			...buttonStyleProps ?? {}
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [clickTarget, dropdownItems.length !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Popover, {
-		popoverContainerRef: popoverContainerRefCallback,
-		targetRef,
-		isOpen,
-		onRequestClose: handleRequestClosed,
-		align,
-		verticalOffset,
-		horizontalOffset,
-		position,
-		outline: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownList.DropdownList, {
-			dropdownItems,
-			isMenu,
-			menuButtonId: buttonId,
-			onClose: handleRequestClosed
-		})
-	})] });
-});
-
-//#endregion
-exports.DropdownButton = DropdownButton;

package/dist/DropdownButton/index.d.cts

@@ -1,80 +0,0 @@
-import { DropdownListProps } from "./DropdownList.cjs";
-import { ButtonProps, IconButton, PopoverProps, PopoverYPositionType } from "@codecademy/gamut";
-import * as react1 from "react";
-import { PropsWithChildren } from "react";
-import * as _emotion_react0 from "@emotion/react";
-import * as _codecademy_gamut_dist_Button_shared0 from "@codecademy/gamut/dist/Button/shared";
-
-//#region src/DropdownButton/index.d.ts
-type DropdownButtonRefType = {
-  focus: HTMLButtonElement['focus'];
-};
-type DropdownButtonProps = PropsWithChildren<{
-  align?: PopoverProps['align'];
-  buttonType?: 'fill' | 'stroke' | 'text' | 'kebab' | 'horizontalKebab';
-  defaultPosition?: PopoverYPositionType['position'];
-  dropdownItems: DropdownListProps['dropdownItems'];
-  horizontalOffset?: number;
-  /**
-   * Sets the size of the down arrow icon in the buttons that have text or the kebab and horizontal kebab icons.
-   */
-  iconSize?: number;
-  /**
-   * If the dropdown should semantically be a menu
-   */
-  isMenu?: boolean;
-  onClick?: (event: react1.MouseEvent) => void;
-  tipProps?: react1.ComponentProps<typeof IconButton>['tipProps'];
-  verticalOffset?: number;
-} & ButtonProps>;
-declare const DropdownButton: react1.ForwardRefExoticComponent<(Omit<{
-  align?: PopoverProps["align"];
-  buttonType?: "fill" | "stroke" | "text" | "kebab" | "horizontalKebab";
-  defaultPosition?: PopoverYPositionType["position"];
-  dropdownItems: DropdownListProps["dropdownItems"];
-  horizontalOffset?: number;
-  /**
-   * Sets the size of the down arrow icon in the buttons that have text or the kebab and horizontal kebab icons.
-   */
-  iconSize?: number;
-  /**
-   * If the dropdown should semantically be a menu
-   */
-  isMenu?: boolean;
-  onClick?: (event: react1.MouseEvent) => void;
-  tipProps?: react1.ComponentProps<typeof IconButton>["tipProps"];
-  verticalOffset?: number;
-} & _codecademy_gamut_dist_Button_shared0.ButtonBaseProps & Omit<{
-  theme?: _emotion_react0.Theme | undefined;
-  as?: react1.ElementType<any, keyof react1.JSX.IntrinsicElements> | undefined;
-} & {
-  theme?: _emotion_react0.Theme | undefined;
-} & Pick<react1.DetailedHTMLProps<react1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "title" | "onClick" | "form" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "name" | "type" | keyof react1.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value">, "ref"> & react1.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-  children?: react1.ReactNode | undefined;
-}, "ref"> | Omit<{
-  align?: PopoverProps["align"];
-  buttonType?: "fill" | "stroke" | "text" | "kebab" | "horizontalKebab";
-  defaultPosition?: PopoverYPositionType["position"];
-  dropdownItems: DropdownListProps["dropdownItems"];
-  horizontalOffset?: number;
-  /**
-   * Sets the size of the down arrow icon in the buttons that have text or the kebab and horizontal kebab icons.
-   */
-  iconSize?: number;
-  /**
-   * If the dropdown should semantically be a menu
-   */
-  isMenu?: boolean;
-  onClick?: (event: react1.MouseEvent) => void;
-  tipProps?: react1.ComponentProps<typeof IconButton>["tipProps"];
-  verticalOffset?: number;
-} & _codecademy_gamut_dist_Button_shared0.ButtonBaseProps & Omit<{
-  theme?: _emotion_react0.Theme | undefined;
-  as?: react1.ElementType<any, keyof react1.JSX.IntrinsicElements> | undefined;
-} & {
-  theme?: _emotion_react0.Theme | undefined;
-} & Pick<react1.DetailedHTMLProps<react1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "title" | "onClick" | "form" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "name" | "type" | keyof react1.ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value"> & Pick<react1.DetailedHTMLProps<react1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "title" | "href" | "onClick" | "slot" | "style" | "property" | "rel" | "rev" | "id" | "nonce" | "content" | "translate" | "children" | "className" | "prefix" | "role" | "suppressHydrationWarning" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "type" | "media" | "target" | keyof react1.ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "ping" | "referrerPolicy">, "ref"> & react1.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-  children?: react1.ReactNode | undefined;
-}, "ref">) & react1.RefAttributes<DropdownButtonRefType>>;
-//#endregion
-export { DropdownButton, DropdownButtonProps, DropdownButtonRefType };

package/dist/DropdownButton/useDynamicPopoverPosition.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let react_use = require("react-use");
-
-//#region src/DropdownButton/useDynamicPopoverPosition.ts
-const getClearance = (targetEl, winHeight) => {
-	const { top, bottom } = targetEl.getBoundingClientRect();
-	return {
-		above: top,
-		below: winHeight - bottom
-	};
-};
-const getClearanceNeeded = (popoverContainerEl, verticalOffset) => {
-	const { height } = popoverContainerEl.getBoundingClientRect();
-	return verticalOffset + height;
-};
-const useDynamicPopoverPosition = ({ targetRef, verticalOffset, defaultPosition }) => {
-	const [popoverContainerEl, setPopoverContainerEl] = (0, react.useState)(null);
-	const popoverContainerRefCallback = (0, react.useCallback)((instance) => {
-		setPopoverContainerEl(instance);
-	}, []);
-	const { height: winHeight } = (0, react_use.useWindowSize)();
-	(0, react_use.useWindowScroll)();
-	if (targetRef?.current && popoverContainerEl) {
-		const clearance = getClearance(targetRef.current, winHeight);
-		const clearanceNeeded = getClearanceNeeded(popoverContainerEl, verticalOffset);
-		const clearedAbove = clearance.above >= clearanceNeeded;
-		const clearedBelow = clearance.below >= clearanceNeeded;
-		if (!(clearance.above === clearance.below) && (!clearedAbove || !clearedBelow)) return {
-			position: clearance.above > clearance.below ? "above" : "below",
-			popoverContainerRefCallback
-		};
-	}
-	return {
-		position: defaultPosition,
-		popoverContainerRefCallback
-	};
-};
-
-//#endregion
-exports.useDynamicPopoverPosition = useDynamicPopoverPosition;

package/dist/EditorialImage/index.cjs

@@ -1,21 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_styles_module = require('./styles.module.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/EditorialImage/index.tsx
-const EditorialImage = ({ image, alt, caption }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: require_styles_module.default.imageContainer,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		className: require_styles_module.default.image,
-		alt,
-		src: image
-	})
-}), caption && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-	className: require_styles_module.default.caption,
-	children: caption
-})] });
-
-//#endregion
-exports.EditorialImage = EditorialImage;

package/dist/EditorialImage/index.d.cts

@@ -1,14 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/EditorialImage/index.d.ts
-type EditorialImageProps = {
-  /** The URL used for the image src */
-  image: string;
-  /** Alternative text for the image  */
-  alt: string;
-  /** An optional caption that will display below the image  */
-  caption?: string;
-};
-declare const EditorialImage: React$1.FC<EditorialImageProps>;
-//#endregion
-export { EditorialImage, EditorialImageProps };

package/dist/EditorialImage/styles.module.cjs

@@ -1,5 +0,0 @@
-
-//#region src/EditorialImage/styles.module.scss
-var styles_module_default = "assets/styles.module-CAlrRbjX.scss";
-
-//#endregion

package/dist/EmptySection/index.cjs

@@ -1,159 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/EmptySection/index.tsx
-const EmptyContainer = (0, _emotion_styled.default)(_codecademy_gamut.FlexBox)((0, _codecademy_gamut_styles.variant)({
-	prop: "stretchDirection",
-	defaultVariant: "left",
-	base: {
-		justifySelf: "center",
-		position: "relative",
-		px: 32,
-		py: {
-			_: 64,
-			lg: 96
-		},
-		width: 1
-	},
-	variants: {
-		left: {
-			pl: { sm: 0 },
-			pr: {
-				sm: 64,
-				lg: 96
-			}
-		},
-		right: {
-			pr: { sm: 0 },
-			pl: {
-				sm: 64,
-				lg: 96
-			}
-		},
-		none: {}
-	}
-}));
-const Dots = (0, _emotion_styled.default)(_codecademy_gamut_patterns.DotLoose)((0, _codecademy_gamut_styles.variant)({
-	prop: "stretchDirection",
-	defaultVariant: "left",
-	base: {
-		position: "absolute",
-		top: 0,
-		bottom: 0,
-		left: -16
-	},
-	variants: {
-		left: {
-			left: {
-				xs: -32,
-				sm: -64,
-				lg: -96,
-				xl: "calc((1248px - 100vw) / 2)"
-			},
-			width: {
-				_: "100vw",
-				xs: "calc(100vw - 32px)",
-				sm: "calc(100vw - 64px)",
-				lg: "calc(100vw - 96px)",
-				xl: "calc(1248px + ((100vw - 1248px) / 2))"
-			}
-		},
-		right: {
-			left: { xs: 0 },
-			width: {
-				_: "100vw",
-				xs: "calc(100vw - 32px)",
-				sm: "calc(100vw - 64px)",
-				lg: "calc(100vw - 96px)",
-				xl: "calc(1248px + ((100vw - 1248px) / 2))"
-			}
-		},
-		none: {
-			left: 0,
-			width: "100%"
-		}
-	}
-}));
-const illustrationPositionVariants = (0, _codecademy_gamut_styles.variant)({
-	prop: "illustrationPosition",
-	defaultVariant: "right",
-	base: {
-		mx: {
-			_: "auto",
-			sm: 0
-		},
-		mb: {
-			_: 32,
-			sm: 0
-		}
-	},
-	variants: {
-		left: { mr: { sm: 48 } },
-		right: { ml: { sm: 48 } }
-	}
-});
-const IllustrationContainer = (0, _emotion_styled.default)("div", _codecademy_gamut_styles.styledOptions)(illustrationPositionVariants);
-const EmptySection = ({ bodyText, children, headingText, illustration: Illustration, stretchDirection, illustrationPosition = stretchDirection === "right" ? "left" : "right" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EmptyContainer, {
-		stretchDirection,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dots, { stretchDirection }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-			maxWidth: "822px",
-			flexBasis: "100%",
-			position: "relative",
-			bg: "background-current",
-			py: 48,
-			px: {
-				_: 16,
-				sm: 48,
-				md: 64
-			},
-			zIndex: 1,
-			flexDirection: {
-				_: "column",
-				sm: illustrationPosition === "right" ? "row-reverse" : "row"
-			},
-			justifyContent: {
-				_: "space-around",
-				md: "space-between"
-			},
-			alignItems: "center",
-			textAlign: {
-				_: "center",
-				sm: "start"
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IllustrationContainer, {
-				illustrationPosition,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Illustration, { width: (0, _codecademy_gamut_styles.pxRem)(100) })
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				flexDirection: "column",
-				alignItems: {
-					_: "center",
-					sm: "start"
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						as: "h2",
-						fontSize: 22,
-						mb: 8,
-						children: headingText
-					}),
-					bodyText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Text, {
-						mb: 32,
-						children: bodyText
-					}),
-					children
-				]
-			})]
-		})]
-	});
-};
-
-//#endregion
-exports.EmptySection = EmptySection;