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

package/dist/LayoutMenu/LayoutMenuSection.cjs

@@ -1,30 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/LayoutMenu/LayoutMenuSection.tsx
-const LayoutMenuSection = ({ items, selectedItem, onItemClick, verticalSpacing = 8, ...styleProps }) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-	as: "ul",
-	listStyleType: "none",
-	p: 0,
-	m: 0,
-	...styleProps
-}, items.map((item) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-	as: "li",
-	key: item.slug,
-	py: verticalSpacing,
-	px: 4
-}, selectedItem === item.slug ? /* @__PURE__ */ react.createElement(require_SelectedSectionItem.SelectedSectionItem, null, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, item.title, item.badge)) : /* @__PURE__ */ react.createElement(require_SectionItemLink.SectionItemLink, {
-	href: item.href,
-	onClick: (event) => {
-		item.onClick(event);
-		onItemClick();
-	}
-}, /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, item.title, item.badge)))));
-
-//#endregion
-exports.LayoutMenuSection = LayoutMenuSection;
-//# sourceMappingURL=LayoutMenuSection.cjs.map

package/dist/LayoutMenu/LayoutMenuSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenuSection.cjs","names":["Box","FlexBox","React","SectionItemLink","SelectedSectionItem","LayoutMenuSection","items","selectedItem","onItemClick","verticalSpacing","styleProps","as","listStyleType","p","m","map","item","key","slug","py","px","alignItems","title","badge","href","onClick","event"],"sources":["../../src/LayoutMenu/LayoutMenuSection.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport { system } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport * as React from 'react';\n\nimport { SectionItem } from './AccordionMenu';\nimport { SectionItemLink } from './SectionItemLink';\nimport { SelectedSectionItem } from './SelectedSectionItem';\n\nexport type LayoutMenuSectionStyles = StyleProps<typeof system.space>;\n\nexport type LayoutMenuSectionProps = LayoutMenuSectionStyles & {\n  items: SectionItem[];\n  selectedItem?: string;\n  onItemClick: () => void;\n  verticalSpacing?: Scale<{\n    readonly property: 'padding';\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const LayoutMenuSection: React.FC<LayoutMenuSectionProps> = ({\n  items,\n  selectedItem,\n  onItemClick,\n  verticalSpacing = 8,\n  ...styleProps\n}) => (\n  <Box as=\"ul\" listStyleType=\"none\" p={0} m={0} {...styleProps}>\n    {items.map((item) => (\n      <Box as=\"li\" key={item.slug} py={verticalSpacing} px={4}>\n        {selectedItem === item.slug ? (\n          <SelectedSectionItem>\n            <FlexBox alignItems=\"center\">\n              {item.title}\n              {item.badge}\n            </FlexBox>\n          </SelectedSectionItem>\n        ) : (\n          <SectionItemLink\n            href={item.href}\n            onClick={(event) => {\n              item.onClick(event);\n              onItemClick();\n            }}\n          >\n            <FlexBox alignItems=\"center\">\n              {item.title}\n              {item.badge}\n            </FlexBox>\n          </SectionItemLink>\n        )}\n      </Box>\n    ))}\n  </Box>\n);\n"],"mappings":";;;;;;;;AAsBA,MAAaK,qBAAuD,EAClEC,OACAC,cACAC,aACAC,kBAAkB,GAClB,GAAGC,iBAEH,sBAAA,cAACV,uBAAAA;CAAIW,IAAG;CAAKC,eAAc;CAAOC,GAAG;CAAGC,GAAG;CAAI,GAAGJ;GAC/CJ,MAAMS,KAAKC,SACV,sBAAA,cAAChB,uBAAAA;CAAIW,IAAG;CAAKM,KAAKD,KAAKE;CAAMC,IAAIV;CAAiBW,IAAI;GACnDb,iBAAiBS,KAAKE,OACrB,sBAAA,cAACd,iDAAAA,MACC,sBAAA,cAACH,2BAAAA,EAAQoB,YAAW,YACjBL,KAAKM,OACLN,KAAKO,MAAK,CAAA,GAIf,sBAAA,cAACpB,yCAAAA;CACCqB,MAAMR,KAAKQ;CACXC,UAAUC,UAAAA;AACRV,OAAKS,QAAQC,MAAAA;AACblB,eAAAA;;GAGF,sBAAA,cAACP,2BAAAA,EAAQoB,YAAW,YACjBL,KAAKM,OACLN,KAAKO,MAAK,CAAA,CAAA,CAAA,CAAA"}

package/dist/LayoutMenu/LayoutMenuSection.mjs

@@ -1,28 +0,0 @@
-import { SectionItemLink } from "./SectionItemLink.mjs";
-import { SelectedSectionItem } from "./SelectedSectionItem.mjs";
-import { Box, FlexBox } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/LayoutMenuSection.tsx
-const LayoutMenuSection = ({ items, selectedItem, onItemClick, verticalSpacing = 8, ...styleProps }) => /* @__PURE__ */ React$1.createElement(Box, {
-	as: "ul",
-	listStyleType: "none",
-	p: 0,
-	m: 0,
-	...styleProps
-}, items.map((item) => /* @__PURE__ */ React$1.createElement(Box, {
-	as: "li",
-	key: item.slug,
-	py: verticalSpacing,
-	px: 4
-}, selectedItem === item.slug ? /* @__PURE__ */ React$1.createElement(SelectedSectionItem, null, /* @__PURE__ */ React$1.createElement(FlexBox, { alignItems: "center" }, item.title, item.badge)) : /* @__PURE__ */ React$1.createElement(SectionItemLink, {
-	href: item.href,
-	onClick: (event) => {
-		item.onClick(event);
-		onItemClick();
-	}
-}, /* @__PURE__ */ React$1.createElement(FlexBox, { alignItems: "center" }, item.title, item.badge)))));
-
-//#endregion
-export { LayoutMenuSection };
-//# sourceMappingURL=LayoutMenuSection.mjs.map

package/dist/LayoutMenu/LayoutMenuSection.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenuSection.mjs","names":["Box","FlexBox","React","SectionItemLink","SelectedSectionItem","LayoutMenuSection","items","selectedItem","onItemClick","verticalSpacing","styleProps","as","listStyleType","p","m","map","item","key","slug","py","px","alignItems","title","badge","href","onClick","event"],"sources":["../../src/LayoutMenu/LayoutMenuSection.tsx"],"sourcesContent":["import { Box, FlexBox } from '@codecademy/gamut';\nimport { system } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport * as React from 'react';\n\nimport { SectionItem } from './AccordionMenu';\nimport { SectionItemLink } from './SectionItemLink';\nimport { SelectedSectionItem } from './SelectedSectionItem';\n\nexport type LayoutMenuSectionStyles = StyleProps<typeof system.space>;\n\nexport type LayoutMenuSectionProps = LayoutMenuSectionStyles & {\n  items: SectionItem[];\n  selectedItem?: string;\n  onItemClick: () => void;\n  verticalSpacing?: Scale<{\n    readonly property: 'padding';\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const LayoutMenuSection: React.FC<LayoutMenuSectionProps> = ({\n  items,\n  selectedItem,\n  onItemClick,\n  verticalSpacing = 8,\n  ...styleProps\n}) => (\n  <Box as=\"ul\" listStyleType=\"none\" p={0} m={0} {...styleProps}>\n    {items.map((item) => (\n      <Box as=\"li\" key={item.slug} py={verticalSpacing} px={4}>\n        {selectedItem === item.slug ? (\n          <SelectedSectionItem>\n            <FlexBox alignItems=\"center\">\n              {item.title}\n              {item.badge}\n            </FlexBox>\n          </SelectedSectionItem>\n        ) : (\n          <SectionItemLink\n            href={item.href}\n            onClick={(event) => {\n              item.onClick(event);\n              onItemClick();\n            }}\n          >\n            <FlexBox alignItems=\"center\">\n              {item.title}\n              {item.badge}\n            </FlexBox>\n          </SectionItemLink>\n        )}\n      </Box>\n    ))}\n  </Box>\n);\n"],"mappings":";;;;;;AAsBA,MAAaK,qBAAuD,EAClEC,OACAC,cACAC,aACAC,kBAAkB,GAClB,GAAGC,iBAEH,wBAAA,cAACV,KAAAA;CAAIW,IAAG;CAAKC,eAAc;CAAOC,GAAG;CAAGC,GAAG;CAAI,GAAGJ;GAC/CJ,MAAMS,KAAKC,SACV,wBAAA,cAAChB,KAAAA;CAAIW,IAAG;CAAKM,KAAKD,KAAKE;CAAMC,IAAIV;CAAiBW,IAAI;GACnDb,iBAAiBS,KAAKE,OACrB,wBAAA,cAACd,qBAAAA,MACC,wBAAA,cAACH,SAAAA,EAAQoB,YAAW,YACjBL,KAAKM,OACLN,KAAKO,MAAK,CAAA,GAIf,wBAAA,cAACpB,iBAAAA;CACCqB,MAAMR,KAAKQ;CACXC,UAAUC,UAAAA;AACRV,OAAKS,QAAQC,MAAAA;AACblB,eAAAA;;GAGF,wBAAA,cAACP,SAAAA,EAAQoB,YAAW,YACjBL,KAAKM,OACLN,KAAKO,MAAK,CAAA,CAAA,CAAA,CAAA"}

package/dist/LayoutMenu/SectionItemLink.cjs

@@ -1,18 +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/LayoutMenu/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, children }) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Anchor, {
-		variant: "interface",
-		display: "block",
-		href,
-		onClick
-	}, children);
-};
-
-//#endregion
-exports.SectionItemLink = SectionItemLink;
-//# sourceMappingURL=SectionItemLink.cjs.map

package/dist/LayoutMenu/SectionItemLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionItemLink.cjs","names":["Anchor","React","SectionItemLink","onClick","href","children","variant","display"],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"sourcesContent":["import { Anchor, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface SectionItemLinkProps extends WithChildrenProp {\n  onClick: (event: React.MouseEvent) => void;\n  href: string;\n}\n\nexport const SectionItemLink: React.FC<SectionItemLinkProps> = ({\n  onClick,\n  href,\n  children,\n}) => {\n  return (\n    <Anchor variant=\"interface\" display=\"block\" href={href} onClick={onClick}>\n      {children}\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;;AAQA,MAAaE,mBAAmD,EAC9DC,SACAC,MACAC,eACD;AACC,QACE,sBAAA,cAACL,0BAAAA;EAAOM,SAAQ;EAAYC,SAAQ;EAAcH;EAAeD;IAC9DE,SAAAA"}

package/dist/LayoutMenu/SectionItemLink.d.cts

@@ -1,12 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SectionItemLink.d.ts
-interface SectionItemLinkProps extends WithChildrenProp {
-  onClick: (event: React$1.MouseEvent) => void;
-  href: string;
-}
-declare const SectionItemLink: React$1.FC<SectionItemLinkProps>;
-//#endregion
-export { SectionItemLink, SectionItemLinkProps };
-//# sourceMappingURL=SectionItemLink.d.cts.map

package/dist/LayoutMenu/SectionItemLink.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionItemLink.d.cts","names":[],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,oBAAA,SAA6B;mBAC3B,OAAA,CAAM;EADR,IAAA,EAAA,MAAA;AAKjB;cAAa,iBAAiB,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/SectionItemLink.d.mts

@@ -1,12 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SectionItemLink.d.ts
-interface SectionItemLinkProps extends WithChildrenProp {
-  onClick: (event: React$1.MouseEvent) => void;
-  href: string;
-}
-declare const SectionItemLink: React$1.FC<SectionItemLinkProps>;
-//#endregion
-export { SectionItemLink, SectionItemLinkProps };
-//# sourceMappingURL=SectionItemLink.d.mts.map

package/dist/LayoutMenu/SectionItemLink.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionItemLink.d.mts","names":[],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,oBAAA,SAA6B;mBAC3B,OAAA,CAAM;EADR,IAAA,EAAA,MAAA;AAKjB;cAAa,iBAAiB,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/SectionItemLink.mjs

@@ -1,16 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SectionItemLink.tsx
-const SectionItemLink = ({ onClick, href, children }) => {
-	return /* @__PURE__ */ React$1.createElement(Anchor, {
-		variant: "interface",
-		display: "block",
-		href,
-		onClick
-	}, children);
-};
-
-//#endregion
-export { SectionItemLink };
-//# sourceMappingURL=SectionItemLink.mjs.map

package/dist/LayoutMenu/SectionItemLink.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionItemLink.mjs","names":["Anchor","React","SectionItemLink","onClick","href","children","variant","display"],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"sourcesContent":["import { Anchor, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface SectionItemLinkProps extends WithChildrenProp {\n  onClick: (event: React.MouseEvent) => void;\n  href: string;\n}\n\nexport const SectionItemLink: React.FC<SectionItemLinkProps> = ({\n  onClick,\n  href,\n  children,\n}) => {\n  return (\n    <Anchor variant=\"interface\" display=\"block\" href={href} onClick={onClick}>\n      {children}\n    </Anchor>\n  );\n};\n"],"mappings":";;;;AAQA,MAAaE,mBAAmD,EAC9DC,SACAC,MACAC,eACD;AACC,QACE,wBAAA,cAACL,QAAAA;EAAOM,SAAQ;EAAYC,SAAQ;EAAcH;EAAeD;IAC9DE,SAAAA"}

package/dist/LayoutMenu/SelectedSectionItem.cjs

@@ -1,18 +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/LayoutMenu/SelectedSectionItem.tsx
-const SelectedSectionItem = ({ children }) => {
-	return /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		borderLeft: 1,
-		borderWidthLeft: "6px",
-		pl: 12,
-		"aria-current": "true"
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { fontWeight: "title" }, children));
-};
-
-//#endregion
-exports.SelectedSectionItem = SelectedSectionItem;
-//# sourceMappingURL=SelectedSectionItem.cjs.map

package/dist/LayoutMenu/SelectedSectionItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectedSectionItem.cjs","names":["Box","Text","React","SelectedSectionItem","children","borderLeft","borderWidthLeft","pl","aria-current","fontWeight"],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"sourcesContent":["import { Box, Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport const SelectedSectionItem: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  return (\n    <Box borderLeft={1} borderWidthLeft=\"6px\" pl={12} aria-current=\"true\">\n      <Text fontWeight=\"title\">{children}</Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AAGA,MAAaG,uBAAmD,EAC9DC,eACD;AACC,QACE,sBAAA,cAACJ,uBAAAA;EAAIK,YAAY;EAAGC,iBAAgB;EAAMC,IAAI;EAAIC,gBAAa;IAC7D,sBAAA,cAACP,wBAAAA,EAAKQ,YAAW,WAASL,SAAAA,CAAAA"}

package/dist/LayoutMenu/SelectedSectionItem.d.cts

@@ -1,8 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SelectedSectionItem.d.ts
-declare const SelectedSectionItem: React$1.FC<WithChildrenProp>;
-//#endregion
-export { SelectedSectionItem };
-//# sourceMappingURL=SelectedSectionItem.d.cts.map

package/dist/LayoutMenu/SelectedSectionItem.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectedSectionItem.d.cts","names":[],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/SelectedSectionItem.d.mts

@@ -1,8 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SelectedSectionItem.d.ts
-declare const SelectedSectionItem: React$1.FC<WithChildrenProp>;
-//#endregion
-export { SelectedSectionItem };
-//# sourceMappingURL=SelectedSectionItem.d.mts.map

package/dist/LayoutMenu/SelectedSectionItem.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectedSectionItem.d.mts","names":[],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/SelectedSectionItem.mjs

@@ -1,16 +0,0 @@
-import { Box, Text } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LayoutMenu/SelectedSectionItem.tsx
-const SelectedSectionItem = ({ children }) => {
-	return /* @__PURE__ */ React$1.createElement(Box, {
-		borderLeft: 1,
-		borderWidthLeft: "6px",
-		pl: 12,
-		"aria-current": "true"
-	}, /* @__PURE__ */ React$1.createElement(Text, { fontWeight: "title" }, children));
-};
-
-//#endregion
-export { SelectedSectionItem };
-//# sourceMappingURL=SelectedSectionItem.mjs.map

package/dist/LayoutMenu/SelectedSectionItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectedSectionItem.mjs","names":["Box","Text","React","SelectedSectionItem","children","borderLeft","borderWidthLeft","pl","aria-current","fontWeight"],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"sourcesContent":["import { Box, Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport const SelectedSectionItem: React.FC<WithChildrenProp> = ({\n  children,\n}) => {\n  return (\n    <Box borderLeft={1} borderWidthLeft=\"6px\" pl={12} aria-current=\"true\">\n      <Text fontWeight=\"title\">{children}</Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;AAGA,MAAaG,uBAAmD,EAC9DC,eACD;AACC,QACE,wBAAA,cAACJ,KAAAA;EAAIK,YAAY;EAAGC,iBAAgB;EAAMC,IAAI;EAAIC,gBAAa;IAC7D,wBAAA,cAACP,MAAAA,EAAKQ,YAAW,WAASL,SAAAA,CAAAA"}

package/dist/LayoutMenu/index.cjs

@@ -1,3 +0,0 @@
-const require_SectionItemLink = require('./SectionItemLink.cjs');
-const require_SelectedSectionItem = require('./SelectedSectionItem.cjs');
-const require_LayoutMenu = require('./LayoutMenu.cjs');

package/dist/LayoutMenu/index.d.mts

@@ -1,3 +0,0 @@
-import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu.mjs";
-import { SectionItemLink, SectionItemLinkProps } from "./SectionItemLink.mjs";
-import { SelectedSectionItem } from "./SelectedSectionItem.mjs";

package/dist/LayoutMenu/index.mjs

@@ -1,3 +0,0 @@
-import { SectionItemLink } from "./SectionItemLink.mjs";
-import { SelectedSectionItem } from "./SelectedSectionItem.mjs";
-import { LayoutMenu } from "./LayoutMenu.mjs";

package/dist/LayoutMenuVariant/AccordionMenu.cjs

@@ -1,69 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.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 _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/LayoutMenuVariant/AccordionMenu.tsx
-const StyledAccordionArea = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated, {
-	target: "e1q9ogvs0",
-	label: "brand-StyledAccordionArea"
-})("padding-block:", ({ theme }) => theme.spacing[16], ";position:relative;left:-4px;&:not(:first-child){border-top:1px solid ", ({ theme }) => theme.colors["navy-300"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiJ9 */");
-const StyledAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
-	target: "e1q9ogvs1",
-	label: "brand-StyledAnchor"
-})(":hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUIifQ== */");
-const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon, {
-	target: "e1q9ogvs2",
-	label: "brand-ExpandChevron"
-})((0, _codecademy_gamut_styles.css)({
-	transform: "rotate(0deg)",
-	transition: (0, _codecademy_gamut_styles.transitionConcat)(["transform"], "slow", "ease-out")
-}), chevronStates, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCc0IifQ== */");
-const AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
-	const [expanded, setExpanded] = (0, react.useState)(true);
-	return /* @__PURE__ */ react.default.createElement(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ react.default.createElement(StyledAnchor, {
-			variant: "interface",
-			pb: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex",
-			width: "100%"
-		}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
-			display: "flex",
-			justifyContent: "space-between",
-			width: "100%"
-		}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-			variant: "p-small",
-			style: {
-				flex: 1,
-				fontWeight: "bold"
-			},
-			textAlign: "left"
-		}, section.title), /* @__PURE__ */ react.default.createElement(ExpandChevron, {
-			ml: 12,
-			size: 16,
-			expanded,
-			position: "relative",
-			top: 4
-		})))
-	}, /* @__PURE__ */ react.default.createElement(require_LayoutMenuSection.LayoutMenuSection, {
-		items: section.items,
-		onItemClick
-	}));
-};
-
-//#endregion
-exports.AccordionMenu = AccordionMenu;
-//# sourceMappingURL=AccordionMenu.cjs.map

package/dist/LayoutMenuVariant/AccordionMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.cjs","names":["AccordionAreaDeprecated","Anchor","Box","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","useState","LayoutMenuSection","StyledAccordionArea","theme","spacing","colors","StyledAnchor","chevronStates","expanded","transform","ExpandChevron","transition","AccordionMenu","section","onSectionToggle","onItemClick","setExpanded","top","variant","pb","px","onClick","slug","prev","aria-expanded","display","width","justifyContent","style","flex","fontWeight","textAlign","title","ml","size","position","items"],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":["import { AccordionAreaDeprecated, Anchor, Box, Text } from '@codecademy/gamut';\nimport { MiniChevronDownIcon } from '@codecademy/gamut-icons';\nimport { css, states, transitionConcat } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { useState } from 'react';\n\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nconst StyledAccordionArea = styled(AccordionAreaDeprecated)`\n  padding-block: ${({ theme }) => theme.spacing[16]};\n  position: relative;\n  left: -4px;\n\n  &:not(:first-child) {\n    border-top: 1px solid ${({ theme }) => theme.colors['navy-300']};\n  }\n`;\n\nconst StyledAnchor = styled(Anchor)`\n  :hover {\n    color: inherit;\n  }\n`;\n\nconst chevronStates = states({\n  expanded: { transform: 'rotate(180deg)' },\n});\n\nconst ExpandChevron = styled(MiniChevronDownIcon)<\n  StyleProps<typeof chevronStates>\n>(\n  css({\n    transform: 'rotate(0deg)',\n    transition: transitionConcat(['transform'], 'slow', 'ease-out'),\n  }),\n  chevronStates\n);\n\nexport type SectionItem = {\n  title: string;\n  slug: string;\n  href: string;\n  onClick: (event: React.MouseEvent) => void;\n  badge?: JSX.Element;\n  variant?: React.ComponentProps<typeof Anchor>['variant'];\n};\n\nexport type Section = {\n  title: string;\n  slug: string;\n  items: SectionItem[];\n};\n\nexport type AccordionMenuProps = {\n  section: Section;\n  onSectionToggle: (sectionSlug: string) => void;\n  onItemClick: () => void;\n};\n\nexport const AccordionMenu: React.FC<AccordionMenuProps> = ({\n  section,\n  onSectionToggle,\n  onItemClick,\n}) => {\n  const [expanded, setExpanded] = useState(true);\n\n  return (\n    <StyledAccordionArea\n      expanded={expanded}\n      top={\n        <StyledAnchor\n          variant=\"interface\"\n          pb={12}\n          px={4}\n          onClick={() => {\n            onSectionToggle(section.slug);\n            setExpanded((prev) => !prev);\n          }}\n          aria-expanded={expanded}\n          display=\"flex\"\n          width=\"100%\"\n        >\n          <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n            <Text\n              variant=\"p-small\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ flex: 1, fontWeight: 'bold' }}\n              textAlign=\"left\"\n            >\n              {section.title}\n            </Text>\n            <ExpandChevron\n              ml={12}\n              size={16}\n              expanded={expanded}\n              position=\"relative\"\n              top={4}\n            />\n          </Box>\n        </StyledAnchor>\n      }\n    >\n      <LayoutMenuSection items={section.items} onItemClick={onItemClick} />\n    </StyledAccordionArea>\n  );\n};\n"],"mappings":";;;;;;;;;;;AASA,MAAMY,sBAAsBJ,6CAAOR,2CAAAA;;;sBACf,EAAEa,YAAYA,MAAMC,QAAQ,KAAG,2EAKtB,EAAED,YAAYA,MAAME,OAAO,aAAW,MAAA,0kIAAA;AAInE,MAAMC,eAAeR,6CAAOP,0BAAAA;;;;AAM5B,MAAMgB,qDAAuB,EAC3BC,UAAU,EAAEC,WAAW,kBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBZ,6CAAOJ,6CAAAA;;;qCAGvB;CACFe,WAAW;CACXE,2DAA6B,CAAC,YAAY,EAAE,QAAQ,WAAA;CACtD,CAAA,EACAJ,eAAAA,8kIAAAA;AAwBF,MAAaK,iBAA+C,EAC1DC,SACAC,iBACAC,kBACD;CACC,MAAM,CAACP,UAAUQ,mCAAwB,KAAA;AAEzC,QACE,8BAAA,cAACd,qBAAAA;EACWM;EACVS,KACE,8BAAA,cAACX,cAAAA;GACCY,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;AACPP,oBAAgBD,QAAQS,KAAI;AAC5BN,iBAAaO,SAAS,CAACA,KAAAA;;GAEzBC,iBAAehB;GACfiB,SAAQ;GACRC,OAAM;KAEN,8BAAA,cAAClC,uBAAAA;GAAIiC,SAAQ;GAAOE,gBAAe;GAAgBD,OAAM;KACvD,8BAAA,cAACjC,wBAAAA;GACCyB,SAAQ;GAERU,OAAO;IAAEC,MAAM;IAAGC,YAAY;IAAO;GACrCC,WAAU;KAETlB,QAAQmB,MAAK,EAEhB,8BAAA,cAACtB,eAAAA;GACCuB,IAAI;GACJC,MAAM;GACI1B;GACV2B,UAAS;GACTlB,KAAK;;IAMb,8BAAA,cAAChB,6CAAAA;EAAkBmC,OAAOvB,QAAQuB;EAAoBrB"}

package/dist/LayoutMenuVariant/AccordionMenu.d.cts

@@ -1,20 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LayoutMenuVariant/AccordionMenu.d.ts
-type SectionItem = {
-  title: string;
-  slug: string;
-  href: string;
-  onClick: (event: React.MouseEvent) => void;
-  badge?: JSX.Element;
-  variant?: React.ComponentProps<typeof Anchor>['variant'];
-};
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
-};
-//#endregion
-export { Section, SectionItem };
-//# sourceMappingURL=AccordionMenu.d.cts.map

package/dist/LayoutMenuVariant/AccordionMenu.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.d.cts","names":[],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":[],"mappings":";;;;KAuCY,WAAA;;EAAA,IAAA,EAAA,MAAA;EAIO,IAAM,EAAA,MAAA;EACf,OAAI,EAAA,CAAA,KAAA,EADK,KAAA,CAAM,UACX,EAAA,GAAA,IAAA;EAC0B,KAAA,CAAA,EAD9B,GAAA,CAAI,OAC0B;EAA5B,OAAM,CAAA,EAAN,KAAA,CAAM,cAAA,CAAA,OAAsB,MAAtB,CAAA,CAAA,SAAA,CAAA;CAAc;AAGpB,KAAA,OAAA,GAAO;;;SAGV"}

package/dist/LayoutMenuVariant/AccordionMenu.d.mts

@@ -1,20 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/LayoutMenuVariant/AccordionMenu.d.ts
-type SectionItem = {
-  title: string;
-  slug: string;
-  href: string;
-  onClick: (event: React.MouseEvent) => void;
-  badge?: JSX.Element;
-  variant?: React.ComponentProps<typeof Anchor>['variant'];
-};
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
-};
-//#endregion
-export { Section, SectionItem };
-//# sourceMappingURL=AccordionMenu.d.mts.map

package/dist/LayoutMenuVariant/AccordionMenu.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.d.mts","names":[],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":[],"mappings":";;;;KAuCY,WAAA;;EAAA,IAAA,EAAA,MAAA;EAIO,IAAM,EAAA,MAAA;EACf,OAAI,EAAA,CAAA,KAAA,EADK,KAAA,CAAM,UACX,EAAA,GAAA,IAAA;EAC0B,KAAA,CAAA,EAD9B,GAAA,CAAI,OAC0B;EAA5B,OAAM,CAAA,EAAN,KAAA,CAAM,cAAA,CAAA,OAAsB,MAAtB,CAAA,CAAA,SAAA,CAAA;CAAc;AAGpB,KAAA,OAAA,GAAO;;;SAGV"}

package/dist/LayoutMenuVariant/AccordionMenu.mjs

@@ -1,66 +0,0 @@
-import { LayoutMenuSection } from "./LayoutMenuSection.mjs";
-import { AccordionAreaDeprecated, Anchor, Box, Text } from "@codecademy/gamut";
-import { css, states, transitionConcat } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React, { useState } from "react";
-import { MiniChevronDownIcon } from "@codecademy/gamut-icons";
-
-//#region src/LayoutMenuVariant/AccordionMenu.tsx
-const StyledAccordionArea = /* @__PURE__ */ styled(AccordionAreaDeprecated, {
-	target: "e1q9ogvs0",
-	label: "brand-StyledAccordionArea"
-})("padding-block:", ({ theme: theme$1 }) => theme$1.spacing[16], ";position:relative;left:-4px;&:not(:first-child){border-top:1px solid ", ({ theme: theme$1 }) => theme$1.colors["navy-300"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiJ9 */");
-const StyledAnchor = /* @__PURE__ */ styled(Anchor, {
-	target: "e1q9ogvs1",
-	label: "brand-StyledAnchor"
-})(":hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUIifQ== */");
-const chevronStates = states({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = /* @__PURE__ */ styled(MiniChevronDownIcon, {
-	target: "e1q9ogvs2",
-	label: "brand-ExpandChevron"
-})(css({
-	transform: "rotate(0deg)",
-	transition: transitionConcat(["transform"], "slow", "ease-out")
-}), chevronStates, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQsIEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkFyZWEgPSBzdHlsZWQoQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQpYFxuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMTZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuXG4gICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snbmF2eS0zMDAnXX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFuY2hvciA9IHN0eWxlZChBbmNob3IpYFxuICA6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbiAgdmFyaWFudD86IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBBbmNob3I+Wyd2YXJpYW50J107XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBY2NvcmRpb25BcmVhXG4gICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICB0b3A9e1xuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICAgICAgcGI9ezEyfVxuICAgICAgICAgIHB4PXs0fVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uU2VjdGlvblRvZ2dsZShzZWN0aW9uLnNsdWcpO1xuICAgICAgICAgICAgc2V0RXhwYW5kZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICA+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIHdpZHRoPVwiMTAwJVwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgdmFyaWFudD1cInAtc21hbGxcIlxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZ2FtdXQvbm8taW5saW5lLXN0eWxlXG4gICAgICAgICAgICAgIHN0eWxlPXt7IGZsZXg6IDEsIGZvbnRXZWlnaHQ6ICdib2xkJyB9fVxuICAgICAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3NlY3Rpb24udGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgICBtbD17MTJ9XG4gICAgICAgICAgICAgIHNpemU9ezE2fVxuICAgICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1N0eWxlZEFuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb24gaXRlbXM9e3NlY3Rpb24uaXRlbXN9IG9uSXRlbUNsaWNrPXtvbkl0ZW1DbGlja30gLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCc0IifQ== */");
-const AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
-	const [expanded, setExpanded] = useState(true);
-	return /* @__PURE__ */ React.createElement(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ React.createElement(StyledAnchor, {
-			variant: "interface",
-			pb: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex",
-			width: "100%"
-		}, /* @__PURE__ */ React.createElement(Box, {
-			display: "flex",
-			justifyContent: "space-between",
-			width: "100%"
-		}, /* @__PURE__ */ React.createElement(Text, {
-			variant: "p-small",
-			style: {
-				flex: 1,
-				fontWeight: "bold"
-			},
-			textAlign: "left"
-		}, section.title), /* @__PURE__ */ React.createElement(ExpandChevron, {
-			ml: 12,
-			size: 16,
-			expanded,
-			position: "relative",
-			top: 4
-		})))
-	}, /* @__PURE__ */ React.createElement(LayoutMenuSection, {
-		items: section.items,
-		onItemClick
-	}));
-};
-
-//#endregion
-export { AccordionMenu };
-//# sourceMappingURL=AccordionMenu.mjs.map

package/dist/LayoutMenuVariant/AccordionMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.mjs","names":["AccordionAreaDeprecated","Anchor","Box","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","useState","LayoutMenuSection","StyledAccordionArea","theme","spacing","colors","StyledAnchor","chevronStates","expanded","transform","ExpandChevron","transition","AccordionMenu","section","onSectionToggle","onItemClick","setExpanded","top","variant","pb","px","onClick","slug","prev","aria-expanded","display","width","justifyContent","style","flex","fontWeight","textAlign","title","ml","size","position","items"],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":["import { AccordionAreaDeprecated, Anchor, Box, Text } from '@codecademy/gamut';\nimport { MiniChevronDownIcon } from '@codecademy/gamut-icons';\nimport { css, states, transitionConcat } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { useState } from 'react';\n\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nconst StyledAccordionArea = styled(AccordionAreaDeprecated)`\n  padding-block: ${({ theme }) => theme.spacing[16]};\n  position: relative;\n  left: -4px;\n\n  &:not(:first-child) {\n    border-top: 1px solid ${({ theme }) => theme.colors['navy-300']};\n  }\n`;\n\nconst StyledAnchor = styled(Anchor)`\n  :hover {\n    color: inherit;\n  }\n`;\n\nconst chevronStates = states({\n  expanded: { transform: 'rotate(180deg)' },\n});\n\nconst ExpandChevron = styled(MiniChevronDownIcon)<\n  StyleProps<typeof chevronStates>\n>(\n  css({\n    transform: 'rotate(0deg)',\n    transition: transitionConcat(['transform'], 'slow', 'ease-out'),\n  }),\n  chevronStates\n);\n\nexport type SectionItem = {\n  title: string;\n  slug: string;\n  href: string;\n  onClick: (event: React.MouseEvent) => void;\n  badge?: JSX.Element;\n  variant?: React.ComponentProps<typeof Anchor>['variant'];\n};\n\nexport type Section = {\n  title: string;\n  slug: string;\n  items: SectionItem[];\n};\n\nexport type AccordionMenuProps = {\n  section: Section;\n  onSectionToggle: (sectionSlug: string) => void;\n  onItemClick: () => void;\n};\n\nexport const AccordionMenu: React.FC<AccordionMenuProps> = ({\n  section,\n  onSectionToggle,\n  onItemClick,\n}) => {\n  const [expanded, setExpanded] = useState(true);\n\n  return (\n    <StyledAccordionArea\n      expanded={expanded}\n      top={\n        <StyledAnchor\n          variant=\"interface\"\n          pb={12}\n          px={4}\n          onClick={() => {\n            onSectionToggle(section.slug);\n            setExpanded((prev) => !prev);\n          }}\n          aria-expanded={expanded}\n          display=\"flex\"\n          width=\"100%\"\n        >\n          <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n            <Text\n              variant=\"p-small\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ flex: 1, fontWeight: 'bold' }}\n              textAlign=\"left\"\n            >\n              {section.title}\n            </Text>\n            <ExpandChevron\n              ml={12}\n              size={16}\n              expanded={expanded}\n              position=\"relative\"\n              top={4}\n            />\n          </Box>\n        </StyledAnchor>\n      }\n    >\n      <LayoutMenuSection items={section.items} onItemClick={onItemClick} />\n    </StyledAccordionArea>\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAMY,sBAAsBJ,uBAAOR,yBAAAA;;;sBACf,EAAEa,qBAAYA,QAAMC,QAAQ,KAAG,2EAKtB,EAAED,qBAAYA,QAAME,OAAO,aAAW,MAAA,0kIAAA;AAInE,MAAMC,eAAeR,uBAAOP,QAAAA;;;;AAM5B,MAAMgB,gBAAgBX,OAAO,EAC3BY,UAAU,EAAEC,WAAW,kBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBZ,uBAAOJ,qBAAAA;;;GAG3BC,IAAI;CACFc,WAAW;CACXE,YAAYd,iBAAiB,CAAC,YAAY,EAAE,QAAQ,WAAA;CACtD,CAAA,EACAU,eAAAA,8kIAAAA;AAwBF,MAAaK,iBAA+C,EAC1DC,SACAC,iBACAC,kBACD;CACC,MAAM,CAACP,UAAUQ,eAAehB,SAAS,KAAA;AAEzC,QACE,sBAAA,cAACE,qBAAAA;EACWM;EACVS,KACE,sBAAA,cAACX,cAAAA;GACCY,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;AACPP,oBAAgBD,QAAQS,KAAI;AAC5BN,iBAAaO,SAAS,CAACA,KAAAA;;GAEzBC,iBAAehB;GACfiB,SAAQ;GACRC,OAAM;KAEN,sBAAA,cAAClC,KAAAA;GAAIiC,SAAQ;GAAOE,gBAAe;GAAgBD,OAAM;KACvD,sBAAA,cAACjC,MAAAA;GACCyB,SAAQ;GAERU,OAAO;IAAEC,MAAM;IAAGC,YAAY;IAAO;GACrCC,WAAU;KAETlB,QAAQmB,MAAK,EAEhB,sBAAA,cAACtB,eAAAA;GACCuB,IAAI;GACJC,MAAM;GACI1B;GACV2B,UAAS;GACTlB,KAAK;;IAMb,sBAAA,cAAChB,mBAAAA;EAAkBmC,OAAOvB,QAAQuB;EAAoBrB"}

package/dist/LayoutMenuVariant/LayoutMenu.cjs

@@ -1,73 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_index = require('../Logos/LogoCodecademy/index.cjs');
-require('../Logos/index.cjs');
-const require_LayoutMenuSection = require('./LayoutMenuSection.cjs');
-const require_AccordionMenu = require('./AccordionMenu.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);
-
-//#region src/LayoutMenuVariant/LayoutMenu.tsx
-const StyleBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
-	target: "ew2umbw0",
-	label: "brand-StyleBox"
-})((0, _codecademy_gamut_styles.variant)({
-	prop: "menuHeight",
-	base: {
-		borderColor: "black",
-		borderStyleBottom: "solid",
-		borderWidthBottom: "1px",
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: { height: "1370px" }
-	}
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0xheW91dE1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvTGF5b3V0TWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbHlvdXQsIFN0cm9rZUJ1dHRvbiwgV2l0aENoaWxkcmVuUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEdhbXV0SWNvblByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgdmFyaWFudCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50VHlwZSwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExvZ29Db2RlY2FkZW15IH0gZnJvbSAnLi4vTG9nb3MnO1xuaW1wb3J0IHsgQWNjb3JkaW9uTWVudSwgU2VjdGlvbiwgU2VjdGlvbkl0ZW0gfSBmcm9tICcuL0FjY29yZGlvbk1lbnUnO1xuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRNZW51UHJvcHMgZXh0ZW5kcyBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgLyoqXG4gICAqIEFjY2Vzc2liaWxpdHkgbGFiZWwgZm9yIHRoZSBtb2JpbGUgRmx5b3V0J3MgY2xvc2UgYnV0dG9uLlxuICAgKi9cbiAgY2xvc2VMYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQW4gYXJyYXkgb2Ygc2VjdGlvbnMgY29udGFpbmluZyB0aGUgdGl0bGUsIHNsdWcsIGFuZCBpdGVtcywgZWFjaCBvZiB3aGljaCB3aWxsIGJlY29tZSBhbiBhY2NvcmRpb24uIEVhY2ggaXRlbSBjb250YWlucyBhIHRpdGxlLCBzbHVnLCBhbmQgb25DbGljay5cbiAgICovXG4gIHNlY3Rpb25zOiBTZWN0aW9uW107XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBiZSBydW4gb24gY2xpY2sgb2YgdGhlIGFjY29yZGlvbiBidXR0b25cbiAgICovXG4gIG9uU2VjdGlvblRvZ2dsZTogKHNlY3Rpb25TbHVnOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUZXh0IHNob3duIGluIG1vYmlsZSBidXR0b24gdGhhdCBvcGVucyBmbHlvdXQgb24gY2xpY2tcbiAgICovXG4gIG1vYmlsZUJ1dHRvblRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIEljb24gc2hvd24gaW4gbW9iaWxlIGJ1dHRvbiB0aGF0IG9wZW5zIGZseW91dCBvbiBjbGlja1xuICAgKi9cbiAgbW9iaWxlQnV0dG9uSWNvbj86IENvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICAvKipcbiAgICogQnJlYWtwb2ludCBhYm92ZSB3aGljaCB0aGUgbWVudSBidXR0b24gZGlzcGxheXMgYXMgYSBmdWxsIHNpZGViYXJcbiAgICovXG4gIGJyZWFrcG9pbnQ/OiAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJztcbiAgLyoqXG4gICAqIEFuIGFycmF5IG9mIHNlY3Rpb24gaXRlbXMsIGVhY2ggb2Ygd2hpY2ggYmVjb21lIGFuIGFkZGl0aW9uYWwgbGluayBvbiB0b3Agb2YgdGhlIGFjY29yZGlvbiBzZWN0aW9uLlxuICAgKi9cbiAgdG9wTGlua1NlY3Rpb25zPzogU2VjdGlvbkl0ZW1bXTtcbiAgLyoqXG4gICAqIFNldCBmaXhlZCBoZWlnaHQgZm9yIG1lbnUgd2l0aCBvdmVyZmxvd1xuICAgKi9cbiAgbWVudUhlaWdodD86ICdzbScgfCAnbWQnIHwgJ2xnJztcbn1cblxuY29uc3QgU3R5bGVCb3ggPSBzdHlsZWQoQm94KShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ21lbnVIZWlnaHQnLFxuICAgIGJhc2U6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAnYmxhY2snLFxuICAgICAgYm9yZGVyU3R5bGVCb3R0b206ICdzb2xpZCcsXG4gICAgICBib3JkZXJXaWR0aEJvdHRvbTogJzFweCcsXG4gICAgICBvdmVyZmxvd1k6ICdhdXRvJyxcbiAgICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgICBwYWRkaW5nVG9wOiAnNHB4JyxcbiAgICAgIHBhZGRpbmdMZWZ0OiAnNHB4JyxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBzbToge1xuICAgICAgICBoZWlnaHQ6ICc2MzBweCcsXG4gICAgICB9LFxuICAgICAgbWQ6IHtcbiAgICAgICAgaGVpZ2h0OiAnMTAwMHB4JyxcbiAgICAgIH0sXG4gICAgICBsZzoge1xuICAgICAgICBoZWlnaHQ6ICcxMzcwcHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IExheW91dE1lbnU6IFJlYWN0LkZDPExheW91dE1lbnVQcm9wcz4gPSAoe1xuICBjbG9zZUxhYmVsLFxuICBzZWN0aW9ucyxcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBtb2JpbGVCdXR0b25UZXh0LFxuICBtb2JpbGVCdXR0b25JY29uLFxuICBicmVha3BvaW50ID0gJ2xnJyxcbiAgY2hpbGRyZW4sXG4gIHRvcExpbmtTZWN0aW9ucyxcbiAgbWVudUhlaWdodCxcbn0pID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYWNjb3JkaW9uTWVudVNlY3Rpb25zID0gc2VjdGlvbnMubWFwKChzZWN0aW9uKSA9PiAoXG4gICAgPEFjY29yZGlvbk1lbnVcbiAgICAgIGtleT17c2VjdGlvbi5zbHVnfVxuICAgICAgc2VjdGlvbj17c2VjdGlvbn1cbiAgICAgIG9uU2VjdGlvblRvZ2dsZT17b25TZWN0aW9uVG9nZ2xlfVxuICAgICAgb25JdGVtQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAvPlxuICApKTtcblxuICBjb25zdCB0b3BMaW5rTGF5b3V0TWVudVNlY3Rpb25zID0gdG9wTGlua1NlY3Rpb25zICYmIChcbiAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgIGl0ZW1zPXt0b3BMaW5rU2VjdGlvbnN9XG4gICAgICBvbkl0ZW1DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoZmFsc2UpfVxuICAgICAgcGI9ezMyfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IGFyaWEtbGFiZWw9XCJTZWNvbmRhcnlcIj5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnYmxvY2snLCBbYnJlYWtwb2ludF06ICdub25lJyB9fT5cbiAgICAgICAgPEZseW91dFxuICAgICAgICAgIGNsb3NlTGFiZWw9e2Nsb3NlTGFiZWx9XG4gICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAgICAgICB0aXRsZT17PExvZ29Db2RlY2FkZW15IG1iPXszMn0gLz59XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHB4PXsyNH0+XG4gICAgICAgICAgICB7dG9wTGlua0xheW91dE1lbnVTZWN0aW9uc31cbiAgICAgICAgICAgIHthY2NvcmRpb25NZW51U2VjdGlvbnN9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvRmx5b3V0PlxuICAgICAgICA8U3Ryb2tlQnV0dG9uXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgd2lkdGg9ezF9XG4gICAgICAgICAgaWNvbj17bW9iaWxlQnV0dG9uSWNvbn1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRFeHBhbmRlZCh0cnVlKX1cbiAgICAgICAgPlxuICAgICAgICAgIHttb2JpbGVCdXR0b25UZXh0fVxuICAgICAgICA8L1N0cm9rZUJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgPFN0eWxlQm94XG4gICAgICAgIG1lbnVIZWlnaHQ9e21lbnVIZWlnaHR9XG4gICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCBbYnJlYWtwb2ludF06ICdibG9jaycgfX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJkZXNrdG9wLW1lbnVcIlxuICAgICAgPlxuICAgICAgICB7dG9wTGlua0xheW91dE1lbnVTZWN0aW9uc31cbiAgICAgICAge2FjY29yZGlvbk1lbnVTZWN0aW9uc31cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZUJveD5cbiAgICA8L25hdj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNpQiJ9 */");
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, mobileButtonText, mobileButtonIcon, breakpoint = "lg", children, topLinkSections, menuHeight }) => {
-	const [expanded, setExpanded] = (0, react.useState)(false);
-	const accordionMenuSections = sections.map((section) => /* @__PURE__ */ react.default.createElement(require_AccordionMenu.AccordionMenu, {
-		key: section.slug,
-		section,
-		onSectionToggle,
-		onItemClick: () => setExpanded(false)
-	}));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ react.default.createElement(require_LayoutMenuSection.LayoutMenuSection, {
-		items: topLinkSections,
-		onItemClick: () => setExpanded(false),
-		pb: 32
-	});
-	return /* @__PURE__ */ react.default.createElement("nav", { "aria-label": "Secondary" }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { display: {
-		_: "block",
-		[breakpoint]: "none"
-	} }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Flyout, {
-		closeLabel,
-		expanded,
-		onClose: () => setExpanded(false),
-		title: /* @__PURE__ */ react.default.createElement(require_index.LogoCodecademy, { mb: 32 })
-	}, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, { px: 24 }, topLinkLayoutMenuSections, accordionMenuSections, children)), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.StrokeButton, {
-		"aria-expanded": expanded,
-		variant: "secondary",
-		width: 1,
-		icon: mobileButtonIcon,
-		onClick: () => setExpanded(true)
-	}, mobileButtonText)), /* @__PURE__ */ react.default.createElement(StyleBox, {
-		menuHeight,
-		display: {
-			_: "none",
-			[breakpoint]: "block"
-		},
-		"data-testid": "desktop-menu"
-	}, topLinkLayoutMenuSections, accordionMenuSections, children));
-};
-
-//#endregion
-exports.LayoutMenu = LayoutMenu;
-//# sourceMappingURL=LayoutMenu.cjs.map