@codecademy/brand 4.0.0-alpha.14deb86052.0 → 4.0.0-alpha.65b0979c7d.0

package/dist/GlobalHeader/types.d.cts

@@ -1,124 +0,0 @@
-import { AppHeaderAction, AppHeaderClickHandler, AppHeaderItemWithHref } from "../AppHeader/shared/types.cjs";
-import { CourseDifficulty } from "../ContentGroupBaseCard/types.cjs";
-import { AppHeaderNotificationSettings } from "../Notifications/types.cjs";
-import { AppHeaderSearch } from "../AppHeader/Search/types.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import { ReactNode } from "react";
-
-//#region src/GlobalHeader/types.d.ts
-type RenderProfile = {
-  desktop: () => ReactNode;
-  mobile: () => ReactNode;
-};
-type NavigationMenuFormattedLabel = Record<'openMenuTip' | 'closeMenuTip' | 'siteNavigation', string>;
-type ResourceDropdownFormattedLabel = {
-  title?: string;
-  workspaces?: string;
-  docs?: string;
-  articles?: string;
-};
-type localizedLabels = {
-  enterpriseFormattedHomeLabel?: string;
-  resourcesDropdown?: ResourceDropdownFormattedLabel;
-  navigationMenuFormattedLabel?: NavigationMenuFormattedLabel;
-};
-interface BaseHeader extends WithChildrenProp, AppHeaderAction {
-  /** A method to be called on click/activating a header item */
-  action: AppHeaderClickHandler;
-  /** A method to be called only on click/activating a *link* header item */
-  onLinkAction?: AppHeaderClickHandler<AppHeaderItemWithHref>;
-  className?: string;
-  hidePricing?: boolean;
-  hideHeaderLinksInChromeless?: boolean;
-  hideHeaderResourcesDropdown?: boolean;
-  hideEnterpriseHeader?: boolean;
-  localizedLabels?: localizedLabels;
-  search: AppHeaderSearch;
-  isInRevampedBlpExperimentVariant?: boolean;
-  isCoachingEnabled?: boolean;
-  dynamicData?: GlobalHeaderDynamicData | null;
-  dynamicDataLoading?: boolean;
-}
-type User = {
-  avatar: string;
-  displayName: string;
-  enterpriseUrl?: string;
-  isAdmin?: boolean;
-  isBusinessAdmin?: boolean;
-  isBusinessSsoUser?: boolean;
-  isCoach?: boolean;
-  isCustomerSupport?: boolean;
-  isAccountManager?: boolean;
-  isPaused?: boolean;
-  isPlusUser?: boolean;
-  isBusinessUser?: boolean;
-  inBusinessTrial?: boolean;
-  isSkillsoftUser?: boolean;
-  hasBusinessSubscription?: boolean;
-  proCheckoutUrl?: string;
-  showProUpgrade?: boolean;
-  hideCareerPaths?: boolean;
-  enrolledInTwoOrMoreContainers?: boolean;
-};
-type LoggedInHeader = BaseHeader & {
-  notifications: AppHeaderNotificationSettings;
-  renderProfile?: RenderProfile;
-  user: User;
-};
-type AnonHeaderVariant = 'landing' | 'login' | 'signup';
-type AnonHeader = BaseHeader & {
-  redirectParam?: string;
-  type: 'anon';
-  variant?: AnonHeaderVariant;
-  user?: User;
-};
-type FreeHeader = LoggedInHeader & {
-  type: 'free';
-};
-type ProHeader = LoggedInHeader & {
-  type: 'pro';
-};
-type TeamsHeader = LoggedInHeader & {
-  type: 'teams';
-};
-type EnterpriseHeader = BaseHeader & {
-  type: 'enterprise';
-  user: User;
-};
-type LoadingHeader = BaseHeader & {
-  type: 'loading';
-};
-type SimpleHeader = BaseHeader & {
-  type: 'simple';
-};
-type SimpleBootcampHeader = BaseHeader & {
-  type: 'bootcamp';
-  bootcampSlug: string;
-};
-type PromotedPath = {
-  title: string;
-  urlPath: string;
-  difficulty: CourseDifficulty | null;
-  durationHours: number | null;
-};
-type GlobalHeaderDynamicData = {
-  catalogDropdown: {
-    banner: {
-      text: string;
-      href: string;
-    };
-    skillPaths: {
-      totalSkillPathCount: number;
-      promotedSkillPaths: PromotedPath[];
-    };
-    careerPaths: {
-      totalCareerPathCount: number;
-      promotedCareerPaths: PromotedPath[];
-    };
-    certificationPaths: {
-      totalCertificationPathCount: number;
-    };
-  };
-};
-//#endregion
-export { AnonHeader, AnonHeaderVariant, EnterpriseHeader, FreeHeader, GlobalHeaderDynamicData, LoadingHeader, NavigationMenuFormattedLabel, ProHeader, PromotedPath, ResourceDropdownFormattedLabel, SimpleBootcampHeader, SimpleHeader, TeamsHeader, User };

package/dist/GlobalHeader/urlHelpers.cjs

@@ -1,22 +0,0 @@
-
-//#region src/GlobalHeader/urlHelpers.tsx
-const formatUrlWithRedirect = (url, redirectUrl) => {
-	if (!redirectUrl) return url;
-	const base = window.location.origin;
-	const uri = new URL(url, base);
-	const redirectUri = new URL(redirectUrl);
-	const redirectParam = redirectUri.searchParams.get("redirect");
-	if (redirectParam) uri.searchParams.append("redirect", redirectParam);
-	else uri.searchParams.append("redirect", redirectUri.toString());
-	return uri.toString();
-};
-const formatEnterpriseUrl = (url) => {
-	if (!url) return void 0;
-	const protocol = "https://";
-	if (url.includes(protocol)) return url;
-	return new URL(protocol + url).toString();
-};
-
-//#endregion
-exports.formatEnterpriseUrl = formatEnterpriseUrl;
-exports.formatUrlWithRedirect = formatUrlWithRedirect;

package/dist/GlobalPage/index.cjs

@@ -1,45 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_GlobalFooter_index = require('../GlobalFooter/index.cjs');
-const require_GlobalHeader_index = require('../GlobalHeader/index.cjs');
-const require_EnhancedBanner = require('../Banner/EnhancedBanner.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/GlobalPage/index.tsx
-const LogErrorContext = react.createContext({});
-const defaultSkipToContentId = "page-skip-to-content-target";
-const RestrictedBackground = (0, react.forwardRef)(({ children, ...rest }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut_styles.Background, {
-	"data-testid": "global-page-wrapper",
-	...rest,
-	ref,
-	children
-}));
-const GlobalPageWrapper = _codecademy_gamut.AppWrapper.withComponent(RestrictedBackground);
-const GlobalPage = ({ backgroundColor = "background", banner, children, contentAs = "div", footer, header, modal, skipToContentId, onError }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(GlobalPageWrapper, {
-		bg: backgroundColor,
-		minHeight: "100vh",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.SkipToContent, { contentId: skipToContentId || defaultSkipToContentId }),
-			banner && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EnhancedBanner.EnhancedBanner, { ...banner }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LogErrorContext.Provider, {
-				value: { logError: onError },
-				children: !header.hideEnterpriseHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GlobalHeader_index.GlobalHeader, { ...header })
-			}),
-			!skipToContentId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.SkipToContentTarget, { id: defaultSkipToContentId }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.AppWrapper, {
-				as: contentAs,
-				children
-			}),
-			footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_GlobalFooter_index.GlobalFooter, { ...footer }),
-			modal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Modal, { ...modal })
-		]
-	});
-};
-
-//#endregion
-exports.GlobalPage = GlobalPage;
-exports.LogErrorContext = LogErrorContext;

package/dist/GlobalPage/index.d.cts

@@ -1,51 +0,0 @@
-import { GlobalHeaderProps } from "../GlobalHeader/index.cjs";
-import { GlobalFooterProps } from "../GlobalFooter/index.cjs";
-import { EnhancedBannerProps } from "../Banner/EnhancedBanner.cjs";
-import { ModalProps, WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/GlobalPage/index.d.ts
-type ErrorContext = {
-  message?: string;
-  [k: string]: any;
-};
-type LogErrorContextType = {
-  logError?: (error: unknown, context?: ErrorContext | string) => void;
-};
-declare const LogErrorContext: React$1.Context<LogErrorContextType>;
-type GlobalPageBackgroundColor = 'beige' | 'background' | 'background-contrast' | 'navy' | 'paleBlue' | 'paleGreen' | 'palePink' | 'paleYellow' | 'white';
-interface GlobalPageProps extends WithChildrenProp {
-  backgroundColor?: GlobalPageBackgroundColor;
-  /**
-   * Props directly passed to the Banner.
-   */
-  banner?: EnhancedBannerProps;
-  /**
-   * Element type to render around the children.
-   */
-  contentAs?: 'div' | 'main';
-  /**
-   * Props directly passed to the GlobalFooter.
-   */
-  footer?: GlobalFooterProps;
-  /**
-   * Props directly passed to the GlobalHeader.
-   */
-  header: GlobalHeaderProps;
-  /**
-   * Props directly passed to the Modal.
-   */
-  modal?: ModalProps;
-  /**
-   * Custom element ID to link to by the SkipToContent control, if not a default one at the beginning of the page.
-   */
-  skipToContentId?: string;
-  /**
-   * Temporary function called with error and context when an error occurs to
-   * help with debugging.
-   */
-  onError?: (error: unknown, context?: ErrorContext | string) => void;
-}
-declare const GlobalPage: React$1.FC<GlobalPageProps>;
-//#endregion
-export { GlobalPage, GlobalPageBackgroundColor, GlobalPageProps, LogErrorContext };

package/dist/Grid/GridCollapse.cjs

@@ -1,161 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_getCSSFromColumnCount = require('./getCSSFromColumnCount.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/Grid/GridCollapse.tsx
-function ExpandCollapseDefaults({ variant = "standard", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Anchor, {
-		variant,
-		...props
-	});
-}
-const DownChevron = (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronDownIcon)`
-  path {
-    stroke-width: 3;
-  }
-`;
-const UpChevron = (0, _emotion_styled.default)(_codecademy_gamut_icons.ArrowChevronUpIcon)`
-  path {
-    stroke-width: 3;
-  }
-`;
-const breakpointsWithBase = {
-	_: "0px",
-	..._codecademy_gamut_styles.breakpoints
-};
-const getMediaQuery = ({ css, start, end }) => end ? `@media only screen and (min-width: ${start}) and (max-width: calc(${end} - 1px)) { ${css} }` : `@media only screen and (min-width: ${start}) { ${css} }`;
-const GridItem = (0, _emotion_styled.default)(_codecademy_gamut.Box)`
-  ${({ itemsShown }) => Object.keys(itemsShown).map((breakpointKey, i, breakpointKeys) => {
-	const max = itemsShown[breakpointKey];
-	if (max === void 0) return;
-	const start = breakpointsWithBase[breakpointKey];
-	const end = breakpointsWithBase[breakpointKeys[i + 1]];
-	const css = `&:nth-of-type(n + ${max + 1}) { display: none; }`;
-	return i === breakpointKeys.length - 1 ? getMediaQuery({
-		css,
-		start
-	}) : getMediaQuery({
-		css,
-		start,
-		end
-	});
-}).join("\n")}
-`;
-const ExpandCollapse = (0, _emotion_styled.default)(ExpandCollapseDefaults)`
-  display: none;
-  white-space: pre-wrap;
-
-  &:not(:first-of-type) {
-    margin-left: 2.5rem;
-  }
-
-  ${({ hideWhenTotalIsLessThan, totalCount }) => Object.keys(hideWhenTotalIsLessThan).map((breakpointKey, i, breakpointKeys) => {
-	const max = hideWhenTotalIsLessThan[breakpointKey];
-	if (max === void 0 || totalCount <= max) return;
-	const start = breakpointsWithBase[breakpointKey];
-	const end = breakpointsWithBase[breakpointKeys[i + 1]];
-	return i === breakpointKeys.length - 1 ? getMediaQuery({
-		css: "display: block;",
-		start
-	}) : getMediaQuery({
-		css: "display: block;",
-		start,
-		end
-	});
-}).join("\n")}
-`;
-const GridCollapse = ({ columnCount, initialMaxShown, pageSize, expandLabel = "Show all", collapseLabel = "Show fewer", onExpandClick, expandCollapseProps, children, ...gridBoxProps }) => {
-	const [page, setPage] = (0, react.useState)(0);
-	const expanded = page > 0;
-	const itemsShown = Object.keys(initialMaxShown).reduce((acc, breakpointKey) => {
-		if (pageSize) acc[breakpointKey] = (initialMaxShown[breakpointKey] ?? 0) + page * (pageSize?.[breakpointKey] ?? 0);
-		else acc[breakpointKey] = page > 0 ? react.default.Children.count(children) : initialMaxShown[breakpointKey];
-		return acc;
-	}, {});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.GridBox, {
-		as: "ul",
-		listStyleType: "none",
-		p: 0,
-		m: 0,
-		...gridBoxProps,
-		gridTemplateColumns: require_getCSSFromColumnCount.getCSSFromColumnCount(columnCount, (value) => `repeat(${value}, minmax(0, 1fr))`),
-		"aria-live": "polite",
-		"aria-expanded": expanded,
-		children: react.default.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridItem, {
-			as: "li",
-			itemsShown,
-			children: child
-		}))
-	}), pageSize ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.Box, {
-		...expandCollapseProps,
-		mt: page > 0 ? 16 : expandCollapseProps?.mt,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandCollapse, {
-			fontWeight: "title",
-			totalCount: react.default.Children.count(children),
-			hideWhenTotalIsLessThan: itemsShown,
-			onClick: () => {
-				onExpandClick?.(false);
-				setPage((currentPage) => currentPage + 1);
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: [
-					expandLabel,
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownChevron, { size: 12 })
-				]
-			})
-		}), page > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandCollapse, {
-			variant: "interface",
-			fontWeight: "title",
-			totalCount: react.default.Children.count(children),
-			hideWhenTotalIsLessThan: initialMaxShown,
-			onClick: () => {
-				onExpandClick?.(true);
-				setPage(0);
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: [
-					collapseLabel,
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UpChevron, { size: 12 })
-				]
-			})
-		})]
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.Box, {
-		...expandCollapseProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandCollapse, {
-			variant: expanded ? "interface" : void 0,
-			fontWeight: "bold",
-			totalCount: react.default.Children.count(children),
-			hideWhenTotalIsLessThan: initialMaxShown,
-			onClick: () => {
-				onExpandClick?.(expanded);
-				setPage((currentPage) => currentPage > 0 ? 0 : 1);
-			},
-			"aria-expanded": expanded,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.FlexBox, {
-				alignItems: "center",
-				gap: 10,
-				my: 8,
-				children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [collapseLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UpChevron, { size: 12 })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [expandLabel, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownChevron, { size: 12 })] })
-			})
-		})
-	})] });
-};
-
-//#endregion
-exports.GridCollapse = GridCollapse;
-exports.getMediaQuery = getMediaQuery;

package/dist/Grid/GridCollapse.d.cts

@@ -1,49 +0,0 @@
-import { ColumnCount } from "./getCSSFromColumnCount.cjs";
-import { Box, GridBox } from "@codecademy/gamut";
-import React, { ComponentProps } from "react";
-import { MediaQueryMap } from "@codecademy/variance";
-
-//#region src/Grid/GridCollapse.d.ts
-declare const getMediaQuery: ({
-  css,
-  start,
-  end
-}: {
-  css: string;
-  start: string;
-  end?: string;
-}) => string;
-type GridCollapseProps = ComponentProps<typeof GridBox> & {
-  /**
-   * the number of columns per row in the grid
-   */
-  columnCount: ColumnCount;
-  /**
-   * the number of items to display when collapsed
-   */
-  initialMaxShown: MediaQueryMap<number>;
-  /**
-   * the number of new items to display on each "expand" click; if not provided, a binary toggle is used
-   * note: must include exactly the same keys as initialMaxShown
-   */
-  pageSize?: MediaQueryMap<number>;
-  /**
-   * text to display when "show more" is available
-   */
-  expandLabel?: string;
-  /**
-   * text to display when "show fewer" is available
-   */
-  collapseLabel?: string;
-  /**
-   * called when clicking the show more/see less toggle; accepts the current expanded state as an arg
-   */
-  onExpandClick?: (expanded?: boolean) => void;
-  /**
-   * props to pass to the expand/collapse container (useful for changing the margin between the grid and controls)
-   */
-  expandCollapseProps?: ComponentProps<typeof Box>;
-};
-declare const GridCollapse: React.FC<GridCollapseProps>;
-//#endregion
-export { GridCollapse, GridCollapseProps, getMediaQuery };

package/dist/Grid/Subgrid.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_getCSSFromColumnCount = require('./getCSSFromColumnCount.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/Grid/Subgrid.tsx
-/**
-* Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.
-* Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether
-* or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
-* subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
-* breakpoint in react context. Usage example:
-*
-* import { Subgrid, subgridContext } from './Subgrid';
-*
-* export const MyComponent = () => (
-*   <subgridContext.Provider value={{ _: 12, md: 6 }}>
-*     ...
-*     <Subgrid>...</Subgrid>
-*   </subgridContext.Provider>
-* );
-*
-* here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
-*/
-const subgridContext = (0, react.createContext)({});
-const Subgrid = (props) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_codecademy_gamut.GridBox, {
-		gridTemplateColumns: {
-			_: "repeat(12, 1fr)",
-			...require_getCSSFromColumnCount.getCSSFromColumnCount((0, react.useContext)(subgridContext), (value) => `repeat(${value}, 1fr)`)
-		},
-		rowGap: 16,
-		columnGap: 24,
-		...props
-	});
-};
-
-//#endregion
-exports.Subgrid = Subgrid;
-exports.subgridContext = subgridContext;

package/dist/Grid/Subgrid.d.cts

@@ -1,29 +0,0 @@
-import { ColumnCount } from "./getCSSFromColumnCount.cjs";
-import { GridBox } from "@codecademy/gamut";
-import * as react18 from "react";
-import { ComponentProps, FC } from "react";
-
-//#region src/Grid/Subgrid.d.ts
-
-/**
- * Subgrid is basically used as a stand-in for css subgrids, which are currently only supported in firefox.
- * Because the number of Subgrid columns is dependent on many factors (screen width, content type, whether
- * or not we're displaying contributors) and Subgrid is used in multiple places - sometimes nested within
- * subcomponents - we avoid prop-drilling and keep each instance in sync by defining the columns at each
- * breakpoint in react context. Usage example:
- *
- * import { Subgrid, subgridContext } from './Subgrid';
- *
- * export const MyComponent = () => (
- *   <subgridContext.Provider value={{ _: 12, md: 6 }}>
- *     ...
- *     <Subgrid>...</Subgrid>
- *   </subgridContext.Provider>
- * );
- *
- * here, all descendant Subgrids will have 6 columns at breakpoints md and above and 12 columns otherwise
- */
-declare const subgridContext: react18.Context<ColumnCount>;
-declare const Subgrid: FC<ComponentProps<typeof GridBox>>;
-//#endregion
-export { Subgrid, subgridContext };

package/dist/Grid/getCSSFromColumnCount.cjs

@@ -1,10 +0,0 @@
-
-//#region src/Grid/getCSSFromColumnCount.ts
-const getCSSFromColumnCount = (columnCount, valueFunction) => Object.keys(columnCount).reduce((acc, key) => {
-	const value = columnCount[key];
-	if (typeof value !== "undefined") acc[key] = valueFunction(value);
-	return acc;
-}, {});
-
-//#endregion
-exports.getCSSFromColumnCount = getCSSFromColumnCount;

package/dist/Grid/getCSSFromColumnCount.d.cts

@@ -1,10 +0,0 @@
-import { Column } from "@codecademy/gamut";
-import { ComponentProps } from "react";
-import { MediaQueryMap } from "@codecademy/variance";
-
-//#region src/Grid/getCSSFromColumnCount.d.ts
-type ColumnCountKeys = Extract<ComponentProps<typeof Column>['size'], number>;
-type ColumnCount = MediaQueryMap<ColumnCountKeys>;
-declare const getCSSFromColumnCount: (columnCount: ColumnCount, valueFunction: (value: number) => string) => MediaQueryMap<string>;
-//#endregion
-export { ColumnCount, ColumnCountKeys, getCSSFromColumnCount };

package/dist/Grid/index.cjs

@@ -1,9 +0,0 @@
-const require_getCSSFromColumnCount = require('./getCSSFromColumnCount.cjs');
-const require_Subgrid = require('./Subgrid.cjs');
-const require_GridCollapse = require('./GridCollapse.cjs');
-
-exports.GridCollapse = require_GridCollapse.GridCollapse;
-exports.Subgrid = require_Subgrid.Subgrid;
-exports.getCSSFromColumnCount = require_getCSSFromColumnCount.getCSSFromColumnCount;
-exports.getMediaQuery = require_GridCollapse.getMediaQuery;
-exports.subgridContext = require_Subgrid.subgridContext;

package/dist/Grid/index.d.cts

@@ -1,4 +0,0 @@
-import { ColumnCount, ColumnCountKeys, getCSSFromColumnCount } from "./getCSSFromColumnCount.cjs";
-import { Subgrid, subgridContext } from "./Subgrid.cjs";
-import { GridCollapse, GridCollapseProps, getMediaQuery } from "./GridCollapse.cjs";
-export { ColumnCount, ColumnCountKeys, GridCollapse, GridCollapseProps, Subgrid, getCSSFromColumnCount, getMediaQuery, subgridContext };

package/dist/HeaderHeightArea/index.cjs

@@ -1,38 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_useIsInHeaderRegion = require('./useIsInHeaderRegion.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 _emotion_react = require("@emotion/react");
-
-//#region src/HeaderHeightArea/index.tsx
-const HeaderHeightAreaBase = (0, _emotion_styled.default)(_codecademy_gamut.Box)(_codecademy_gamut_styles.system.css({
-	borderBottom: 1,
-	bg: "background",
-	top: 0,
-	zIndex: 2,
-	width: 1,
-	transition: (0, _codecademy_gamut_styles.transitionConcat)(["background-color", "border-bottom-color"], "fast", "ease-in-out")
-}), _codecademy_gamut_styles.system.states({ faded: {
-	bg: "background-current",
-	borderColor: "background-current"
-} }));
-const HeaderHeightArea = ({ as, children, display, ariaLabel }) => {
-	const theme = (0, _emotion_react.useTheme)();
-	const isInHeaderRegion = require_useIsInHeaderRegion.useIsInHeaderRegion();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeaderHeightAreaBase, {
-		as,
-		display,
-		height: theme.elements.headerHeight,
-		faded: isInHeaderRegion,
-		"aria-label": ariaLabel,
-		children
-	});
-};
-
-//#endregion
-exports.HeaderHeightArea = HeaderHeightArea;

package/dist/HeaderHeightArea/index.d.cts

@@ -1,13 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { ResponsiveProp } from "@codecademy/variance";
-
-//#region src/HeaderHeightArea/index.d.ts
-interface HeaderHeightAreaProps extends WithChildrenProp {
-  as?: React$1.ElementType<any>;
-  display: ResponsiveProp<'none' | 'block'>;
-  ariaLabel?: string;
-}
-declare const HeaderHeightArea: React$1.FC<HeaderHeightAreaProps>;
-//#endregion
-export { HeaderHeightArea, HeaderHeightAreaProps };

package/dist/HeaderHeightArea/useIsInHeaderRegion.cjs

@@ -1,17 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-
-//#region src/HeaderHeightArea/useIsInHeaderRegion.ts
-const useIsInHeaderRegion = () => {
-	const [isInHeaderRegion, setIsInHeaderRegion] = (0, react.useState)(true);
-	(0, react.useEffect)(() => {
-		const checkScroll = () => setIsInHeaderRegion(window?.pageYOffset === 0);
-		checkScroll();
-		document.addEventListener("scroll", checkScroll);
-		return () => document.removeEventListener("scroll", checkScroll);
-	}, []);
-	return isInHeaderRegion;
-};
-
-//#endregion
-exports.useIsInHeaderRegion = useIsInHeaderRegion;