@codecademy/brand 4.0.0-alpha.fb4adf2b4d.0 → 4.0.0

package/dist/Grid/getCSSFromColumnCount.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSFromColumnCount.d.mts","names":[],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,eAAA,GAAkB,QAC5B,sBAAsB;KAGZ,WAAA,GAAc,cAAc;AAJ5B,cAMC,qBANc,EAAA,CAAA,WAAA,EAOZ,WAPY,EAAA,aAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,MAAA,EAAA,GAQe,aARf,CAAA,MAAA,CAAA"}

package/dist/Grid/getCSSFromColumnCount.mjs

@@ -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
-export { getCSSFromColumnCount };
-//# sourceMappingURL=getCSSFromColumnCount.mjs.map

package/dist/Grid/getCSSFromColumnCount.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSFromColumnCount.mjs","names":["getCSSFromColumnCount","columnCount","valueFunction","Object","keys","reduce","acc","key","value"],"sources":["../../src/Grid/getCSSFromColumnCount.ts"],"sourcesContent":["import { Column } from '@codecademy/gamut';\nimport { MediaQueryMap } from '@codecademy/variance';\nimport { ComponentProps } from 'react';\n\nexport type ColumnCountKeys = Extract<\n  ComponentProps<typeof Column>['size'],\n  number\n>;\nexport type ColumnCount = MediaQueryMap<ColumnCountKeys>;\n\nexport const getCSSFromColumnCount = (\n  columnCount: ColumnCount,\n  valueFunction: (value: number) => string\n) =>\n  Object.keys(columnCount).reduce<MediaQueryMap<string>>(\n    (acc, key: keyof ColumnCount) => {\n      const value = columnCount[key];\n      if (typeof value !== 'undefined') {\n        acc[key] = valueFunction(value);\n      }\n      return acc;\n    },\n    {}\n  );\n"],"mappings":";AAUA,MAAaA,yBACXC,aACAC,kBAEAC,OAAOC,KAAKH,YAAAA,CAAaI,QACtBC,KAAKC,QAAAA;CACJ,MAAMC,QAAQP,YAAYM;AAC1B,KAAI,OAAOC,UAAU,YACnBF,KAAIC,OAAOL,cAAcM,MAAAA;AAE3B,QAAOF;GAET,EAAC,CAAA"}

package/dist/Grid/index.cjs

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

package/dist/Grid/index.d.mts

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

package/dist/Grid/index.mjs

@@ -1,3 +0,0 @@
-import { getCSSFromColumnCount } from "./getCSSFromColumnCount.mjs";
-import { Subgrid, subgridContext } from "./Subgrid.mjs";
-import { GridCollapse, getMediaQuery } from "./GridCollapse.mjs";

package/dist/HeaderHeightArea/index.cjs

@@ -1,40 +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 _emotion_react = require("@emotion/react");
-
-//#region src/HeaderHeightArea/index.tsx
-const HeaderHeightAreaBase = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
-	target: "ez77rdt0",
-	label: "brand-HeaderHeightAreaBase"
-})(_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"
-} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hlYWRlckhlaWdodEFyZWEvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvSGVhZGVySGVpZ2h0QXJlYS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3lzdGVtLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFJlc3BvbnNpdmVQcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUlzSW5IZWFkZXJSZWdpb24gfSBmcm9tICcuL3VzZUlzSW5IZWFkZXJSZWdpb24nO1xuXG5jb25zdCBIZWFkZXJIZWlnaHRBcmVhQmFzZSA9IHN0eWxlZChCb3gpKFxuICBzeXN0ZW0uY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgICB0b3A6IDAsXG4gICAgekluZGV4OiAyLFxuICAgIHdpZHRoOiAxLFxuICAgIHRyYW5zaXRpb246IHRyYW5zaXRpb25Db25jYXQoXG4gICAgICBbJ2JhY2tncm91bmQtY29sb3InLCAnYm9yZGVyLWJvdHRvbS1jb2xvciddLFxuICAgICAgJ2Zhc3QnLFxuICAgICAgJ2Vhc2UtaW4tb3V0J1xuICAgICksXG4gIH0pLFxuICBzeXN0ZW0uc3RhdGVzKHtcbiAgICBmYWRlZDoge1xuICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlckhlaWdodEFyZWFQcm9wcyBleHRlbmRzIFdpdGhDaGlsZHJlblByb3Age1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlPGFueT47XG4gIGRpc3BsYXk6IFJlc3BvbnNpdmVQcm9wPCdub25lJyB8ICdibG9jayc+O1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJIZWlnaHRBcmVhOiBSZWFjdC5GQzxIZWFkZXJIZWlnaHRBcmVhUHJvcHM+ID0gKHtcbiAgYXMsXG4gIGNoaWxkcmVuLFxuICBkaXNwbGF5LFxuICBhcmlhTGFiZWwsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNJbkhlYWRlclJlZ2lvbiA9IHVzZUlzSW5IZWFkZXJSZWdpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxIZWFkZXJIZWlnaHRBcmVhQmFzZVxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzcGxheT17ZGlzcGxheX1cbiAgICAgIGhlaWdodD17dGhlbWUuZWxlbWVudHMuaGVhZGVySGVpZ2h0fVxuICAgICAgZmFkZWQ9e2lzSW5IZWFkZXJSZWdpb259XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSGVhZGVySGVpZ2h0QXJlYUJhc2U+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM2QiJ9 */");
-const HeaderHeightArea = ({ as, children, display, ariaLabel }) => {
-	const theme = (0, _emotion_react.useTheme)();
-	const isInHeaderRegion = require_useIsInHeaderRegion.useIsInHeaderRegion();
-	return /* @__PURE__ */ react.createElement(HeaderHeightAreaBase, {
-		as,
-		display,
-		height: theme.elements.headerHeight,
-		faded: isInHeaderRegion,
-		"aria-label": ariaLabel
-	}, children);
-};
-
-//#endregion
-exports.HeaderHeightArea = HeaderHeightArea;
-//# sourceMappingURL=index.cjs.map

package/dist/HeaderHeightArea/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","system","transitionConcat","useTheme","styled","React","useIsInHeaderRegion","HeaderHeightAreaBase","css","borderBottom","bg","top","zIndex","width","transition","states","faded","borderColor","HeaderHeightArea","as","children","display","ariaLabel","theme","isInHeaderRegion","height","elements","headerHeight","aria-label"],"sources":["../../src/HeaderHeightArea/index.tsx"],"sourcesContent":["import { Box, WithChildrenProp } from '@codecademy/gamut';\nimport { system, transitionConcat } from '@codecademy/gamut-styles';\nimport { ResponsiveProp } from '@codecademy/variance';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { useIsInHeaderRegion } from './useIsInHeaderRegion';\n\nconst HeaderHeightAreaBase = styled(Box)(\n  system.css({\n    borderBottom: 1,\n    bg: 'background',\n    top: 0,\n    zIndex: 2,\n    width: 1,\n    transition: transitionConcat(\n      ['background-color', 'border-bottom-color'],\n      'fast',\n      'ease-in-out'\n    ),\n  }),\n  system.states({\n    faded: {\n      bg: 'background-current',\n      borderColor: 'background-current',\n    },\n  })\n);\n\nexport interface HeaderHeightAreaProps extends WithChildrenProp {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: React.ElementType<any>;\n  display: ResponsiveProp<'none' | 'block'>;\n  ariaLabel?: string;\n}\n\nexport const HeaderHeightArea: React.FC<HeaderHeightAreaProps> = ({\n  as,\n  children,\n  display,\n  ariaLabel,\n}) => {\n  const theme = useTheme();\n  const isInHeaderRegion = useIsInHeaderRegion();\n\n  return (\n    <HeaderHeightAreaBase\n      as={as}\n      display={display}\n      height={theme.elements.headerHeight}\n      faded={isInHeaderRegion}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </HeaderHeightAreaBase>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,MAAMO,uBAAuBH,6CAAOJ,uBAAAA;;;GAClCC,gCAAOO,IAAI;CACTC,cAAc;CACdC,IAAI;CACJC,KAAK;CACLC,QAAQ;CACRC,OAAO;CACPC,2DACE,CAAC,oBAAoB,sBAAsB,EAC3C,QACA,cAAA;CAEJ,CAAA,EACAb,gCAAOc,OAAO,EACZC,OAAO;CACLN,IAAI;CACJO,aAAa;CACf,EACF,CAAA,EAAA,8yEAAA;AAUF,MAAaC,oBAAqD,EAChEC,IACAC,UACAC,SACAC,gBACD;CACC,MAAMC,sCAAQpB;CACd,MAAMqB,mBAAmBlB,iDAAAA;AAEzB,QACE,sBAAA,cAACC,sBAAAA;EACKY;EACKE;EACTI,QAAQF,MAAMG,SAASC;EACvBX,OAAOQ;EACPI,cAAYN;IAEXF,SAAAA"}

package/dist/HeaderHeightArea/index.mjs

@@ -1,37 +0,0 @@
-import { useIsInHeaderRegion } from "./useIsInHeaderRegion.mjs";
-import { Box } from "@codecademy/gamut";
-import { system, transitionConcat } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useTheme } from "@emotion/react";
-
-//#region src/HeaderHeightArea/index.tsx
-const HeaderHeightAreaBase = /* @__PURE__ */ styled(Box, {
-	target: "ez77rdt0",
-	label: "brand-HeaderHeightAreaBase"
-})(system.css({
-	borderBottom: 1,
-	bg: "background",
-	top: 0,
-	zIndex: 2,
-	width: 1,
-	transition: transitionConcat(["background-color", "border-bottom-color"], "fast", "ease-in-out")
-}), system.states({ faded: {
-	bg: "background-current",
-	borderColor: "background-current"
-} }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hlYWRlckhlaWdodEFyZWEvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvSGVhZGVySGVpZ2h0QXJlYS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBXaXRoQ2hpbGRyZW5Qcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3lzdGVtLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFJlc3BvbnNpdmVQcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUlzSW5IZWFkZXJSZWdpb24gfSBmcm9tICcuL3VzZUlzSW5IZWFkZXJSZWdpb24nO1xuXG5jb25zdCBIZWFkZXJIZWlnaHRBcmVhQmFzZSA9IHN0eWxlZChCb3gpKFxuICBzeXN0ZW0uY3NzKHtcbiAgICBib3JkZXJCb3R0b206IDEsXG4gICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgICB0b3A6IDAsXG4gICAgekluZGV4OiAyLFxuICAgIHdpZHRoOiAxLFxuICAgIHRyYW5zaXRpb246IHRyYW5zaXRpb25Db25jYXQoXG4gICAgICBbJ2JhY2tncm91bmQtY29sb3InLCAnYm9yZGVyLWJvdHRvbS1jb2xvciddLFxuICAgICAgJ2Zhc3QnLFxuICAgICAgJ2Vhc2UtaW4tb3V0J1xuICAgICksXG4gIH0pLFxuICBzeXN0ZW0uc3RhdGVzKHtcbiAgICBmYWRlZDoge1xuICAgICAgYmc6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdiYWNrZ3JvdW5kLWN1cnJlbnQnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhlYWRlckhlaWdodEFyZWFQcm9wcyBleHRlbmRzIFdpdGhDaGlsZHJlblByb3Age1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlPGFueT47XG4gIGRpc3BsYXk6IFJlc3BvbnNpdmVQcm9wPCdub25lJyB8ICdibG9jayc+O1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJIZWlnaHRBcmVhOiBSZWFjdC5GQzxIZWFkZXJIZWlnaHRBcmVhUHJvcHM+ID0gKHtcbiAgYXMsXG4gIGNoaWxkcmVuLFxuICBkaXNwbGF5LFxuICBhcmlhTGFiZWwsXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaXNJbkhlYWRlclJlZ2lvbiA9IHVzZUlzSW5IZWFkZXJSZWdpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxIZWFkZXJIZWlnaHRBcmVhQmFzZVxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzcGxheT17ZGlzcGxheX1cbiAgICAgIGhlaWdodD17dGhlbWUuZWxlbWVudHMuaGVhZGVySGVpZ2h0fVxuICAgICAgZmFkZWQ9e2lzSW5IZWFkZXJSZWdpb259XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSGVhZGVySGVpZ2h0QXJlYUJhc2U+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM2QiJ9 */");
-const HeaderHeightArea = ({ as, children, display, ariaLabel }) => {
-	const theme$1 = useTheme();
-	const isInHeaderRegion = useIsInHeaderRegion();
-	return /* @__PURE__ */ React$1.createElement(HeaderHeightAreaBase, {
-		as,
-		display,
-		height: theme$1.elements.headerHeight,
-		faded: isInHeaderRegion,
-		"aria-label": ariaLabel
-	}, children);
-};
-
-//#endregion
-export { HeaderHeightArea };
-//# sourceMappingURL=index.mjs.map

package/dist/HeaderHeightArea/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","system","transitionConcat","useTheme","styled","React","useIsInHeaderRegion","HeaderHeightAreaBase","css","borderBottom","bg","top","zIndex","width","transition","states","faded","borderColor","HeaderHeightArea","as","children","display","ariaLabel","theme","isInHeaderRegion","height","elements","headerHeight","aria-label"],"sources":["../../src/HeaderHeightArea/index.tsx"],"sourcesContent":["import { Box, WithChildrenProp } from '@codecademy/gamut';\nimport { system, transitionConcat } from '@codecademy/gamut-styles';\nimport { ResponsiveProp } from '@codecademy/variance';\nimport { useTheme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { useIsInHeaderRegion } from './useIsInHeaderRegion';\n\nconst HeaderHeightAreaBase = styled(Box)(\n  system.css({\n    borderBottom: 1,\n    bg: 'background',\n    top: 0,\n    zIndex: 2,\n    width: 1,\n    transition: transitionConcat(\n      ['background-color', 'border-bottom-color'],\n      'fast',\n      'ease-in-out'\n    ),\n  }),\n  system.states({\n    faded: {\n      bg: 'background-current',\n      borderColor: 'background-current',\n    },\n  })\n);\n\nexport interface HeaderHeightAreaProps extends WithChildrenProp {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: React.ElementType<any>;\n  display: ResponsiveProp<'none' | 'block'>;\n  ariaLabel?: string;\n}\n\nexport const HeaderHeightArea: React.FC<HeaderHeightAreaProps> = ({\n  as,\n  children,\n  display,\n  ariaLabel,\n}) => {\n  const theme = useTheme();\n  const isInHeaderRegion = useIsInHeaderRegion();\n\n  return (\n    <HeaderHeightAreaBase\n      as={as}\n      display={display}\n      height={theme.elements.headerHeight}\n      faded={isInHeaderRegion}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </HeaderHeightAreaBase>\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAMO,uBAAuBH,uBAAOJ,KAAAA;;;GAClCC,OAAOO,IAAI;CACTC,cAAc;CACdC,IAAI;CACJC,KAAK;CACLC,QAAQ;CACRC,OAAO;CACPC,YAAYZ,iBACV,CAAC,oBAAoB,sBAAsB,EAC3C,QACA,cAAA;CAEJ,CAAA,EACAD,OAAOc,OAAO,EACZC,OAAO;CACLN,IAAI;CACJO,aAAa;CACf,EACF,CAAA,EAAA,8yEAAA;AAUF,MAAaC,oBAAqD,EAChEC,IACAC,UACAC,SACAC,gBACD;CACC,MAAMC,UAAQpB,UAAAA;CACd,MAAMqB,mBAAmBlB,qBAAAA;AAEzB,QACE,wBAAA,cAACC,sBAAAA;EACKY;EACKE;EACTI,QAAQF,QAAMG,SAASC;EACvBX,OAAOQ;EACPI,cAAYN;IAEXF,SAAAA"}

package/dist/HeaderHeightArea/useIsInHeaderRegion.cjs

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

package/dist/HeaderHeightArea/useIsInHeaderRegion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsInHeaderRegion.cjs","names":["useEffect","useState","useIsInHeaderRegion","isInHeaderRegion","setIsInHeaderRegion","checkScroll","window","pageYOffset","document","addEventListener","removeEventListener"],"sources":["../../src/HeaderHeightArea/useIsInHeaderRegion.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useIsInHeaderRegion = () => {\n  const [isInHeaderRegion, setIsInHeaderRegion] = useState(true);\n\n  // it is not recommended to replicate this logic in other components unless absolutely necessary, as it is\n  // a workaround for style rehydration issues when using react-use/useWindowScroll. The reasoning behind this\n  // workaround is discussed here: https://github.com/Codecademy/gamut/pull/1822#discussion_r650125406\n  useEffect(() => {\n    const checkScroll = () => setIsInHeaderRegion(window?.pageYOffset === 0);\n    checkScroll();\n    document.addEventListener('scroll', checkScroll);\n    return () => document.removeEventListener('scroll', checkScroll);\n  }, []);\n\n  return isInHeaderRegion;\n};\n"],"mappings":";;;;AAEA,MAAaE,4BAAsB;CACjC,MAAM,CAACC,kBAAkBC,2CAAgC,KAAA;AAKzDJ,4BAAU;EACR,MAAMK,oBAAoBD,oBAAoBE,QAAQC,gBAAgB,EAAA;AACtEF,eAAAA;AACAG,WAASC,iBAAiB,UAAUJ,YAAAA;AACpC,eAAaG,SAASE,oBAAoB,UAAUL,YAAAA;IACnD,EAAE,CAAA;AAEL,QAAOF"}

package/dist/HeaderHeightArea/useIsInHeaderRegion.mjs

@@ -1,17 +0,0 @@
-import { useEffect, useState } from "react";
-
-//#region src/HeaderHeightArea/useIsInHeaderRegion.ts
-const useIsInHeaderRegion = () => {
-	const [isInHeaderRegion, setIsInHeaderRegion] = useState(true);
-	useEffect(() => {
-		const checkScroll = () => setIsInHeaderRegion(window?.pageYOffset === 0);
-		checkScroll();
-		document.addEventListener("scroll", checkScroll);
-		return () => document.removeEventListener("scroll", checkScroll);
-	}, []);
-	return isInHeaderRegion;
-};
-
-//#endregion
-export { useIsInHeaderRegion };
-//# sourceMappingURL=useIsInHeaderRegion.mjs.map

package/dist/HeaderHeightArea/useIsInHeaderRegion.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsInHeaderRegion.mjs","names":["useEffect","useState","useIsInHeaderRegion","isInHeaderRegion","setIsInHeaderRegion","checkScroll","window","pageYOffset","document","addEventListener","removeEventListener"],"sources":["../../src/HeaderHeightArea/useIsInHeaderRegion.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useIsInHeaderRegion = () => {\n  const [isInHeaderRegion, setIsInHeaderRegion] = useState(true);\n\n  // it is not recommended to replicate this logic in other components unless absolutely necessary, as it is\n  // a workaround for style rehydration issues when using react-use/useWindowScroll. The reasoning behind this\n  // workaround is discussed here: https://github.com/Codecademy/gamut/pull/1822#discussion_r650125406\n  useEffect(() => {\n    const checkScroll = () => setIsInHeaderRegion(window?.pageYOffset === 0);\n    checkScroll();\n    document.addEventListener('scroll', checkScroll);\n    return () => document.removeEventListener('scroll', checkScroll);\n  }, []);\n\n  return isInHeaderRegion;\n};\n"],"mappings":";;;AAEA,MAAaE,4BAAsB;CACjC,MAAM,CAACC,kBAAkBC,uBAAuBH,SAAS,KAAA;AAKzDD,iBAAU;EACR,MAAMK,oBAAoBD,oBAAoBE,QAAQC,gBAAgB,EAAA;AACtEF,eAAAA;AACAG,WAASC,iBAAiB,UAAUJ,YAAAA;AACpC,eAAaG,SAASE,oBAAoB,UAAUL,YAAAA;IACnD,EAAE,CAAA;AAEL,QAAOF"}

package/dist/HorizontalScrollMenu/index.cjs

@@ -1,57 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-require("intersection-observer");
-
-//#region src/HorizontalScrollMenu/index.tsx
-const ScrollContainer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
-	target: "e82083l0",
-	label: "brand-ScrollContainer"
-})("scroll-snap-type:x mandatory;::-webkit-scrollbar{display:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJ2ludGVyc2VjdGlvbi1vYnNlcnZlcic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCwgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU2Nyb2xsQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsSXRlbVdyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAmW2FyaWEtaGlkZGVuPSd0cnVlJ10ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IEhvcml6b250YWxTY3JvbGxNZW51OiBSZWFjdC5GQzxIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIGNvbnN0IGVsZW1lbnRzUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50W10+KFtdKTtcbiAgY29uc3QgcGFyZW50Q29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBudWxsO1xuICAgIHJldHVybiBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXG4gICAgICAoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKSA9PiB7XG4gICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICBlbnRyeS50YXJnZXQuYXJpYUhpZGRlbiA9IGVudHJ5LmlzSW50ZXJzZWN0aW5nID8gJ2ZhbHNlJyA6ICd0cnVlJztcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICByb290OiBwYXJlbnRDb250YWluZXJSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICAnW2RhdGEtb2JzZXJ2ZXJyb290PVwidHJ1ZVwiXSdcbiAgICAgICAgKSxcbiAgICAgICAgcm9vdE1hcmdpbjogJzEwMCUgMCUgMTAwJSAwJScsXG4gICAgICB9XG4gICAgKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbnVtYmVyT2ZDaGlsZEVsZW1lbnRzID0gQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikubGVuZ3RoO1xuXG4gICAgaWYgKGVsZW1lbnRzUmVmLmN1cnJlbnQubGVuZ3RoID09PSBudW1iZXJPZkNoaWxkRWxlbWVudHMpIHtcbiAgICAgIGVsZW1lbnRzUmVmLmN1cnJlbnQuZm9yRWFjaCgoZW50cnk6IEhUTUxFbGVtZW50KSA9PlxuICAgICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8ub2JzZXJ2ZShlbnRyeSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH07XG4gIH0sIFtlbGVtZW50c1JlZiwgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIsIGNoaWxkcmVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIDxTY3JvbGxDb250YWluZXJcbiAgICAgICAgZGF0YS1vYnNlcnZlcnJvb3Q9XCJ0cnVlXCJcbiAgICAgICAgcmVmPXtwYXJlbnRDb250YWluZXJSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBwcj17MTZ9XG4gICAgICAgIG92ZXJmbG93WD1cInNjcm9sbFwiXG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEl0ZW1XcmFwcGVyXG4gICAgICAgICAgICByZWY9eyhlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgZWxlbWVudHNSZWYuY3VycmVudFtpbmRleF0gPSBlbGVtZW50O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICA8L1Njcm9sbEl0ZW1XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsQ29udGFpbmVyPlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPd0IifQ== */");
-const ScrollItemWrapper = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
-	target: "e82083l1",
-	label: "brand-ScrollItemWrapper"
-})("scroll-snap-align:start;&[aria-hidden='true']{visibility:hidden;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJ2ludGVyc2VjdGlvbi1vYnNlcnZlcic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCwgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU2Nyb2xsQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsSXRlbVdyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAmW2FyaWEtaGlkZGVuPSd0cnVlJ10ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IEhvcml6b250YWxTY3JvbGxNZW51OiBSZWFjdC5GQzxIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIGNvbnN0IGVsZW1lbnRzUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50W10+KFtdKTtcbiAgY29uc3QgcGFyZW50Q29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBudWxsO1xuICAgIHJldHVybiBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXG4gICAgICAoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKSA9PiB7XG4gICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICBlbnRyeS50YXJnZXQuYXJpYUhpZGRlbiA9IGVudHJ5LmlzSW50ZXJzZWN0aW5nID8gJ2ZhbHNlJyA6ICd0cnVlJztcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICByb290OiBwYXJlbnRDb250YWluZXJSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICAnW2RhdGEtb2JzZXJ2ZXJyb290PVwidHJ1ZVwiXSdcbiAgICAgICAgKSxcbiAgICAgICAgcm9vdE1hcmdpbjogJzEwMCUgMCUgMTAwJSAwJScsXG4gICAgICB9XG4gICAgKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbnVtYmVyT2ZDaGlsZEVsZW1lbnRzID0gQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikubGVuZ3RoO1xuXG4gICAgaWYgKGVsZW1lbnRzUmVmLmN1cnJlbnQubGVuZ3RoID09PSBudW1iZXJPZkNoaWxkRWxlbWVudHMpIHtcbiAgICAgIGVsZW1lbnRzUmVmLmN1cnJlbnQuZm9yRWFjaCgoZW50cnk6IEhUTUxFbGVtZW50KSA9PlxuICAgICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8ub2JzZXJ2ZShlbnRyeSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH07XG4gIH0sIFtlbGVtZW50c1JlZiwgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIsIGNoaWxkcmVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIDxTY3JvbGxDb250YWluZXJcbiAgICAgICAgZGF0YS1vYnNlcnZlcnJvb3Q9XCJ0cnVlXCJcbiAgICAgICAgcmVmPXtwYXJlbnRDb250YWluZXJSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBwcj17MTZ9XG4gICAgICAgIG92ZXJmbG93WD1cInNjcm9sbFwiXG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEl0ZW1XcmFwcGVyXG4gICAgICAgICAgICByZWY9eyhlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgZWxlbWVudHNSZWYuY3VycmVudFtpbmRleF0gPSBlbGVtZW50O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICA8L1Njcm9sbEl0ZW1XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsQ29udGFpbmVyPlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEIifQ== */");
-const HorizontalScrollMenu = ({ children, className }) => {
-	const elementsRef = (0, react.useRef)([]);
-	const parentContainerRef = (0, react.useRef)(null);
-	const intersectionObserver = (0, react.useMemo)(() => {
-		if (typeof window === "undefined") return null;
-		return new IntersectionObserver((entries) => {
-			entries.forEach((entry) => {
-				entry.target.ariaHidden = entry.isIntersecting ? "false" : "true";
-			});
-		}, {
-			root: parentContainerRef.current?.querySelector("[data-observerroot=\"true\"]"),
-			rootMargin: "100% 0% 100% 0%"
-		});
-	}, []);
-	(0, react.useEffect)(() => {
-		const numberOfChildElements = react.Children.toArray(children).length;
-		if (elementsRef.current.length === numberOfChildElements) elementsRef.current.forEach((entry) => intersectionObserver?.observe(entry));
-		return () => {
-			intersectionObserver?.disconnect();
-		};
-	}, [
-		elementsRef,
-		intersectionObserver,
-		children
-	]);
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { position: "relative" }, /* @__PURE__ */ react.createElement(ScrollContainer, {
-		"data-observerroot": "true",
-		ref: parentContainerRef,
-		className,
-		pr: 16,
-		overflowX: "scroll",
-		tabIndex: 0
-	}, react.Children.map(children, (child, index) => /* @__PURE__ */ react.createElement(ScrollItemWrapper, { ref: (element) => {
-		if (element) elementsRef.current[index] = element;
-	} }, child))));
-};
-
-//#endregion
-exports.HorizontalScrollMenu = HorizontalScrollMenu;
-//# sourceMappingURL=index.cjs.map

package/dist/HorizontalScrollMenu/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","FlexBox","styled","Children","useEffect","useMemo","useRef","React","ScrollContainer","ScrollItemWrapper","HorizontalScrollMenu","children","className","elementsRef","parentContainerRef","intersectionObserver","window","IntersectionObserver","entries","forEach","entry","target","ariaHidden","isIntersecting","root","current","querySelector","rootMargin","numberOfChildElements","toArray","length","observe","disconnect","position","data-observerroot","ref","pr","overflowX","tabIndex","map","child","index","element"],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":["import 'intersection-observer';\n\nimport { Box, FlexBox, WithChildrenProp } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { Children, useEffect, useMemo, useRef } from 'react';\nimport * as React from 'react';\n\nconst ScrollContainer = styled(FlexBox)`\n  scroll-snap-type: x mandatory;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ScrollItemWrapper = styled(Box)`\n  scroll-snap-align: start;\n  &[aria-hidden='true'] {\n    visibility: hidden;\n  }\n`;\n\nexport interface HorizontalScrollMenuProps extends WithChildrenProp {\n  className?: string;\n}\n\nexport const HorizontalScrollMenu: React.FC<HorizontalScrollMenuProps> = ({\n  children,\n  className,\n}) => {\n  const elementsRef = useRef<HTMLElement[]>([]);\n  const parentContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const intersectionObserver = useMemo(() => {\n    if (typeof window === 'undefined') return null;\n    return new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        entries.forEach((entry) => {\n          entry.target.ariaHidden = entry.isIntersecting ? 'false' : 'true';\n        });\n      },\n      {\n        root: parentContainerRef.current?.querySelector(\n          '[data-observerroot=\"true\"]'\n        ),\n        rootMargin: '100% 0% 100% 0%',\n      }\n    );\n  }, []);\n\n  useEffect(() => {\n    const numberOfChildElements = Children.toArray(children).length;\n\n    if (elementsRef.current.length === numberOfChildElements) {\n      elementsRef.current.forEach((entry: HTMLElement) =>\n        intersectionObserver?.observe(entry)\n      );\n    }\n    return () => {\n      intersectionObserver?.disconnect();\n    };\n  }, [elementsRef, intersectionObserver, children]);\n\n  return (\n    <Box position=\"relative\">\n      <ScrollContainer\n        data-observerroot=\"true\"\n        ref={parentContainerRef}\n        className={className}\n        pr={16}\n        overflowX=\"scroll\"\n        tabIndex={0}\n      >\n        {Children.map(children, (child, index) => (\n          <ScrollItemWrapper\n            ref={(element) => {\n              if (element) {\n                elementsRef.current[index] = element;\n              }\n            }}\n          >\n            {child}\n          </ScrollItemWrapper>\n        ))}\n      </ScrollContainer>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;AAOA,MAAMQ,kBAAkBN,6CAAOD,2BAAAA;;;;AAO/B,MAAMQ,oBAAoBP,6CAAOF,uBAAAA;;;;AAWjC,MAAaU,wBAA6D,EACxEC,UACAC,gBACD;CACC,MAAMC,gCAAoC,EAAE,CAAA;CAC5C,MAAMC,uCAAmD,KAAA;CAEzD,MAAMC,gDAA+B;AACnC,MAAI,OAAOC,WAAW,YAAa,QAAO;AAC1C,SAAO,IAAIC,sBACRC,YAAAA;AACCA,WAAQC,SAASC,UAAAA;AACfA,UAAMC,OAAOC,aAAaF,MAAMG,iBAAiB,UAAU;KAC7D;KAEF;GACEC,MAAMV,mBAAmBW,SAASC,cAChC,+BAAA;GAEFC,YAAY;GACd,CAAA;IAED,EAAE,CAAA;AAELvB,4BAAU;EACR,MAAMwB,wBAAwBzB,eAAS0B,QAAQlB,SAAAA,CAAUmB;AAEzD,MAAIjB,YAAYY,QAAQK,WAAWF,sBACjCf,aAAYY,QAAQN,SAASC,UAC3BL,sBAAsBgB,QAAQX,MAAAA,CAAAA;AAGlC,eAAO;AACLL,yBAAsBiB,YAAAA;;IAEvB;EAACnB;EAAaE;EAAsBJ;EAAS,CAAA;AAEhD,QACE,sBAAA,cAACX,uBAAAA,EAAIiC,UAAS,cACZ,sBAAA,cAACzB,iBAAAA;EACC0B,qBAAkB;EAClBC,KAAKrB;EACMF;EACXwB,IAAI;EACJC,WAAU;EACVC,UAAU;IAETnC,eAASoC,IAAI5B,WAAW6B,OAAOC,UAC9B,sBAAA,cAAChC,mBAAAA,EACC0B,MAAMO,YAAAA;AACJ,MAAIA,QACF7B,aAAYY,QAAQgB,SAASC;MAIhCF,MAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/HorizontalScrollMenu/index.d.cts

@@ -1,11 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/HorizontalScrollMenu/index.d.ts
-interface HorizontalScrollMenuProps extends WithChildrenProp {
-  className?: string;
-}
-declare const HorizontalScrollMenu: React$1.FC<HorizontalScrollMenuProps>;
-//#endregion
-export { HorizontalScrollMenu, HorizontalScrollMenuProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":[],"mappings":";;;;UAqBiB,yBAAA,SAAkC;EAAlC,SAAA,CAAA,EAAA,MAAA;AAIjB;cAAa,sBAAsB,OAAA,CAAM,GAAG"}

package/dist/HorizontalScrollMenu/index.d.mts

@@ -1,12 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import "intersection-observer";
-
-//#region src/HorizontalScrollMenu/index.d.ts
-interface HorizontalScrollMenuProps extends WithChildrenProp {
-  className?: string;
-}
-declare const HorizontalScrollMenu: React$1.FC<HorizontalScrollMenuProps>;
-//#endregion
-export { HorizontalScrollMenu, HorizontalScrollMenuProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,yBAAA,SAAkC;;AAAnD;AAIa,cAAA,oBAA+B,EAAT,OAAA,CAAM,EAAG,CAAA,yBAAH,CAAE"}

package/dist/HorizontalScrollMenu/index.mjs

@@ -1,55 +0,0 @@
-import { Box, FlexBox } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { Children, useEffect, useMemo, useRef } from "react";
-import "intersection-observer";
-
-//#region src/HorizontalScrollMenu/index.tsx
-const ScrollContainer = /* @__PURE__ */ styled(FlexBox, {
-	target: "e82083l0",
-	label: "brand-ScrollContainer"
-})("scroll-snap-type:x mandatory;::-webkit-scrollbar{display:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJ2ludGVyc2VjdGlvbi1vYnNlcnZlcic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCwgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU2Nyb2xsQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsSXRlbVdyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAmW2FyaWEtaGlkZGVuPSd0cnVlJ10ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IEhvcml6b250YWxTY3JvbGxNZW51OiBSZWFjdC5GQzxIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIGNvbnN0IGVsZW1lbnRzUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50W10+KFtdKTtcbiAgY29uc3QgcGFyZW50Q29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBudWxsO1xuICAgIHJldHVybiBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXG4gICAgICAoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKSA9PiB7XG4gICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICBlbnRyeS50YXJnZXQuYXJpYUhpZGRlbiA9IGVudHJ5LmlzSW50ZXJzZWN0aW5nID8gJ2ZhbHNlJyA6ICd0cnVlJztcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICByb290OiBwYXJlbnRDb250YWluZXJSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICAnW2RhdGEtb2JzZXJ2ZXJyb290PVwidHJ1ZVwiXSdcbiAgICAgICAgKSxcbiAgICAgICAgcm9vdE1hcmdpbjogJzEwMCUgMCUgMTAwJSAwJScsXG4gICAgICB9XG4gICAgKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbnVtYmVyT2ZDaGlsZEVsZW1lbnRzID0gQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikubGVuZ3RoO1xuXG4gICAgaWYgKGVsZW1lbnRzUmVmLmN1cnJlbnQubGVuZ3RoID09PSBudW1iZXJPZkNoaWxkRWxlbWVudHMpIHtcbiAgICAgIGVsZW1lbnRzUmVmLmN1cnJlbnQuZm9yRWFjaCgoZW50cnk6IEhUTUxFbGVtZW50KSA9PlxuICAgICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8ub2JzZXJ2ZShlbnRyeSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH07XG4gIH0sIFtlbGVtZW50c1JlZiwgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIsIGNoaWxkcmVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIDxTY3JvbGxDb250YWluZXJcbiAgICAgICAgZGF0YS1vYnNlcnZlcnJvb3Q9XCJ0cnVlXCJcbiAgICAgICAgcmVmPXtwYXJlbnRDb250YWluZXJSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBwcj17MTZ9XG4gICAgICAgIG92ZXJmbG93WD1cInNjcm9sbFwiXG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEl0ZW1XcmFwcGVyXG4gICAgICAgICAgICByZWY9eyhlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgZWxlbWVudHNSZWYuY3VycmVudFtpbmRleF0gPSBlbGVtZW50O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICA8L1Njcm9sbEl0ZW1XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsQ29udGFpbmVyPlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPd0IifQ== */");
-const ScrollItemWrapper = /* @__PURE__ */ styled(Box, {
-	target: "e82083l1",
-	label: "brand-ScrollItemWrapper"
-})("scroll-snap-align:start;&[aria-hidden='true']{visibility:hidden;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0hvcml6b250YWxTY3JvbGxNZW51L2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJ2ludGVyc2VjdGlvbi1vYnNlcnZlcic7XG5cbmltcG9ydCB7IEJveCwgRmxleEJveCwgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgU2Nyb2xsQ29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpYFxuICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcbiAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgU2Nyb2xsSXRlbVdyYXBwZXIgPSBzdHlsZWQoQm94KWBcbiAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAmW2FyaWEtaGlkZGVuPSd0cnVlJ10ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxuYDtcblxuZXhwb3J0IGludGVyZmFjZSBIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IEhvcml6b250YWxTY3JvbGxNZW51OiBSZWFjdC5GQzxIb3Jpem9udGFsU2Nyb2xsTWVudVByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG59KSA9PiB7XG4gIGNvbnN0IGVsZW1lbnRzUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50W10+KFtdKTtcbiAgY29uc3QgcGFyZW50Q29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHdpbmRvdyA9PT0gJ3VuZGVmaW5lZCcpIHJldHVybiBudWxsO1xuICAgIHJldHVybiBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoXG4gICAgICAoZW50cmllczogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJFbnRyeVtdKSA9PiB7XG4gICAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgICAgICBlbnRyeS50YXJnZXQuYXJpYUhpZGRlbiA9IGVudHJ5LmlzSW50ZXJzZWN0aW5nID8gJ2ZhbHNlJyA6ICd0cnVlJztcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICByb290OiBwYXJlbnRDb250YWluZXJSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICAnW2RhdGEtb2JzZXJ2ZXJyb290PVwidHJ1ZVwiXSdcbiAgICAgICAgKSxcbiAgICAgICAgcm9vdE1hcmdpbjogJzEwMCUgMCUgMTAwJSAwJScsXG4gICAgICB9XG4gICAgKTtcbiAgfSwgW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgbnVtYmVyT2ZDaGlsZEVsZW1lbnRzID0gQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbikubGVuZ3RoO1xuXG4gICAgaWYgKGVsZW1lbnRzUmVmLmN1cnJlbnQubGVuZ3RoID09PSBudW1iZXJPZkNoaWxkRWxlbWVudHMpIHtcbiAgICAgIGVsZW1lbnRzUmVmLmN1cnJlbnQuZm9yRWFjaCgoZW50cnk6IEhUTUxFbGVtZW50KSA9PlxuICAgICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8ub2JzZXJ2ZShlbnRyeSlcbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpbnRlcnNlY3Rpb25PYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH07XG4gIH0sIFtlbGVtZW50c1JlZiwgaW50ZXJzZWN0aW9uT2JzZXJ2ZXIsIGNoaWxkcmVuXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgIDxTY3JvbGxDb250YWluZXJcbiAgICAgICAgZGF0YS1vYnNlcnZlcnJvb3Q9XCJ0cnVlXCJcbiAgICAgICAgcmVmPXtwYXJlbnRDb250YWluZXJSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBwcj17MTZ9XG4gICAgICAgIG92ZXJmbG93WD1cInNjcm9sbFwiXG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgPFNjcm9sbEl0ZW1XcmFwcGVyXG4gICAgICAgICAgICByZWY9eyhlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChlbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgZWxlbWVudHNSZWYuY3VycmVudFtpbmRleF0gPSBlbGVtZW50O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICA8L1Njcm9sbEl0ZW1XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsQ29udGFpbmVyPlxuICAgIDwvQm94PlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEIifQ== */");
-const HorizontalScrollMenu = ({ children, className }) => {
-	const elementsRef = useRef([]);
-	const parentContainerRef = useRef(null);
-	const intersectionObserver = useMemo(() => {
-		if (typeof window === "undefined") return null;
-		return new IntersectionObserver((entries) => {
-			entries.forEach((entry) => {
-				entry.target.ariaHidden = entry.isIntersecting ? "false" : "true";
-			});
-		}, {
-			root: parentContainerRef.current?.querySelector("[data-observerroot=\"true\"]"),
-			rootMargin: "100% 0% 100% 0%"
-		});
-	}, []);
-	useEffect(() => {
-		const numberOfChildElements = Children.toArray(children).length;
-		if (elementsRef.current.length === numberOfChildElements) elementsRef.current.forEach((entry) => intersectionObserver?.observe(entry));
-		return () => {
-			intersectionObserver?.disconnect();
-		};
-	}, [
-		elementsRef,
-		intersectionObserver,
-		children
-	]);
-	return /* @__PURE__ */ React$1.createElement(Box, { position: "relative" }, /* @__PURE__ */ React$1.createElement(ScrollContainer, {
-		"data-observerroot": "true",
-		ref: parentContainerRef,
-		className,
-		pr: 16,
-		overflowX: "scroll",
-		tabIndex: 0
-	}, Children.map(children, (child, index) => /* @__PURE__ */ React$1.createElement(ScrollItemWrapper, { ref: (element) => {
-		if (element) elementsRef.current[index] = element;
-	} }, child))));
-};
-
-//#endregion
-export { HorizontalScrollMenu };
-//# sourceMappingURL=index.mjs.map

package/dist/HorizontalScrollMenu/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","FlexBox","styled","Children","useEffect","useMemo","useRef","React","ScrollContainer","ScrollItemWrapper","HorizontalScrollMenu","children","className","elementsRef","parentContainerRef","intersectionObserver","window","IntersectionObserver","entries","forEach","entry","target","ariaHidden","isIntersecting","root","current","querySelector","rootMargin","numberOfChildElements","toArray","length","observe","disconnect","position","data-observerroot","ref","pr","overflowX","tabIndex","map","child","index","element"],"sources":["../../src/HorizontalScrollMenu/index.tsx"],"sourcesContent":["import 'intersection-observer';\n\nimport { Box, FlexBox, WithChildrenProp } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\nimport { Children, useEffect, useMemo, useRef } from 'react';\nimport * as React from 'react';\n\nconst ScrollContainer = styled(FlexBox)`\n  scroll-snap-type: x mandatory;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ScrollItemWrapper = styled(Box)`\n  scroll-snap-align: start;\n  &[aria-hidden='true'] {\n    visibility: hidden;\n  }\n`;\n\nexport interface HorizontalScrollMenuProps extends WithChildrenProp {\n  className?: string;\n}\n\nexport const HorizontalScrollMenu: React.FC<HorizontalScrollMenuProps> = ({\n  children,\n  className,\n}) => {\n  const elementsRef = useRef<HTMLElement[]>([]);\n  const parentContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const intersectionObserver = useMemo(() => {\n    if (typeof window === 'undefined') return null;\n    return new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]) => {\n        entries.forEach((entry) => {\n          entry.target.ariaHidden = entry.isIntersecting ? 'false' : 'true';\n        });\n      },\n      {\n        root: parentContainerRef.current?.querySelector(\n          '[data-observerroot=\"true\"]'\n        ),\n        rootMargin: '100% 0% 100% 0%',\n      }\n    );\n  }, []);\n\n  useEffect(() => {\n    const numberOfChildElements = Children.toArray(children).length;\n\n    if (elementsRef.current.length === numberOfChildElements) {\n      elementsRef.current.forEach((entry: HTMLElement) =>\n        intersectionObserver?.observe(entry)\n      );\n    }\n    return () => {\n      intersectionObserver?.disconnect();\n    };\n  }, [elementsRef, intersectionObserver, children]);\n\n  return (\n    <Box position=\"relative\">\n      <ScrollContainer\n        data-observerroot=\"true\"\n        ref={parentContainerRef}\n        className={className}\n        pr={16}\n        overflowX=\"scroll\"\n        tabIndex={0}\n      >\n        {Children.map(children, (child, index) => (\n          <ScrollItemWrapper\n            ref={(element) => {\n              if (element) {\n                elementsRef.current[index] = element;\n              }\n            }}\n          >\n            {child}\n          </ScrollItemWrapper>\n        ))}\n      </ScrollContainer>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAMQ,kBAAkBN,uBAAOD,SAAAA;;;;AAO/B,MAAMQ,oBAAoBP,uBAAOF,KAAAA;;;;AAWjC,MAAaU,wBAA6D,EACxEC,UACAC,gBACD;CACC,MAAMC,cAAcP,OAAsB,EAAE,CAAA;CAC5C,MAAMQ,qBAAqBR,OAA8B,KAAA;CAEzD,MAAMS,uBAAuBV,cAAQ;AACnC,MAAI,OAAOW,WAAW,YAAa,QAAO;AAC1C,SAAO,IAAIC,sBACRC,YAAAA;AACCA,WAAQC,SAASC,UAAAA;AACfA,UAAMC,OAAOC,aAAaF,MAAMG,iBAAiB,UAAU;KAC7D;KAEF;GACEC,MAAMV,mBAAmBW,SAASC,cAChC,+BAAA;GAEFC,YAAY;GACd,CAAA;IAED,EAAE,CAAA;AAELvB,iBAAU;EACR,MAAMwB,wBAAwBzB,SAAS0B,QAAQlB,SAAAA,CAAUmB;AAEzD,MAAIjB,YAAYY,QAAQK,WAAWF,sBACjCf,aAAYY,QAAQN,SAASC,UAC3BL,sBAAsBgB,QAAQX,MAAAA,CAAAA;AAGlC,eAAO;AACLL,yBAAsBiB,YAAAA;;IAEvB;EAACnB;EAAaE;EAAsBJ;EAAS,CAAA;AAEhD,QACE,wBAAA,cAACX,KAAAA,EAAIiC,UAAS,cACZ,wBAAA,cAACzB,iBAAAA;EACC0B,qBAAkB;EAClBC,KAAKrB;EACMF;EACXwB,IAAI;EACJC,WAAU;EACVC,UAAU;IAETnC,SAASoC,IAAI5B,WAAW6B,OAAOC,UAC9B,wBAAA,cAAChC,mBAAAA,EACC0B,MAAMO,YAAAA;AACJ,MAAIA,QACF7B,aAAYY,QAAQgB,SAASC;MAIhCF,MAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/HubCard/index.cjs

@@ -1,33 +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);
-
-//#region src/HubCard/index.tsx
-const HubCard = ({ eyebrowTitle, title, backgroundPosition, backgroundImage }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Card, {
-	variant: "white",
-	isInteractive: true,
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	backgroundSize: "cover",
-	backgroundRepeat: "no-repeat",
-	backgroundPosition,
-	backgroundImage: `url(${backgroundImage})`,
-	height: "11.25rem"
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-	p: 24,
-	bg: "white",
-	width: "100%",
-	maxWidth: "17.5rem"
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	as: "p",
-	fontSize: 16
-}, eyebrowTitle), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	as: "p",
-	variant: "title-sm"
-}, title))));
-
-//#endregion
-exports.HubCard = HubCard;
-//# sourceMappingURL=index.cjs.map

package/dist/HubCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","Card","FlexBox","Text","React","HubCard","eyebrowTitle","title","backgroundPosition","backgroundImage","variant","isInteractive","display","justifyContent","alignItems","backgroundSize","backgroundRepeat","height","p","bg","width","maxWidth","as","fontSize"],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type HubCardProps = {\n  eyebrowTitle: string;\n  title: string;\n  backgroundImage: string;\n  backgroundPosition: 'left' | 'right';\n};\n\nexport const HubCard: React.FC<HubCardProps> = ({\n  eyebrowTitle,\n  title,\n  backgroundPosition,\n  backgroundImage,\n}) => (\n  <Card\n    variant=\"white\"\n    isInteractive\n    display=\"flex\"\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    backgroundSize=\"cover\"\n    backgroundRepeat=\"no-repeat\"\n    backgroundPosition={backgroundPosition}\n    backgroundImage={`url(${backgroundImage})`}\n    height=\"11.25rem\"\n  >\n    <Box p={24} bg=\"white\" width=\"100%\" maxWidth=\"17.5rem\">\n      <Text as=\"p\" fontSize={16}>\n        {eyebrowTitle}\n      </Text>\n      <FlexBox alignItems=\"center\">\n        <Text as=\"p\" variant=\"title-sm\">\n          {title}\n        </Text>\n      </FlexBox>\n    </Box>\n  </Card>\n);\n"],"mappings":";;;;;;AAUA,MAAaK,WAAmC,EAC9CC,cACAC,OACAC,oBACAC,sBAEA,sBAAA,cAACR,wBAAAA;CACCS,SAAQ;CACRC,eAAAA;CACAC,SAAQ;CACRC,gBAAe;CACfC,YAAW;CACXC,gBAAe;CACfC,kBAAiB;CACGR;CACpBC,iBAAiB,OAAOA,gBAAgB;CACxCQ,QAAO;GAEP,sBAAA,cAACjB,uBAAAA;CAAIkB,GAAG;CAAIC,IAAG;CAAQC,OAAM;CAAOC,UAAS;GAC3C,sBAAA,cAAClB,wBAAAA;CAAKmB,IAAG;CAAIC,UAAU;GACpBjB,aAAAA,EAEH,sBAAA,cAACJ,2BAAAA,EAAQY,YAAW,YAClB,sBAAA,cAACX,wBAAAA;CAAKmB,IAAG;CAAIZ,SAAQ;GAClBH,MAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/HubCard/index.d.cts

@@ -1,13 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/HubCard/index.d.ts
-type HubCardProps = {
-  eyebrowTitle: string;
-  title: string;
-  backgroundImage: string;
-  backgroundPosition: 'left' | 'right';
-};
-declare const HubCard: React$1.FC<HubCardProps>;
-//#endregion
-export { HubCard, HubCardProps };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":[],"mappings":";;;KAGY,YAAA;;EAAA,KAAA,EAAA,MAAA;EAOC,eA6BZ,EAAA,MA7B8B;;;cAAlB,SAAS,OAAA,CAAM,GAAG"}

package/dist/HubCard/index.d.mts

@@ -1,13 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/HubCard/index.d.ts
-type HubCardProps = {
-  eyebrowTitle: string;
-  title: string;
-  backgroundImage: string;
-  backgroundPosition: 'left' | 'right';
-};
-declare const HubCard: React$1.FC<HubCardProps>;
-//#endregion
-export { HubCard, HubCardProps };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":[],"mappings":";;;KAGY,YAAA;;EAAA,KAAA,EAAA,MAAA;EAOC,eA6BZ,EAAA,MA7B8B;;;cAAlB,SAAS,OAAA,CAAM,GAAG"}

package/dist/HubCard/index.mjs

@@ -1,31 +0,0 @@
-import { Box, Card, FlexBox, Text } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/HubCard/index.tsx
-const HubCard = ({ eyebrowTitle, title, backgroundPosition, backgroundImage }) => /* @__PURE__ */ React$1.createElement(Card, {
-	variant: "white",
-	isInteractive: true,
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	backgroundSize: "cover",
-	backgroundRepeat: "no-repeat",
-	backgroundPosition,
-	backgroundImage: `url(${backgroundImage})`,
-	height: "11.25rem"
-}, /* @__PURE__ */ React$1.createElement(Box, {
-	p: 24,
-	bg: "white",
-	width: "100%",
-	maxWidth: "17.5rem"
-}, /* @__PURE__ */ React$1.createElement(Text, {
-	as: "p",
-	fontSize: 16
-}, eyebrowTitle), /* @__PURE__ */ React$1.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React$1.createElement(Text, {
-	as: "p",
-	variant: "title-sm"
-}, title))));
-
-//#endregion
-export { HubCard };
-//# sourceMappingURL=index.mjs.map

package/dist/HubCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","Card","FlexBox","Text","React","HubCard","eyebrowTitle","title","backgroundPosition","backgroundImage","variant","isInteractive","display","justifyContent","alignItems","backgroundSize","backgroundRepeat","height","p","bg","width","maxWidth","as","fontSize"],"sources":["../../src/HubCard/index.tsx"],"sourcesContent":["import { Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport type HubCardProps = {\n  eyebrowTitle: string;\n  title: string;\n  backgroundImage: string;\n  backgroundPosition: 'left' | 'right';\n};\n\nexport const HubCard: React.FC<HubCardProps> = ({\n  eyebrowTitle,\n  title,\n  backgroundPosition,\n  backgroundImage,\n}) => (\n  <Card\n    variant=\"white\"\n    isInteractive\n    display=\"flex\"\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    backgroundSize=\"cover\"\n    backgroundRepeat=\"no-repeat\"\n    backgroundPosition={backgroundPosition}\n    backgroundImage={`url(${backgroundImage})`}\n    height=\"11.25rem\"\n  >\n    <Box p={24} bg=\"white\" width=\"100%\" maxWidth=\"17.5rem\">\n      <Text as=\"p\" fontSize={16}>\n        {eyebrowTitle}\n      </Text>\n      <FlexBox alignItems=\"center\">\n        <Text as=\"p\" variant=\"title-sm\">\n          {title}\n        </Text>\n      </FlexBox>\n    </Box>\n  </Card>\n);\n"],"mappings":";;;;AAUA,MAAaK,WAAmC,EAC9CC,cACAC,OACAC,oBACAC,sBAEA,wBAAA,cAACR,MAAAA;CACCS,SAAQ;CACRC,eAAAA;CACAC,SAAQ;CACRC,gBAAe;CACfC,YAAW;CACXC,gBAAe;CACfC,kBAAiB;CACGR;CACpBC,iBAAiB,OAAOA,gBAAgB;CACxCQ,QAAO;GAEP,wBAAA,cAACjB,KAAAA;CAAIkB,GAAG;CAAIC,IAAG;CAAQC,OAAM;CAAOC,UAAS;GAC3C,wBAAA,cAAClB,MAAAA;CAAKmB,IAAG;CAAIC,UAAU;GACpBjB,aAAAA,EAEH,wBAAA,cAACJ,SAAAA,EAAQY,YAAW,YAClB,wBAAA,cAACX,MAAAA;CAAKmB,IAAG;CAAIZ,SAAQ;GAClBH,MAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/InfoCard/index.cjs

@@ -1,99 +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 react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/InfoCard/index.tsx
-const cardMinWidth = 250;
-const tagColorMap = {
-	blue: "paleBlue",
-	green: "paleGreen",
-	pink: "palePink"
-};
-const TopText = ({ text }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	display: "flex",
-	fontSize: 14,
-	mb: 12,
-	fontFamily: "accent"
-}, text);
-const Title = ({ text, headingLevel }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	as: headingLevel,
-	mb: 4,
-	fontSize: 20
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	truncate: "ellipsis",
-	truncateLines: 2
-}, text));
-const Subtitle = ({ text }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	variant: "p-small",
-	textColor: "gray-900"
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	truncate: "ellipsis",
-	truncateLines: 2
-}, text));
-const Body = ({ text }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Markdown, {
-	text,
-	overrides: {
-		p: { component: (props) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-			...props,
-			textColor: "gray-900",
-			variant: "p-small",
-			truncate: "ellipsis",
-			truncateLines: 3
-		}) },
-		a: { component: _codecademy_gamut.Anchor }
-	}
-});
-const Footer = ({ bottomLeftText, bottomRightTagText, bottomRightTagColor }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-	alignItems: "flex-end",
-	justifyContent: "space-between"
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, null, bottomLeftText && /* @__PURE__ */ react.createElement(BottomLeftText, { text: bottomLeftText })), /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, null, bottomRightTagText && /* @__PURE__ */ react.createElement(BottomRightTag, {
-	text: bottomRightTagText,
-	color: bottomRightTagColor
-})));
-const BottomLeftText = ({ text }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	maxWidth: "calc(100%-16px)",
-	px: 16,
-	variant: "p-small",
-	textColor: "gray-900"
-}, text);
-const BottomRightTag = ({ text, color }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { bg: tagColorMap[color] }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-	py: 4,
-	p: 12,
-	variant: "title-xs",
-	fontSize: 14,
-	whiteSpace: "nowrap"
-}, text));
-const InfoCard = ({ href, onClick, topText, title, subtitle, body, bottomLeftText, bottomRightTagText, bottomRightTagColor = "pink", cardHeight = 286, cardPadding = 16, titleHeadingLevel = "h3", rightContent }) => {
-	const displayFooter = bottomLeftText || bottomRightTagText;
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Anchor, {
-		variant: "interface",
-		href,
-		onClick: () => onClick?.()
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Card, {
-		display: "flex",
-		flexDirection: "column",
-		height: (0, _codecademy_gamut_styles.pxRem)(cardHeight),
-		justifyContent: "space-between",
-		minWidth: (0, _codecademy_gamut_styles.pxRem)(cardMinWidth),
-		variant: "white",
-		isInteractive: true,
-		p: 0,
-		position: "relative"
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		pb: displayFooter ? 0 : cardPadding,
-		p: cardPadding
-	}, /* @__PURE__ */ react.createElement(TopText, { text: topText }), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { justifyContent: "space-between" }, /* @__PURE__ */ react.createElement(Title, {
-		text: title,
-		headingLevel: titleHeadingLevel
-	}), rightContent && rightContent), subtitle && /* @__PURE__ */ react.createElement(Subtitle, { text: subtitle }), body && /* @__PURE__ */ react.createElement(Body, { text: body })), displayFooter && /* @__PURE__ */ react.createElement(Footer, {
-		bottomLeftText,
-		bottomRightTagText,
-		bottomRightTagColor
-	})));
-};
-
-//#endregion
-exports.InfoCard = InfoCard;
-//# sourceMappingURL=index.cjs.map