@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/LayoutMenu/LayoutMenuSection.js

@@ -1,39 +1,28 @@
-import { Box, FlexBox } from '@codecademy/gamut';
-import * as React from 'react';
-import { SectionItemLink } from './SectionItemLink';
-import { SelectedSectionItem } from './SelectedSectionItem';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export const LayoutMenuSection = ({
-  items,
-  selectedItem,
-  onItemClick,
-  verticalSpacing = 8,
-  ...styleProps
-}) => /*#__PURE__*/_jsx(Box, {
-  as: "ul",
-  listStyleType: "none",
-  p: 0,
-  m: 0,
-  ...styleProps,
-  children: items.map(item => /*#__PURE__*/_jsx(Box, {
-    as: "li",
-    py: verticalSpacing,
-    px: 4,
-    children: selectedItem === item.slug ? /*#__PURE__*/_jsx(SelectedSectionItem, {
-      children: /*#__PURE__*/_jsxs(FlexBox, {
-        alignItems: "center",
-        children: [item.title, item.badge]
-      })
-    }) : /*#__PURE__*/_jsx(SectionItemLink, {
-      href: item.href,
-      onClick: event => {
-        item.onClick(event);
-        onItemClick();
-      },
-      children: /*#__PURE__*/_jsxs(FlexBox, {
-        alignItems: "center",
-        children: [item.title, item.badge]
-      })
-    })
-  }, item.slug))
-});
+import { SectionItemLink } from "./SectionItemLink.js";
+import { SelectedSectionItem } from "./SelectedSectionItem.js";
+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.js.map

package/dist/LayoutMenu/LayoutMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutMenuSection.js","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

@@ -0,0 +1,18 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionItemLink.d.cts","names":[],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"mappings":";;;;UAGiB,oBAAA,SAA6B,gBAAA;EAC5C,OAAA,GAAU,KAAA,EAAO,OAAA,CAAM,UAAA;EACvB,IAAA;AAAA;AAAA,cAGW,eAAA,EAAiB,OAAA,CAAM,EAAA,CAAG,oBAAA"}

package/dist/LayoutMenu/SectionItemLink.d.ts

@@ -1,7 +1,12 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface SectionItemLinkProps extends WithChildrenProp {
-    onClick: (event: React.MouseEvent) => void;
-    href: string;
+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;
 }
-export declare const SectionItemLink: React.FC<SectionItemLinkProps>;
+declare const SectionItemLink: React$1.FC<SectionItemLinkProps>;
+//#endregion
+export { SectionItemLink, SectionItemLinkProps };
+//# sourceMappingURL=SectionItemLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionItemLink.d.ts","names":[],"sources":["../../src/LayoutMenu/SectionItemLink.tsx"],"mappings":";;;;UAGiB,oBAAA,SAA6B,gBAAA;EAC5C,OAAA,GAAU,KAAA,EAAO,OAAA,CAAM,UAAA;EACvB,IAAA;AAAA;AAAA,cAGW,eAAA,EAAiB,OAAA,CAAM,EAAA,CAAG,oBAAA"}

package/dist/LayoutMenu/SectionItemLink.js

@@ -1,16 +1,16 @@
-import { Anchor } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SectionItemLink = ({
-  onClick,
-  href,
-  children
-}) => {
-  return /*#__PURE__*/_jsx(Anchor, {
-    variant: "interface",
-    display: "block",
-    href: href,
-    onClick: onClick,
-    children: children
-  });
-};
+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.js.map

package/dist/LayoutMenu/SectionItemLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionItemLink.js","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

@@ -0,0 +1,18 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedSectionItem.d.cts","names":[],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"mappings":";;;;cAGa,mBAAA,EAAqB,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/LayoutMenu/SelectedSectionItem.d.ts

@@ -1,3 +1,8 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export declare const SelectedSectionItem: React.FC<WithChildrenProp>;
+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.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedSectionItem.d.ts","names":[],"sources":["../../src/LayoutMenu/SelectedSectionItem.tsx"],"mappings":";;;;cAGa,mBAAA,EAAqB,OAAA,CAAM,EAAA,CAAG,gBAAA"}

package/dist/LayoutMenu/SelectedSectionItem.js

@@ -1,17 +1,16 @@
-import { Box, Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SelectedSectionItem = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(Box, {
-    borderLeft: 1,
-    borderWidthLeft: "6px",
-    pl: 12,
-    "aria-current": "true",
-    children: /*#__PURE__*/_jsx(Text, {
-      fontWeight: "title",
-      children: children
-    })
-  });
-};
+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.js.map

package/dist/LayoutMenu/SelectedSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedSectionItem.js","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

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

package/dist/LayoutMenu/index.d.ts

@@ -1,3 +1,3 @@
-export * from './LayoutMenu';
-export * from './SectionItemLink';
-export * from './SelectedSectionItem';
+import { LayoutMenu, LayoutMenuProps } from "./LayoutMenu.js";
+import { SectionItemLink, SectionItemLinkProps } from "./SectionItemLink.js";
+import { SelectedSectionItem } from "./SelectedSectionItem.js";

package/dist/LayoutMenu/index.js

@@ -1,3 +1,3 @@
-export * from './LayoutMenu';
-export * from './SectionItemLink';
-export * from './SelectedSectionItem';
+import { SectionItemLink } from "./SectionItemLink.js";
+import { SelectedSectionItem } from "./SelectedSectionItem.js";
+import { LayoutMenu } from "./LayoutMenu.js";

package/dist/LayoutMenuVariant/AccordionMenu.cjs

@@ -0,0 +1,69 @@
+const require_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_runtime.__toESM(_emotion_styled);
+let react = require("react");
+react = require_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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMenu.d.cts","names":[],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"mappings":";;;;KAuCY,WAAA;EACV,KAAA;EACA,IAAA;EACA,IAAA;EACA,OAAA,GAAU,KAAA,EAAO,KAAA,CAAM,UAAA;EACvB,KAAA,GAAQ,GAAA,CAAI,OAAA;EACZ,OAAA,GAAU,KAAA,CAAM,cAAA,QAAsB,MAAA;AAAA;AAAA,KAG5B,OAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA,EAAO,WAAA;AAAA"}

package/dist/LayoutMenuVariant/AccordionMenu.d.ts

@@ -1,21 +1,20 @@
-import { Anchor } from '@codecademy/gamut';
-import React from 'react';
-export type SectionItem = {
-    title: string;
-    slug: string;
-    href: string;
-    onClick: (event: React.MouseEvent) => void;
-    badge?: JSX.Element;
-    variant?: React.ComponentProps<typeof Anchor>['variant'];
+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'];
 };
-export type Section = {
-    title: string;
-    slug: string;
-    items: SectionItem[];
+type Section = {
+  title: string;
+  slug: string;
+  items: SectionItem[];
 };
-export type AccordionMenuProps = {
-    section: Section;
-    onSectionToggle: (sectionSlug: string) => void;
-    onItemClick: () => void;
-};
-export declare const AccordionMenu: React.FC<AccordionMenuProps>;
+//#endregion
+export { Section, SectionItem };
+//# sourceMappingURL=AccordionMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMenu.d.ts","names":[],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"mappings":";;;;KAuCY,WAAA;EACV,KAAA;EACA,IAAA;EACA,IAAA;EACA,OAAA,GAAU,KAAA,EAAO,KAAA,CAAM,UAAA;EACvB,KAAA,GAAQ,GAAA,CAAI,OAAA;EACZ,OAAA,GAAU,KAAA,CAAM,cAAA,QAAsB,MAAA;AAAA;AAAA,KAG5B,OAAA;EACV,KAAA;EACA,IAAA;EACA,KAAA,EAAO,WAAA;AAAA"}