@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/LandingPage/Title.cjs

@@ -0,0 +1,32 @@
+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/LandingPage/Title.tsx
+const titleProps = {
+	heading: {
+		as: "h1",
+		fontSize: {
+			_: 34,
+			sm: 44,
+			lg: 64
+		}
+	},
+	subheading: {
+		as: "h2",
+		fontSize: {
+			_: 26,
+			lg: 34
+		}
+	}
+};
+const Title = ({ isPageHeading, children }) => /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+	maxWidth: "58rem",
+	...titleProps[isPageHeading ? "heading" : "subheading"]
+}, children);
+
+//#endregion
+exports.Title = Title;
+exports.titleProps = titleProps;
+//# sourceMappingURL=Title.cjs.map

package/dist/LandingPage/Title.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.cjs","names":["Text","React","titleProps","heading","as","fontSize","_","sm","lg","subheading","Title","isPageHeading","children","maxWidth"],"sources":["../../src/LandingPage/Title.tsx"],"sourcesContent":["import { Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface TitleProps extends WithChildrenProp {\n  isPageHeading?: boolean;\n}\n\nexport const titleProps = {\n  heading: {\n    as: 'h1',\n    fontSize: {\n      _: 34,\n      sm: 44,\n      lg: 64,\n    },\n  },\n  subheading: {\n    as: 'h2',\n    fontSize: {\n      _: 26,\n      lg: 34,\n    },\n  },\n} as const;\n\nexport const Title: React.FC<TitleProps> = ({ isPageHeading, children }) => (\n  <Text\n    maxWidth=\"58rem\"\n    {...titleProps[isPageHeading ? 'heading' : 'subheading']}\n  >\n    {children}\n  </Text>\n);\n"],"mappings":";;;;;;AAOA,MAAaE,aAAa;CACxBC,SAAS;EACPC,IAAI;EACJC,UAAU;GACRC,GAAG;GACHC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,YAAY;EACVL,IAAI;EACJC,UAAU;GACRC,GAAG;GACHE,IAAI;EACN;CACF;AACF;AAEA,MAAaE,SAA+B,EAAEC,eAAeC,eAC3D,oBAAA,cAACZ,wBAAAA;CACCa,UAAS;CACR,GAAGX,WAAWS,gBAAgB,YAAY;GAE1CC,QAAAA"}

package/dist/LandingPage/Title.d.cts

@@ -0,0 +1,28 @@
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.d.ts
+interface TitleProps extends WithChildrenProp {
+  isPageHeading?: boolean;
+}
+declare const titleProps: {
+  readonly heading: {
+    readonly as: "h1";
+    readonly fontSize: {
+      readonly _: 34;
+      readonly sm: 44;
+      readonly lg: 64;
+    };
+  };
+  readonly subheading: {
+    readonly as: "h2";
+    readonly fontSize: {
+      readonly _: 26;
+      readonly lg: 34;
+    };
+  };
+};
+declare const Title: React$1.FC<TitleProps>;
+//#endregion
+export { Title, TitleProps, titleProps };
+//# sourceMappingURL=Title.d.cts.map

package/dist/LandingPage/Title.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.cts","names":[],"sources":["../../src/LandingPage/Title.tsx"],"mappings":";;;;UAGiB,UAAA,SAAmB,gBAAgB;EAClD,aAAa;AAAA;AAAA,cAGF,UAAA;EAAA;;;;;;;;;;;;;;;;cAkBA,KAAA,EAAO,OAAA,CAAM,EAAE,CAAC,UAAA"}

package/dist/LandingPage/Title.d.ts

@@ -1,23 +1,28 @@
-import { WithChildrenProp } from '@codecademy/gamut';
-import * as React from 'react';
-export interface TitleProps extends WithChildrenProp {
-    isPageHeading?: boolean;
+import { WithChildrenProp } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.d.ts
+interface TitleProps extends WithChildrenProp {
+  isPageHeading?: boolean;
 }
-export declare const titleProps: {
-    readonly heading: {
-        readonly as: "h1";
-        readonly fontSize: {
-            readonly _: 34;
-            readonly sm: 44;
-            readonly lg: 64;
-        };
+declare const titleProps: {
+  readonly heading: {
+    readonly as: "h1";
+    readonly fontSize: {
+      readonly _: 34;
+      readonly sm: 44;
+      readonly lg: 64;
     };
-    readonly subheading: {
-        readonly as: "h2";
-        readonly fontSize: {
-            readonly _: 26;
-            readonly lg: 34;
-        };
+  };
+  readonly subheading: {
+    readonly as: "h2";
+    readonly fontSize: {
+      readonly _: 26;
+      readonly lg: 34;
     };
+  };
 };
-export declare const Title: React.FC<TitleProps>;
+declare const Title: React$1.FC<TitleProps>;
+//#endregion
+export { Title, TitleProps, titleProps };
+//# sourceMappingURL=Title.d.ts.map

package/dist/LandingPage/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","names":[],"sources":["../../src/LandingPage/Title.tsx"],"mappings":";;;;UAGiB,UAAA,SAAmB,gBAAA;EAClC,aAAA;AAAA;AAAA,cAGW,UAAA;EAAA;;;;;;;;;;;;;;;;cAkBA,KAAA,EAAO,OAAA,CAAM,EAAA,CAAG,UAAA"}

package/dist/LandingPage/Title.js

@@ -1,28 +1,29 @@
-import { Text } from '@codecademy/gamut';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const titleProps = {
-  heading: {
-    as: 'h1',
-    fontSize: {
-      _: 34,
-      sm: 44,
-      lg: 64
-    }
-  },
-  subheading: {
-    as: 'h2',
-    fontSize: {
-      _: 26,
-      lg: 34
-    }
-  }
+import { Text } from "@codecademy/gamut";
+import * as React$1 from "react";
+
+//#region src/LandingPage/Title.tsx
+const titleProps = {
+	heading: {
+		as: "h1",
+		fontSize: {
+			_: 34,
+			sm: 44,
+			lg: 64
+		}
+	},
+	subheading: {
+		as: "h2",
+		fontSize: {
+			_: 26,
+			lg: 34
+		}
+	}
 };
-export const Title = ({
-  isPageHeading,
-  children
-}) => /*#__PURE__*/_jsx(Text, {
-  maxWidth: "58rem",
-  ...titleProps[isPageHeading ? 'heading' : 'subheading'],
-  children: children
-});
+const Title = ({ isPageHeading, children }) => /*#__PURE__*/ React$1.createElement(Text, {
+	maxWidth: "58rem",
+	...titleProps[isPageHeading ? "heading" : "subheading"]
+}, children);
+
+//#endregion
+export { Title, titleProps };
+//# sourceMappingURL=Title.js.map

package/dist/LandingPage/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","names":["Text","React","titleProps","heading","as","fontSize","_","sm","lg","subheading","Title","isPageHeading","children","maxWidth"],"sources":["../../src/LandingPage/Title.tsx"],"sourcesContent":["import { Text, WithChildrenProp } from '@codecademy/gamut';\nimport * as React from 'react';\n\nexport interface TitleProps extends WithChildrenProp {\n  isPageHeading?: boolean;\n}\n\nexport const titleProps = {\n  heading: {\n    as: 'h1',\n    fontSize: {\n      _: 34,\n      sm: 44,\n      lg: 64,\n    },\n  },\n  subheading: {\n    as: 'h2',\n    fontSize: {\n      _: 26,\n      lg: 34,\n    },\n  },\n} as const;\n\nexport const Title: React.FC<TitleProps> = ({ isPageHeading, children }) => (\n  <Text\n    maxWidth=\"58rem\"\n    {...titleProps[isPageHeading ? 'heading' : 'subheading']}\n  >\n    {children}\n  </Text>\n);\n"],"mappings":";;;;AAOA,MAAaE,aAAa;CACxBC,SAAS;EACPC,IAAI;EACJC,UAAU;GACRC,GAAG;GACHC,IAAI;GACJC,IAAI;EACN;CACF;CACAC,YAAY;EACVL,IAAI;EACJC,UAAU;GACRC,GAAG;GACHE,IAAI;EACN;CACF;AACF;AAEA,MAAaE,SAA+B,EAAEC,eAAeC,eAC3D,sBAAA,cAACZ,MAAAA;CACCa,UAAS;CACR,GAAGX,WAAWS,gBAAgB,YAAY;GAE1CC,QAAAA"}

package/dist/LandingPage/TitleWithEyebrow.cjs

@@ -0,0 +1,34 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_Title = require('./Title.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/LandingPage/TitleWithEyebrow.tsx
+const TitleWithEyebrow = ({ title, eyebrow, isPageHeading, titleStyle, eyebrowStyle }) => /*#__PURE__*/ react.default.createElement("div", null, /*#__PURE__*/ react.default.createElement(require_Title.Title, { isPageHeading }, /*#__PURE__*/ react.default.createElement(_codecademy_gamut.Text, {
+	fontSize: {
+		_: 20,
+		sm: 22
+	},
+	fontFamily: "accent",
+	mb: 16,
+	display: "block",
+	color: eyebrow.accent ? "blue" : void 0,
+	...eyebrowStyle
+}, eyebrow.text)), /*#__PURE__*/ react.default.createElement(_codecademy_gamut.Text, {
+	fontSize: isPageHeading ? {
+		_: 34,
+		sm: 44,
+		lg: 64
+	} : {
+		_: 26,
+		lg: 34
+	},
+	fontWeight: 700,
+	lineHeight: "title",
+	...titleStyle
+}, title));
+
+//#endregion
+exports.TitleWithEyebrow = TitleWithEyebrow;
+//# sourceMappingURL=TitleWithEyebrow.cjs.map

package/dist/LandingPage/TitleWithEyebrow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithEyebrow.cjs","names":["Text","React","Title","TitleWithEyebrow","title","eyebrow","isPageHeading","titleStyle","eyebrowStyle","div","fontSize","_","sm","fontFamily","mb","display","color","accent","undefined","text","lg","fontWeight","lineHeight"],"sources":["../../src/LandingPage/TitleWithEyebrow.tsx"],"sourcesContent":["import type { TextProps } from '@codecademy/gamut';\nimport { Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { Title } from './Title';\nimport type { Eyebrow } from './types';\n\nexport interface TitleWithEyebrowProps {\n  eyebrow: Eyebrow;\n  title: string | undefined;\n  isPageHeading: boolean | undefined;\n  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n}\n\nexport const TitleWithEyebrow: React.FC<TitleWithEyebrowProps> = ({\n  title,\n  eyebrow,\n  isPageHeading,\n  titleStyle,\n  eyebrowStyle,\n}) => (\n  <div>\n    <Title isPageHeading={isPageHeading}>\n      <Text\n        fontSize={{ _: 20, sm: 22 }}\n        fontFamily=\"accent\"\n        mb={16}\n        display=\"block\"\n        color={eyebrow.accent ? 'blue' : undefined}\n        {...eyebrowStyle}\n      >\n        {eyebrow.text}\n      </Text>\n    </Title>\n    <Text\n      fontSize={isPageHeading ? { _: 34, sm: 44, lg: 64 } : { _: 26, lg: 34 }}\n      fontWeight={700}\n      lineHeight=\"title\"\n      {...titleStyle}\n    >\n      {title}\n    </Text>\n  </div>\n);\n"],"mappings":";;;;;;;AAeA,MAAaG,oBAAqD,EAChEC,OACAC,SACAC,eACAC,YACAC,mBAEA,4BAAA,cAACC,OAAAA,MACC,4BAAA,cAACP,qBAAAA,EAAqBI,iBACpB,4BAAA,cAACN,wBAAAA;CACCU,UAAU;EAAEC,GAAG;EAAIC,IAAI;CAAG;CAC1BC,YAAW;CACXC,IAAI;CACJC,SAAQ;CACRC,OAAOX,QAAQY,SAAS,SAASC;CAChC,GAAGV;GAEHH,QAAQc,IAAI,CAAA,GAGjB,4BAAA,cAACnB,wBAAAA;CACCU,UAAUJ,gBAAgB;EAAEK,GAAG;EAAIC,IAAI;EAAIQ,IAAI;CAAG,IAAI;EAAET,GAAG;EAAIS,IAAI;CAAG;CACtEC,YAAY;CACZC,YAAW;CACV,GAAGf;GAEHH,KAAAA,CAAAA"}

package/dist/LandingPage/TitleWithEyebrow.d.cts

@@ -0,0 +1,16 @@
+import { Eyebrow } from "./types.cjs";
+import { TextProps } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/LandingPage/TitleWithEyebrow.d.ts
+interface TitleWithEyebrowProps {
+  eyebrow: Eyebrow;
+  title: string | undefined;
+  isPageHeading: boolean | undefined;
+  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+}
+declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
+//#endregion
+export { TitleWithEyebrow, TitleWithEyebrowProps };
+//# sourceMappingURL=TitleWithEyebrow.d.cts.map

package/dist/LandingPage/TitleWithEyebrow.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithEyebrow.d.cts","names":[],"sources":["../../src/LandingPage/TitleWithEyebrow.tsx"],"mappings":";;;;;UAOiB,qBAAA;EACf,OAAA,EAAS,OAAA;EACT,KAAA;EACA,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,SAAA;EAClB,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA;AAAA,cAGT,gBAAA,EAAkB,KAAA,CAAM,EAAE,CAAC,qBAAA"}

package/dist/LandingPage/TitleWithEyebrow.d.ts

@@ -1,11 +1,16 @@
-import type { TextProps } from '@codecademy/gamut';
-import React from 'react';
-import type { Eyebrow } from './types';
-export interface TitleWithEyebrowProps {
-    eyebrow: Eyebrow;
-    title: string | undefined;
-    isPageHeading: boolean | undefined;
-    titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
-    eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+import { Eyebrow } from "./types.js";
+import { TextProps } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/LandingPage/TitleWithEyebrow.d.ts
+interface TitleWithEyebrowProps {
+  eyebrow: Eyebrow;
+  title: string | undefined;
+  isPageHeading: boolean | undefined;
+  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
+  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;
 }
-export declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
+declare const TitleWithEyebrow: React.FC<TitleWithEyebrowProps>;
+//#endregion
+export { TitleWithEyebrow, TitleWithEyebrowProps };
+//# sourceMappingURL=TitleWithEyebrow.d.ts.map

package/dist/LandingPage/TitleWithEyebrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithEyebrow.d.ts","names":[],"sources":["../../src/LandingPage/TitleWithEyebrow.tsx"],"mappings":";;;;;UAOiB,qBAAA;EACf,OAAA,EAAS,OAAA;EACT,KAAA;EACA,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,SAAA;EAClB,YAAA,GAAe,IAAA,CAAK,SAAA;AAAA;AAAA,cAGT,gBAAA,EAAkB,KAAA,CAAM,EAAA,CAAG,qBAAA"}

package/dist/LandingPage/TitleWithEyebrow.js

@@ -1,40 +1,32 @@
-import { Text } from '@codecademy/gamut';
-import React from 'react';
-import { Title } from './Title';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const TitleWithEyebrow = ({
-  title,
-  eyebrow,
-  isPageHeading,
-  titleStyle,
-  eyebrowStyle
-}) => /*#__PURE__*/_jsxs("div", {
-  children: [/*#__PURE__*/_jsx(Title, {
-    isPageHeading: isPageHeading,
-    children: /*#__PURE__*/_jsx(Text, {
-      fontSize: {
-        _: 20,
-        sm: 22
-      },
-      fontFamily: "accent",
-      mb: 16,
-      display: "block",
-      color: eyebrow.accent ? 'blue' : undefined,
-      ...eyebrowStyle,
-      children: eyebrow.text
-    })
-  }), /*#__PURE__*/_jsx(Text, {
-    fontSize: isPageHeading ? {
-      _: 34,
-      sm: 44,
-      lg: 64
-    } : {
-      _: 26,
-      lg: 34
-    },
-    fontWeight: 700,
-    lineHeight: "title",
-    ...titleStyle,
-    children: title
-  })]
-});
+import { Title } from "./Title.js";
+import { Text } from "@codecademy/gamut";
+import React from "react";
+
+//#region src/LandingPage/TitleWithEyebrow.tsx
+const TitleWithEyebrow = ({ title, eyebrow, isPageHeading, titleStyle, eyebrowStyle }) => /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(Title, { isPageHeading }, /*#__PURE__*/ React.createElement(Text, {
+	fontSize: {
+		_: 20,
+		sm: 22
+	},
+	fontFamily: "accent",
+	mb: 16,
+	display: "block",
+	color: eyebrow.accent ? "blue" : void 0,
+	...eyebrowStyle
+}, eyebrow.text)), /*#__PURE__*/ React.createElement(Text, {
+	fontSize: isPageHeading ? {
+		_: 34,
+		sm: 44,
+		lg: 64
+	} : {
+		_: 26,
+		lg: 34
+	},
+	fontWeight: 700,
+	lineHeight: "title",
+	...titleStyle
+}, title));
+
+//#endregion
+export { TitleWithEyebrow };
+//# sourceMappingURL=TitleWithEyebrow.js.map

package/dist/LandingPage/TitleWithEyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithEyebrow.js","names":["Text","React","Title","TitleWithEyebrow","title","eyebrow","isPageHeading","titleStyle","eyebrowStyle","div","fontSize","_","sm","fontFamily","mb","display","color","accent","undefined","text","lg","fontWeight","lineHeight"],"sources":["../../src/LandingPage/TitleWithEyebrow.tsx"],"sourcesContent":["import type { TextProps } from '@codecademy/gamut';\nimport { Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { Title } from './Title';\nimport type { Eyebrow } from './types';\n\nexport interface TitleWithEyebrowProps {\n  eyebrow: Eyebrow;\n  title: string | undefined;\n  isPageHeading: boolean | undefined;\n  titleStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n  eyebrowStyle?: Omit<TextProps, 'as' | 'truncateLines' | 'truncate'>;\n}\n\nexport const TitleWithEyebrow: React.FC<TitleWithEyebrowProps> = ({\n  title,\n  eyebrow,\n  isPageHeading,\n  titleStyle,\n  eyebrowStyle,\n}) => (\n  <div>\n    <Title isPageHeading={isPageHeading}>\n      <Text\n        fontSize={{ _: 20, sm: 22 }}\n        fontFamily=\"accent\"\n        mb={16}\n        display=\"block\"\n        color={eyebrow.accent ? 'blue' : undefined}\n        {...eyebrowStyle}\n      >\n        {eyebrow.text}\n      </Text>\n    </Title>\n    <Text\n      fontSize={isPageHeading ? { _: 34, sm: 44, lg: 64 } : { _: 26, lg: 34 }}\n      fontWeight={700}\n      lineHeight=\"title\"\n      {...titleStyle}\n    >\n      {title}\n    </Text>\n  </div>\n);\n"],"mappings":";;;;;AAeA,MAAaG,oBAAqD,EAChEC,OACAC,SACAC,eACAC,YACAC,mBAEA,oBAAA,cAACC,OAAAA,MACC,oBAAA,cAACP,OAAAA,EAAqBI,iBACpB,oBAAA,cAACN,MAAAA;CACCU,UAAU;EAAEC,GAAG;EAAIC,IAAI;CAAG;CAC1BC,YAAW;CACXC,IAAI;CACJC,SAAQ;CACRC,OAAOX,QAAQY,SAAS,SAASC;CAChC,GAAGV;GAEHH,QAAQc,IAAI,CAAA,GAGjB,oBAAA,cAACnB,MAAAA;CACCU,UAAUJ,gBAAgB;EAAEK,GAAG;EAAIC,IAAI;EAAIQ,IAAI;CAAG,IAAI;EAAET,GAAG;EAAIS,IAAI;CAAG;CACtEC,YAAY;CACZC,YAAW;CACV,GAAGf;GAEHH,KAAAA,CAAAA"}

package/dist/LandingPage/index.cjs

@@ -0,0 +1,5 @@
+const require_Title = require('./Title.cjs');
+const require_TitleWithEyebrow = require('./TitleWithEyebrow.cjs');
+const require_Description = require('./Description.cjs');
+const require_PageFAQs = require('./PageFAQs.cjs');
+const require_index = require('../FeatureList/index.cjs');

package/dist/LandingPage/index.d.cts

@@ -0,0 +1,6 @@
+import { CtaProps, Eyebrow, LandingPageBaseProps } from "./types.cjs";
+import { Title, TitleProps, titleProps } from "./Title.cjs";
+import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.cjs";
+import { Description, DescriptionProps } from "./Description.cjs";
+import { PageFaqs, PageFaqsProps } from "./PageFAQs.cjs";
+import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.cjs";

package/dist/LandingPage/index.d.ts

@@ -1,6 +1,6 @@
-export * from './types';
-export * from './Title';
-export * from './TitleWithEyebrow';
-export * from './Description';
-export * from './PageFAQs';
-export * from '../FeatureList';
+import { CtaProps, Eyebrow, LandingPageBaseProps } from "./types.js";
+import { Title, TitleProps, titleProps } from "./Title.js";
+import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.js";
+import { Description, DescriptionProps } from "./Description.js";
+import { PageFaqs, PageFaqsProps } from "./PageFAQs.js";
+import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.js";

package/dist/LandingPage/index.js

@@ -1,6 +1,5 @@
-export * from './types';
-export * from './Title';
-export * from './TitleWithEyebrow';
-export * from './Description';
-export * from './PageFAQs';
-export * from '../FeatureList';
+import { Title, titleProps } from "./Title.js";
+import { TitleWithEyebrow } from "./TitleWithEyebrow.js";
+import { Description } from "./Description.js";
+import { PageFaqs } from "./PageFAQs.js";
+import { FeatureList } from "../FeatureList/index.js";

package/dist/LandingPage/types.d.cts

@@ -0,0 +1,36 @@
+//#region src/LandingPage/types.d.ts
+type LandingPageBaseProps = {
+  title?: string;
+  /**
+   * Body text as markdown
+   */
+  desc?: string;
+  /**
+   * Callback when a markdown anchor tag is clicked
+   */
+  onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * text: button text
+   *
+   * href: url to navigate to when clicking the button
+   *
+   * onClick: callback when the button is clicked
+   *
+   * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
+   */
+  cta?: {
+    text: string;
+    href: string;
+    onClick?: React.MouseEventHandler;
+    buttonType?: 'cta' | 'fill';
+  };
+  testId?: string;
+};
+type CtaProps = LandingPageBaseProps['cta'];
+type Eyebrow = {
+  accent?: boolean;
+  text: string;
+};
+//#endregion
+export { CtaProps, Eyebrow, LandingPageBaseProps };
+//# sourceMappingURL=types.d.cts.map

package/dist/LandingPage/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/LandingPage/types.tsx"],"mappings":";KAAY,oBAAA;EACV,KAAA;EAD8B;;;EAK9B,IAAA;EAiBY;;;EAbZ,aAAA,IAAiB,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,iBAAA;EAJzC;;;;;;;;;EAcA,GAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA,GAAU,KAAA,CAAM,iBAAA;IAChB,UAAA;EAAA;EAGF,MAAA;AAAA;AAAA,KAGU,QAAA,GAAW,oBAAoB;AAAA,KAE/B,OAAA;EACV,MAAA;EACA,IAAI;AAAA"}

package/dist/LandingPage/types.d.ts

@@ -1,32 +1,36 @@
-export type LandingPageBaseProps = {
-    title?: string;
-    /**
-     * Body text as markdown
-     */
-    desc?: string;
-    /**
-     * Callback when a markdown anchor tag is clicked
-     */
-    onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * text: button text
-     *
-     * href: url to navigate to when clicking the button
-     *
-     * onClick: callback when the button is clicked
-     *
-     * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
-     */
-    cta?: {
-        text: string;
-        href: string;
-        onClick?: React.MouseEventHandler;
-        buttonType?: 'cta' | 'fill';
-    };
-    testId?: string;
-};
-export type CtaProps = LandingPageBaseProps['cta'];
-export type Eyebrow = {
-    accent?: boolean;
+//#region src/LandingPage/types.d.ts
+type LandingPageBaseProps = {
+  title?: string;
+  /**
+   * Body text as markdown
+   */
+  desc?: string;
+  /**
+   * Callback when a markdown anchor tag is clicked
+   */
+  onAnchorClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+  /**
+   * text: button text
+   *
+   * href: url to navigate to when clicking the button
+   *
+   * onClick: callback when the button is clicked
+   *
+   * buttonType: whether to show a CTA button or a regular fill button, defaults to CTA button
+   */
+  cta?: {
     text: string;
+    href: string;
+    onClick?: React.MouseEventHandler;
+    buttonType?: 'cta' | 'fill';
+  };
+  testId?: string;
+};
+type CtaProps = LandingPageBaseProps['cta'];
+type Eyebrow = {
+  accent?: boolean;
+  text: string;
 };
+//#endregion
+export { CtaProps, Eyebrow, LandingPageBaseProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/LandingPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/LandingPage/types.tsx"],"mappings":";KAAY,oBAAA;EACV,KAAA;EAD8B;;;EAK9B,IAAA;EAiBY;;;EAbZ,aAAA,IAAiB,KAAA,EAAO,KAAA,CAAM,UAAA,CAAW,iBAAA;EAJzC;;;;;;;;;EAcA,GAAA;IACE,IAAA;IACA,IAAA;IACA,OAAA,GAAU,KAAA,CAAM,iBAAA;IAChB,UAAA;EAAA;EAGF,MAAA;AAAA;AAAA,KAGU,QAAA,GAAW,oBAAA;AAAA,KAEX,OAAA;EACV,MAAA;EACA,IAAA;AAAA"}

package/dist/LayoutMenu/AccordionMenu.cjs

@@ -0,0 +1,64 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../AccordionAreaDeprecated/index.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/LayoutMenu/AccordionMenu.tsx
+const StyledAccordionArea = /*#__PURE__*/ (0, _emotion_styled.default)(require_index.AccordionAreaDeprecated, {
+	target: "e1fmgsex0",
+	label: "brand-StyledAccordionArea"
+})("padding-bottom:", ({ theme }) => theme.spacing[32], ";position:relative;left:-4px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlDaGV2cm9uRG93bkljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdHJhbnNpdGlvbkNvbmNhdCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgU2NhbGUgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZS9kaXN0L3R5cGVzL2NvbmZpZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkIH0gZnJvbSAnLi4vQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQnO1xuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQXJlYSA9IHN0eWxlZChBY2NvcmRpb25BcmVhRGVwcmVjYXRlZClgXG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMzJdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzU2VjdGlvbiA9IChpdGVtOiBTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKTogaXRlbSBpcyBTZWN0aW9uID0+IHtcbiAgcmV0dXJuIChcbiAgICB0eXBlb2YgaXRlbSA9PT0gJ29iamVjdCcgJiZcbiAgICBpdGVtICE9PSBudWxsICYmXG4gICAgJ3RpdGxlJyBpbiBpdGVtICYmXG4gICAgJ3NsdWcnIGluIGl0ZW0gJiZcbiAgICAnaXRlbXMnIGluIGl0ZW1cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHNlbGVjdGVkSXRlbT86IHN0cmluZztcbiAgdmVydGljYWxTcGFjaW5nPzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgc2NhbGU6ICdzcGFjaW5nJztcbiAgfT47XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG4gIHNlbGVjdGVkSXRlbSxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IFJlYWN0LnVzZVN0YXRlKHRydWUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjY29yZGlvbkFyZWFcbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIHRvcD17XG4gICAgICAgIDxBbmNob3JcbiAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICBweT17MTJ9XG4gICAgICAgICAgcHg9ezR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25TZWN0aW9uVG9nZ2xlKHNlY3Rpb24uc2x1Zyk7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICA+XG4gICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGUgKi99XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCIgc3R5bGU9e3sgZmxleDogMSB9fSB0ZXh0QWxpZ249XCJsZWZ0XCI+XG4gICAgICAgICAgICB7c2VjdGlvbi50aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgIG1sPXsxMn1cbiAgICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9BbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uXG4gICAgICAgIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfVxuICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgb25JdGVtQ2xpY2s9e29uSXRlbUNsaWNrfVxuICAgICAgICB2ZXJ0aWNhbFNwYWNpbmc9e3ZlcnRpY2FsU3BhY2luZ31cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNEIifQ== */");
+const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
+const ExpandChevron = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon, {
+	target: "e1fmgsex1",
+	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IE1pbmlDaGV2cm9uRG93bkljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MsIHN0YXRlcywgdHJhbnNpdGlvbkNvbmNhdCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgU2NhbGUgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZS9kaXN0L3R5cGVzL2NvbmZpZyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkIH0gZnJvbSAnLi4vQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQnO1xuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQXJlYSA9IHN0eWxlZChBY2NvcmRpb25BcmVhRGVwcmVjYXRlZClgXG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNpbmdbMzJdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBsZWZ0OiAtNHB4O1xuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGl0ZW1zOiBTZWN0aW9uSXRlbVtdO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzU2VjdGlvbiA9IChpdGVtOiBTZWN0aW9uIHwgUmVhY3QuUmVhY3ROb2RlKTogaXRlbSBpcyBTZWN0aW9uID0+IHtcbiAgcmV0dXJuIChcbiAgICB0eXBlb2YgaXRlbSA9PT0gJ29iamVjdCcgJiZcbiAgICBpdGVtICE9PSBudWxsICYmXG4gICAgJ3RpdGxlJyBpbiBpdGVtICYmXG4gICAgJ3NsdWcnIGluIGl0ZW0gJiZcbiAgICAnaXRlbXMnIGluIGl0ZW1cbiAgKTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHNlbGVjdGVkSXRlbT86IHN0cmluZztcbiAgdmVydGljYWxTcGFjaW5nPzogU2NhbGU8e1xuICAgIHJlYWRvbmx5IHByb3BlcnR5OiAncGFkZGluZyc7XG4gICAgcmVhZG9ubHkgc2NhbGU6ICdzcGFjaW5nJztcbiAgfT47XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG4gIHNlbGVjdGVkSXRlbSxcbiAgdmVydGljYWxTcGFjaW5nLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IFJlYWN0LnVzZVN0YXRlKHRydWUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjY29yZGlvbkFyZWFcbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIHRvcD17XG4gICAgICAgIDxBbmNob3JcbiAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICBweT17MTJ9XG4gICAgICAgICAgcHg9ezR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25TZWN0aW9uVG9nZ2xlKHNlY3Rpb24uc2x1Zyk7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICA+XG4gICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGUgKi99XG4gICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLXhzXCIgc3R5bGU9e3sgZmxleDogMSB9fSB0ZXh0QWxpZ249XCJsZWZ0XCI+XG4gICAgICAgICAgICB7c2VjdGlvbi50aXRsZX1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgIG1sPXsxMn1cbiAgICAgICAgICAgIHNpemU9ezE0fVxuICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICB0b3A9ezR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9BbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uXG4gICAgICAgIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfVxuICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgb25JdGVtQ2xpY2s9e29uSXRlbUNsaWNrfVxuICAgICAgICB2ZXJ0aWNhbFNwYWNpbmc9e3ZlcnRpY2FsU3BhY2luZ31cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnNCIn0= */");
+const isSection = (item) => {
+	return typeof item === "object" && item !== null && "title" in item && "slug" in item && "items" in item;
+};
+const AccordionMenu = ({ section, onSectionToggle, onItemClick, selectedItem, verticalSpacing }) => {
+	const [expanded, setExpanded] = react.useState(true);
+	return /*#__PURE__*/ react.createElement(StyledAccordionArea, {
+		expanded,
+		top: /*#__PURE__*/ react.createElement(_codecademy_gamut.Anchor, {
+			variant: "interface",
+			py: 12,
+			px: 4,
+			onClick: () => {
+				onSectionToggle(section.slug);
+				setExpanded((prev) => !prev);
+			},
+			"aria-expanded": expanded,
+			display: "flex"
+		}, /*#__PURE__*/ react.createElement(_codecademy_gamut.Text, {
+			variant: "title-xs",
+			style: { flex: 1 },
+			textAlign: "left"
+		}, section.title), /*#__PURE__*/ react.createElement(ExpandChevron, {
+			ml: 12,
+			size: 14,
+			expanded,
+			position: "relative",
+			top: 4
+		}))
+	}, /*#__PURE__*/ react.createElement(require_LayoutMenuSection.LayoutMenuSection, {
+		items: section.items,
+		selectedItem,
+		onItemClick,
+		verticalSpacing
+	}));
+};
+
+//#endregion
+exports.AccordionMenu = AccordionMenu;
+exports.isSection = isSection;
+//# sourceMappingURL=AccordionMenu.cjs.map

package/dist/LayoutMenu/AccordionMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMenu.cjs","names":["Anchor","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","AccordionAreaDeprecated","LayoutMenuSection","StyledAccordionArea","theme","spacing","chevronStates","expanded","transform","ExpandChevron","transition","isSection","item","AccordionMenu","section","onSectionToggle","onItemClick","selectedItem","verticalSpacing","setExpanded","useState","top","variant","py","px","onClick","slug","prev","aria-expanded","display","style","flex","textAlign","title","ml","size","position","items"],"sources":["../../src/LayoutMenu/AccordionMenu.tsx"],"sourcesContent":["import { Anchor, Text } from '@codecademy/gamut';\nimport { MiniChevronDownIcon } from '@codecademy/gamut-icons';\nimport { css, states, transitionConcat } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nconst StyledAccordionArea = styled(AccordionAreaDeprecated)`\n  padding-bottom: ${({ theme }) => theme.spacing[32]};\n  position: relative;\n  left: -4px;\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?: React.JSX.Element;\n};\n\nexport type Section = {\n  title: string;\n  slug: string;\n  items: SectionItem[];\n};\n\nexport const isSection = (item: Section | React.ReactNode): item is Section => {\n  return (\n    typeof item === 'object' &&\n    item !== null &&\n    'title' in item &&\n    'slug' in item &&\n    'items' in item\n  );\n};\n\nexport type AccordionMenuProps = {\n  section: Section;\n  onSectionToggle: (sectionSlug: string) => void;\n  onItemClick: () => void;\n  selectedItem?: string;\n  verticalSpacing?: Scale<{\n    readonly property: 'padding';\n    readonly scale: 'spacing';\n  }>;\n};\n\nexport const AccordionMenu: React.FC<AccordionMenuProps> = ({\n  section,\n  onSectionToggle,\n  onItemClick,\n  selectedItem,\n  verticalSpacing,\n}) => {\n  const [expanded, setExpanded] = React.useState(true);\n\n  return (\n    <StyledAccordionArea\n      expanded={expanded}\n      top={\n        <Anchor\n          variant=\"interface\"\n          py={12}\n          px={4}\n          onClick={() => {\n            onSectionToggle(section.slug);\n            setExpanded((prev) => !prev);\n          }}\n          aria-expanded={expanded}\n          display=\"flex\"\n        >\n          {/* eslint-disable-next-line gamut/no-inline-style */}\n          <Text variant=\"title-xs\" style={{ flex: 1 }} textAlign=\"left\">\n            {section.title}\n          </Text>\n          <ExpandChevron\n            ml={12}\n            size={14}\n            expanded={expanded}\n            position=\"relative\"\n            top={4}\n          />\n        </Anchor>\n      }\n    >\n      <LayoutMenuSection\n        items={section.items}\n        selectedItem={selectedItem}\n        onItemClick={onItemClick}\n        verticalSpacing={verticalSpacing}\n      />\n    </StyledAccordionArea>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAWA,MAAMU,sBAAsBJ,2CAAOE,uCAAAA;;;uBACd,EAAEG,YAAYA,MAAMC,QAAQ,KAAG,iCAAA,quIAAA;AAKpD,MAAMC,qDAAuB,EAC3BC,UAAU,EAAEC,WAAW,iBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBV,2CAAOJ,6CAAAA;;;qCAGvB;CACFa,WAAW;CACXE,2DAA6B,CAAC,cAAc,QAAQ,UAAA;AACtD,CAAA,GACAJ,eAAAA,quIAAAA;AAiBF,MAAaK,aAAaC,SAAAA;CACxB,OACE,OAAOA,SAAS,YAChBA,SAAS,QACT,WAAWA,QACX,UAAUA,QACV,WAAWA;AAEf;AAaA,MAAaC,iBAA+C,EAC1DC,SACAC,iBACAC,aACAC,cACAC,sBACD;CACC,MAAM,CAACX,UAAUY,eAAenB,MAAMoB,SAAS,IAAA;CAE/C,OACE,oBAAA,cAACjB,qBAAAA;EACWI;EACVc,KACE,oBAAA,cAAC5B,0BAAAA;GACC6B,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;IACPV,gBAAgBD,QAAQY,IAAI;IAC5BP,aAAaQ,SAAS,CAACA,IAAAA;GACzB;GACAC,iBAAerB;GACfsB,SAAQ;KAGR,oBAAA,cAACnC,wBAAAA;GAAK4B,SAAQ;GAAWQ,OAAO,EAAEC,MAAM,EAAE;GAAGC,WAAU;KACpDlB,QAAQmB,KAAK,GAEhB,oBAAA,cAACxB,eAAAA;GACCyB,IAAI;GACJC,MAAM;GACI5B;GACV6B,UAAS;GACTf,KAAK;;IAKX,oBAAA,cAACnB,6CAAAA;EACCmC,OAAOvB,QAAQuB;EACDpB;EACDD;EACIE;;AAIzB"}

package/dist/LayoutMenu/AccordionMenu.d.cts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+import { Scale } from "@codecademy/variance/dist/types/config.js";
+
+//#region src/LayoutMenu/AccordionMenu.d.ts
+type SectionItem = {
+  title: string;
+  slug: string;
+  href: string;
+  onClick: (event: React$1.MouseEvent) => void;
+  badge?: React$1.JSX.Element;
+};
+type Section = {
+  title: string;
+  slug: string;
+  items: SectionItem[];
+};
+//#endregion
+export { Section, SectionItem };
+//# sourceMappingURL=AccordionMenu.d.cts.map