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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/LandingPage/types.tsx"],"sourcesContent":[],"mappings":";KAAY,oBAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAS+B;;;EAaN,IAAA,CAAA,EAAA,MAAA;EAOzB;;;0BApBc,KAAA,CAAM,WAAW;;;;;;;;;;;;;cAa7B,KAAA,CAAM;;;;;KAOR,QAAA,GAAW"}

package/dist/LandingPage/types.d.mts

@@ -1,32 +0,0 @@
-//#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'];
-//#endregion
-export { CtaProps, LandingPageBaseProps };
-//# sourceMappingURL=types.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/LandingPage/types.tsx"],"sourcesContent":[],"mappings":";KAAY,oBAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAS+B;;;EAaN,IAAA,CAAA,EAAA,MAAA;EAOzB;;;0BApBc,KAAA,CAAM,WAAW;;;;;;;;;;;;;cAa7B,KAAA,CAAM;;;;;KAOR,QAAA,GAAW"}

package/dist/LayoutMenu/AccordionMenu.cjs

@@ -1,63 +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/LayoutMenu/AccordionMenu.tsx
-const StyledAccordionArea = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.AccordionAreaDeprecated, {
-	target: "e1wrarpn0",
-	label: "brand-StyledAccordionArea"
-})("padding-bottom:", ({ theme }) => theme.spacing[32], ";position:relative;left:-4px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkLCBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1szMl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgY29uc3QgaXNTZWN0aW9uID0gKGl0ZW06IFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpOiBpdGVtIGlzIFNlY3Rpb24gPT4ge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiBpdGVtID09PSAnb2JqZWN0JyAmJlxuICAgIGl0ZW0gIT09IG51bGwgJiZcbiAgICAndGl0bGUnIGluIGl0ZW0gJiZcbiAgICAnc2x1ZycgaW4gaXRlbSAmJlxuICAgICdpdGVtcycgaW4gaXRlbVxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbiAgc2VsZWN0ZWRJdGVtLFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHB5PXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgID5cbiAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZSAqL31cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIiBzdHlsZT17eyBmbGV4OiAxIH19IHRleHRBbGlnbj1cImxlZnRcIj5cbiAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgICAgaXRlbXM9e3NlY3Rpb24uaXRlbXN9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9XG4gICAgICAgIHZlcnRpY2FsU3BhY2luZz17dmVydGljYWxTcGFjaW5nfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0QiJ9 */");
-const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon, {
-	target: "e1wrarpn1",
-	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkLCBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1szMl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgY29uc3QgaXNTZWN0aW9uID0gKGl0ZW06IFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpOiBpdGVtIGlzIFNlY3Rpb24gPT4ge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiBpdGVtID09PSAnb2JqZWN0JyAmJlxuICAgIGl0ZW0gIT09IG51bGwgJiZcbiAgICAndGl0bGUnIGluIGl0ZW0gJiZcbiAgICAnc2x1ZycgaW4gaXRlbSAmJlxuICAgICdpdGVtcycgaW4gaXRlbVxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbiAgc2VsZWN0ZWRJdGVtLFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHB5PXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgID5cbiAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZSAqL31cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIiBzdHlsZT17eyBmbGV4OiAxIH19IHRleHRBbGlnbj1cImxlZnRcIj5cbiAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgICAgaXRlbXM9e3NlY3Rpb24uaXRlbXN9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9XG4gICAgICAgIHZlcnRpY2FsU3BhY2luZz17dmVydGljYWxTcGFjaW5nfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0IifQ== */");
-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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.cjs","names":["AccordionAreaDeprecated","Anchor","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","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 { AccordionAreaDeprecated, 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 { 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?: 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":";;;;;;;;;;;AAUA,MAAMU,sBAAsBH,6CAAOP,2CAAAA;;;uBACd,EAAEW,YAAYA,MAAMC,QAAQ,KAAG,iCAAA,8pIAAA;AAKpD,MAAMC,qDAAuB,EAC3BC,UAAU,EAAEC,WAAW,kBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBT,6CAAOJ,6CAAAA;;;qCAGvB;CACFY,WAAW;CACXE,2DAA6B,CAAC,YAAY,EAAE,QAAQ,WAAA;CACtD,CAAA,EACAJ,eAAAA,kqIAAAA;AAiBF,MAAaK,aAAaC,SAAAA;AACxB,QACE,OAAOA,SAAS,YAChBA,SAAS,QACT,WAAWA,QACX,UAAUA,QACV,WAAWA;;AAef,MAAaC,iBAA+C,EAC1DC,SACAC,iBACAC,aACAC,cACAC,sBACD;CACC,MAAM,CAACX,UAAUY,eAAelB,MAAMmB,SAAS,KAAA;AAE/C,QACE,sBAAA,cAACjB,qBAAAA;EACWI;EACVc,KACE,sBAAA,cAAC3B,0BAAAA;GACC4B,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;AACPV,oBAAgBD,QAAQY,KAAI;AAC5BP,iBAAaQ,SAAS,CAACA,KAAAA;;GAEzBC,iBAAerB;GACfsB,SAAQ;KAGR,sBAAA,cAAClC,wBAAAA;GAAK2B,SAAQ;GAAWQ,OAAO,EAAEC,MAAM,GAAE;GAAGC,WAAU;KACpDlB,QAAQmB,MAAK,EAEhB,sBAAA,cAACxB,eAAAA;GACCyB,IAAI;GACJC,MAAM;GACI5B;GACV6B,UAAS;GACTf,KAAK;;IAKX,sBAAA,cAACnB,6CAAAA;EACCmC,OAAOvB,QAAQuB;EACDpB;EACDD;EACIE"}

package/dist/LayoutMenu/AccordionMenu.d.cts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.d.cts","names":[],"sources":["../../src/LayoutMenu/AccordionMenu.tsx"],"sourcesContent":[],"mappings":";;;;KA8BY,WAAA;;EAAA,IAAA,EAAA,MAAA;EAQA,IAAA,EAAA,MAAO;mBAJA,OAAA,CAAM;UACf,GAAA,CAAI;;KAGF,OAAA;;;SAGH"}

package/dist/LayoutMenu/AccordionMenu.d.mts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.d.mts","names":[],"sources":["../../src/LayoutMenu/AccordionMenu.tsx"],"sourcesContent":[],"mappings":";;;;KA8BY,WAAA;;EAAA,IAAA,EAAA,MAAA;EAQA,IAAA,EAAA,MAAO;mBAJA,OAAA,CAAM;UACf,GAAA,CAAI;;KAGF,OAAA;;;SAGH"}

package/dist/LayoutMenu/AccordionMenu.mjs

@@ -1,59 +0,0 @@
-import { LayoutMenuSection } from "./LayoutMenuSection.mjs";
-import { AccordionAreaDeprecated, Anchor, Text } from "@codecademy/gamut";
-import { css, states, transitionConcat } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { MiniChevronDownIcon } from "@codecademy/gamut-icons";
-
-//#region src/LayoutMenu/AccordionMenu.tsx
-const StyledAccordionArea = /* @__PURE__ */ styled(AccordionAreaDeprecated, {
-	target: "e1wrarpn0",
-	label: "brand-StyledAccordionArea"
-})("padding-bottom:", ({ theme: theme$1 }) => theme$1.spacing[32], ";position:relative;left:-4px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkLCBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1szMl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgY29uc3QgaXNTZWN0aW9uID0gKGl0ZW06IFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpOiBpdGVtIGlzIFNlY3Rpb24gPT4ge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiBpdGVtID09PSAnb2JqZWN0JyAmJlxuICAgIGl0ZW0gIT09IG51bGwgJiZcbiAgICAndGl0bGUnIGluIGl0ZW0gJiZcbiAgICAnc2x1ZycgaW4gaXRlbSAmJlxuICAgICdpdGVtcycgaW4gaXRlbVxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbiAgc2VsZWN0ZWRJdGVtLFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHB5PXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgID5cbiAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZSAqL31cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIiBzdHlsZT17eyBmbGV4OiAxIH19IHRleHRBbGlnbj1cImxlZnRcIj5cbiAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgICAgaXRlbXM9e3NlY3Rpb24uaXRlbXN9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9XG4gICAgICAgIHZlcnRpY2FsU3BhY2luZz17dmVydGljYWxTcGFjaW5nfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU0QiJ9 */");
-const chevronStates = states({ expanded: { transform: "rotate(180deg)" } });
-const ExpandChevron = /* @__PURE__ */ styled(MiniChevronDownIcon, {
-	target: "e1wrarpn1",
-	label: "brand-ExpandChevron"
-})(css({
-	transform: "rotate(0deg)",
-	transition: transitionConcat(["transform"], "slow", "ease-out")
-}), chevronStates, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvQWNjb3JkaW9uTWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0FjY29yZGlvbk1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkLCBBbmNob3IsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1szMl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5gO1xuXG5jb25zdCBjaGV2cm9uU3RhdGVzID0gc3RhdGVzKHtcbiAgZXhwYW5kZWQ6IHsgdHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknIH0sXG59KTtcblxuY29uc3QgRXhwYW5kQ2hldnJvbiA9IHN0eWxlZChNaW5pQ2hldnJvbkRvd25JY29uKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgY2hldnJvblN0YXRlcz5cbj4oXG4gIGNzcyh7XG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJyxcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2l0aW9uQ29uY2F0KFsndHJhbnNmb3JtJ10sICdzbG93JywgJ2Vhc2Utb3V0JyksXG4gIH0pLFxuICBjaGV2cm9uU3RhdGVzXG4pO1xuXG5leHBvcnQgdHlwZSBTZWN0aW9uSXRlbSA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYmFkZ2U/OiBKU1guRWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgY29uc3QgaXNTZWN0aW9uID0gKGl0ZW06IFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpOiBpdGVtIGlzIFNlY3Rpb24gPT4ge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiBpdGVtID09PSAnb2JqZWN0JyAmJlxuICAgIGl0ZW0gIT09IG51bGwgJiZcbiAgICAndGl0bGUnIGluIGl0ZW0gJiZcbiAgICAnc2x1ZycgaW4gaXRlbSAmJlxuICAgICdpdGVtcycgaW4gaXRlbVxuICApO1xufTtcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uTWVudVByb3BzID0ge1xuICBzZWN0aW9uOiBTZWN0aW9uO1xuICBvblNlY3Rpb25Ub2dnbGU6IChzZWN0aW9uU2x1Zzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkl0ZW1DbGljazogKCkgPT4gdm9pZDtcbiAgc2VsZWN0ZWRJdGVtPzogc3RyaW5nO1xuICB2ZXJ0aWNhbFNwYWNpbmc/OiBTY2FsZTx7XG4gICAgcmVhZG9ubHkgcHJvcGVydHk6ICdwYWRkaW5nJztcbiAgICByZWFkb25seSBzY2FsZTogJ3NwYWNpbmcnO1xuICB9Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25NZW51OiBSZWFjdC5GQzxBY2NvcmRpb25NZW51UHJvcHM+ID0gKHtcbiAgc2VjdGlvbixcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBvbkl0ZW1DbGljayxcbiAgc2VsZWN0ZWRJdGVtLFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gUmVhY3QudXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHB5PXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgID5cbiAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZSAqL31cbiAgICAgICAgICA8VGV4dCB2YXJpYW50PVwidGl0bGUteHNcIiBzdHlsZT17eyBmbGV4OiAxIH19IHRleHRBbGlnbj1cImxlZnRcIj5cbiAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8RXhwYW5kQ2hldnJvblxuICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgc2l6ZT17MTR9XG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0FuY2hvcj5cbiAgICAgIH1cbiAgICA+XG4gICAgICA8TGF5b3V0TWVudVNlY3Rpb25cbiAgICAgICAgaXRlbXM9e3NlY3Rpb24uaXRlbXN9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9XG4gICAgICAgIHZlcnRpY2FsU3BhY2luZz17dmVydGljYWxTcGFjaW5nfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZEFjY29yZGlvbkFyZWE+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0IifQ== */");
-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$1.useState(true);
-	return /* @__PURE__ */ React$1.createElement(StyledAccordionArea, {
-		expanded,
-		top: /* @__PURE__ */ React$1.createElement(Anchor, {
-			variant: "interface",
-			py: 12,
-			px: 4,
-			onClick: () => {
-				onSectionToggle(section.slug);
-				setExpanded((prev) => !prev);
-			},
-			"aria-expanded": expanded,
-			display: "flex"
-		}, /* @__PURE__ */ React$1.createElement(Text, {
-			variant: "title-xs",
-			style: { flex: 1 },
-			textAlign: "left"
-		}, section.title), /* @__PURE__ */ React$1.createElement(ExpandChevron, {
-			ml: 12,
-			size: 14,
-			expanded,
-			position: "relative",
-			top: 4
-		}))
-	}, /* @__PURE__ */ React$1.createElement(LayoutMenuSection, {
-		items: section.items,
-		selectedItem,
-		onItemClick,
-		verticalSpacing
-	}));
-};
-
-//#endregion
-export { AccordionMenu, isSection };
-//# sourceMappingURL=AccordionMenu.mjs.map

package/dist/LayoutMenu/AccordionMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionMenu.mjs","names":["AccordionAreaDeprecated","Anchor","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","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 { AccordionAreaDeprecated, 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 { 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?: 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":";;;;;;;;AAUA,MAAMU,sBAAsBH,uBAAOP,yBAAAA;;;uBACd,EAAEW,qBAAYA,QAAMC,QAAQ,KAAG,iCAAA,8pIAAA;AAKpD,MAAMC,gBAAgBR,OAAO,EAC3BS,UAAU,EAAEC,WAAW,kBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBT,uBAAOJ,qBAAAA;;;GAG3BC,IAAI;CACFW,WAAW;CACXE,YAAYX,iBAAiB,CAAC,YAAY,EAAE,QAAQ,WAAA;CACtD,CAAA,EACAO,eAAAA,kqIAAAA;AAiBF,MAAaK,aAAaC,SAAAA;AACxB,QACE,OAAOA,SAAS,YAChBA,SAAS,QACT,WAAWA,QACX,UAAUA,QACV,WAAWA;;AAef,MAAaC,iBAA+C,EAC1DC,SACAC,iBACAC,aACAC,cACAC,sBACD;CACC,MAAM,CAACX,UAAUY,eAAelB,QAAMmB,SAAS,KAAA;AAE/C,QACE,wBAAA,cAACjB,qBAAAA;EACWI;EACVc,KACE,wBAAA,cAAC3B,QAAAA;GACC4B,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;AACPV,oBAAgBD,QAAQY,KAAI;AAC5BP,iBAAaQ,SAAS,CAACA,KAAAA;;GAEzBC,iBAAerB;GACfsB,SAAQ;KAGR,wBAAA,cAAClC,MAAAA;GAAK2B,SAAQ;GAAWQ,OAAO,EAAEC,MAAM,GAAE;GAAGC,WAAU;KACpDlB,QAAQmB,MAAK,EAEhB,wBAAA,cAACxB,eAAAA;GACCyB,IAAI;GACJC,MAAM;GACI5B;GACV6B,UAAS;GACTf,KAAK;;IAKX,wBAAA,cAACnB,mBAAAA;EACCmC,OAAOvB,QAAQuB;EACDpB;EACDD;EACIE"}

package/dist/LayoutMenu/LayoutMenu.cjs

@@ -1,87 +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/LayoutMenu/LayoutMenu.tsx
-const StyleBox = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Box, {
-	target: "ekp6pth0",
-	label: "brand-StyleBox"
-})((0, _codecademy_gamut_styles.variant)({
-	prop: "menuHeight",
-	base: {
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: {
-			height: "1370px",
-			paddingLeft: "8px"
-		}
-	}
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvTGF5b3V0TWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0xheW91dE1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmx5b3V0LCBTdHJva2VCdXR0b24sIFdpdGhDaGlsZHJlblByb3AgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExvZ29Db2RlY2FkZW15IH0gZnJvbSAnLi4vTG9nb3MnO1xuaW1wb3J0IHtcbiAgQWNjb3JkaW9uTWVudSxcbiAgaXNTZWN0aW9uLFxuICBTZWN0aW9uLFxuICBTZWN0aW9uSXRlbSxcbn0gZnJvbSAnLi9BY2NvcmRpb25NZW51JztcbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGF5b3V0TWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIC8qKlxuICAgKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciB0aGUgbW9iaWxlIEZseW91dCdzIGNsb3NlIGJ1dHRvbi5cbiAgICovXG4gIGNsb3NlTGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEFuIGFycmF5IG9mIHNlY3Rpb25zIGNvbnRhaW5pbmcgdGhlIHRpdGxlLCBzbHVnLCBhbmQgaXRlbXMsIGVhY2ggb2Ygd2hpY2ggd2lsbCBiZWNvbWUgYW4gYWNjb3JkaW9uLiBFYWNoIGl0ZW0gY29udGFpbnMgYSB0aXRsZSwgc2x1ZywgYW5kIG9uQ2xpY2suXG4gICAqIEFyYml0cmFyeSByZWFjdCBub2RlcyBjYW4gYWxzbyBiZSBwYXNzZWQgYW5kIHdpbGwgYmUgcmVuZGVyZWQgYXMtaXMuXG4gICAqL1xuICBzZWN0aW9uczogKFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpW107XG4gIC8qKlxuICAgKiBUaGUgc2x1ZyBvZiB0aGUgY3VycmVudCBzZWxlY3RlZCBpdGVtXG4gICAqL1xuICBzZWxlY3RlZEl0ZW0/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBiZSBydW4gb24gY2xpY2sgb2YgdGhlIGFjY29yZGlvbiBidXR0b25cbiAgICovXG4gIG9uU2VjdGlvblRvZ2dsZTogKHNlY3Rpb25TbHVnOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUZXh0IHNob3duIGluIG1vYmlsZSBidXR0b24gdGhhdCBvcGVucyBmbHlvdXQgb24gY2xpY2tcbiAgICovXG4gIG1vYmlsZUJ1dHRvblRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIEJyZWFrcG9pbnQgYWJvdmUgd2hpY2ggdGhlIG1lbnUgYnV0dG9uIGRpc3BsYXlzIGFzIGEgZnVsbCBzaWRlYmFyXG4gICAqL1xuICBicmVha3BvaW50PzogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCc7XG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBzZWN0aW9uIGl0ZW1zLCBlYWNoIG9mIHdoaWNoIGJlY29tZSBhbiBhZGRpdGlvbmFsIGxpbmsgb24gdG9wIG9mIHRoZSBhY2NvcmRpb24gc2VjdGlvbi5cbiAgICovXG4gIHRvcExpbmtTZWN0aW9ucz86IFNlY3Rpb25JdGVtW107XG4gIC8qKlxuICAgKiBTZXQgZml4ZWQgaGVpZ2h0IGZvciBtZW51IHdpdGggb3ZlcmZsb3dcbiAgICovXG4gIG1lbnVIZWlnaHQ/OiAnc20nIHwgJ21kJyB8ICdsZyc7XG4gIHZlcnRpY2FsU3BhY2luZz86IFNjYWxlPHtcbiAgICByZWFkb25seSBwcm9wZXJ0eTogJ3BhZGRpbmcnO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufVxuXG5jb25zdCBTdHlsZUJveCA9IHN0eWxlZChCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnbWVudUhlaWdodCcsXG4gICAgYmFzZToge1xuICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICBvdmVyZmxvd1g6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZ1RvcDogJzRweCcsXG4gICAgICBwYWRkaW5nTGVmdDogJzRweCcsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgc206IHtcbiAgICAgICAgaGVpZ2h0OiAnNjMwcHgnLFxuICAgICAgfSxcbiAgICAgIG1kOiB7XG4gICAgICAgIGhlaWdodDogJzEwMDBweCcsXG4gICAgICB9LFxuICAgICAgbGc6IHtcbiAgICAgICAgaGVpZ2h0OiAnMTM3MHB4JyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICc4cHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IExheW91dE1lbnU6IFJlYWN0LkZDPExheW91dE1lbnVQcm9wcz4gPSAoe1xuICBjbG9zZUxhYmVsLFxuICBzZWN0aW9ucyxcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBzZWxlY3RlZEl0ZW0sXG4gIG1vYmlsZUJ1dHRvblRleHQsXG4gIGJyZWFrcG9pbnQgPSAnbGcnLFxuICBjaGlsZHJlbixcbiAgdG9wTGlua1NlY3Rpb25zLFxuICBtZW51SGVpZ2h0LFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFjY29yZGlvbk1lbnVTZWN0aW9ucyA9IHNlY3Rpb25zLm1hcCgoc2VjdGlvbiwgaSkgPT4gKFxuICAgIDxCb3ggYXM9XCJsaVwiIGtleT17aXNTZWN0aW9uKHNlY3Rpb24pID8gc2VjdGlvbi5zbHVnIDogaX0+XG4gICAgICB7aXNTZWN0aW9uKHNlY3Rpb24pID8gKFxuICAgICAgICA8QWNjb3JkaW9uTWVudVxuICAgICAgICAgIHNlY3Rpb249e3NlY3Rpb259XG4gICAgICAgICAgb25TZWN0aW9uVG9nZ2xlPXtvblNlY3Rpb25Ub2dnbGV9XG4gICAgICAgICAgb25JdGVtQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgICB2ZXJ0aWNhbFNwYWNpbmc9e3ZlcnRpY2FsU3BhY2luZ31cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aX0+e3NlY3Rpb259PC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICl9XG4gICAgPC9Cb3g+XG4gICkpO1xuXG4gIGNvbnN0IHRvcExpbmtMYXlvdXRNZW51U2VjdGlvbnMgPSB0b3BMaW5rU2VjdGlvbnMgJiYgKFxuICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uXG4gICAgICAgIGl0ZW1zPXt0b3BMaW5rU2VjdGlvbnN9XG4gICAgICAgIG9uSXRlbUNsaWNrPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBwYj17MzJ9XG4gICAgICAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPG5hdj5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnYmxvY2snLCBbYnJlYWtwb2ludF06ICdub25lJyB9fT5cbiAgICAgICAgPEZseW91dFxuICAgICAgICAgIGNsb3NlTGFiZWw9e2Nsb3NlTGFiZWx9XG4gICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAgICAgICB0aXRsZT17PExvZ29Db2RlY2FkZW15IG1iPXszMn0gLz59XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGVUeXBlPVwibm9uZVwiIHB5PXswfSBweD17MTZ9IG09ezB9PlxuICAgICAgICAgICAge3RvcExpbmtMYXlvdXRNZW51U2VjdGlvbnN9XG4gICAgICAgICAgICB7YWNjb3JkaW9uTWVudVNlY3Rpb25zfVxuICAgICAgICAgICAge2NoaWxkcmVuID8gPEJveCBhcz1cImxpXCI+e2NoaWxkcmVufTwvQm94PiA6IG51bGx9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvRmx5b3V0PlxuICAgICAgICA8U3Ryb2tlQnV0dG9uXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgd2lkdGg9ezF9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQodHJ1ZSl9XG4gICAgICAgID5cbiAgICAgICAgICB7bW9iaWxlQnV0dG9uVGV4dH1cbiAgICAgICAgPC9TdHJva2VCdXR0b24+XG4gICAgICA8L0JveD5cbiAgICAgIDxTdHlsZUJveFxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgICBtZW51SGVpZ2h0PXttZW51SGVpZ2h0fVxuICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgW2JyZWFrcG9pbnRdOiAnYmxvY2snIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPVwiZGVza3RvcC1tZW51XCJcbiAgICAgID5cbiAgICAgICAge3RvcExpbmtMYXlvdXRNZW51U2VjdGlvbnN9XG4gICAgICAgIHthY2NvcmRpb25NZW51U2VjdGlvbnN9XG4gICAgICAgIHtjaGlsZHJlbiA/IDxCb3ggYXM9XCJsaVwiPntjaGlsZHJlbn08L0JveD4gOiBudWxsfVxuICAgICAgPC9TdHlsZUJveD5cbiAgICA8L25hdj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RpQiJ9 */");
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, selectedItem, mobileButtonText, breakpoint = "lg", children, topLinkSections, menuHeight, verticalSpacing }) => {
-	const [expanded, setExpanded] = (0, react.useState)(false);
-	const accordionMenuSections = sections.map((section, i) => /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		as: "li",
-		key: require_AccordionMenu.isSection(section) ? section.slug : i
-	}, require_AccordionMenu.isSection(section) ? /* @__PURE__ */ react.createElement(require_AccordionMenu.AccordionMenu, {
-		section,
-		onSectionToggle,
-		onItemClick: () => setExpanded(false),
-		selectedItem,
-		verticalSpacing
-	}) : /* @__PURE__ */ react.createElement(react.Fragment, { key: i }, section)));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { as: "li" }, /* @__PURE__ */ react.createElement(require_LayoutMenuSection.LayoutMenuSection, {
-		items: topLinkSections,
-		onItemClick: () => setExpanded(false),
-		selectedItem,
-		pb: 32
-	}));
-	return /* @__PURE__ */ react.createElement("nav", null, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { display: {
-		_: "block",
-		[breakpoint]: "none"
-	} }, /* @__PURE__ */ react.createElement(_codecademy_gamut.Flyout, {
-		closeLabel,
-		expanded,
-		onClose: () => setExpanded(false),
-		title: /* @__PURE__ */ react.createElement(require_index.LogoCodecademy, { mb: 32 })
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, {
-		as: "ul",
-		listStyleType: "none",
-		py: 0,
-		px: 16,
-		m: 0
-	}, topLinkLayoutMenuSections, accordionMenuSections, children ? /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { as: "li" }, children) : null)), /* @__PURE__ */ react.createElement(_codecademy_gamut.StrokeButton, {
-		"aria-expanded": expanded,
-		variant: "secondary",
-		width: 1,
-		onClick: () => setExpanded(true)
-	}, mobileButtonText)), /* @__PURE__ */ react.createElement(StyleBox, {
-		as: "ul",
-		listStyleType: "none",
-		p: 0,
-		m: 0,
-		menuHeight,
-		display: {
-			_: "none",
-			[breakpoint]: "block"
-		},
-		"data-testid": "desktop-menu"
-	}, topLinkLayoutMenuSections, accordionMenuSections, children ? /* @__PURE__ */ react.createElement(_codecademy_gamut.Box, { as: "li" }, children) : null));
-};
-
-//#endregion
-exports.LayoutMenu = LayoutMenu;
-//# sourceMappingURL=LayoutMenu.cjs.map

package/dist/LayoutMenu/LayoutMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenu.cjs","names":["Box","Flyout","StrokeButton","variant","styled","useState","React","LogoCodecademy","AccordionMenu","isSection","LayoutMenuSection","StyleBox","prop","base","overflowY","overflowX","paddingTop","paddingLeft","variants","sm","height","md","lg","LayoutMenu","closeLabel","sections","onSectionToggle","selectedItem","mobileButtonText","breakpoint","children","topLinkSections","menuHeight","verticalSpacing","expanded","setExpanded","accordionMenuSections","map","section","i","as","key","slug","onItemClick","Fragment","topLinkLayoutMenuSections","items","pb","nav","display","_","onClose","title","mb","listStyleType","py","px","m","aria-expanded","width","onClick","p","data-testid"],"sources":["../../src/LayoutMenu/LayoutMenu.tsx"],"sourcesContent":["import { Box, Flyout, StrokeButton, WithChildrenProp } from '@codecademy/gamut';\nimport { variant } from '@codecademy/gamut-styles';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\n\nimport { LogoCodecademy } from '../Logos';\nimport {\n  AccordionMenu,\n  isSection,\n  Section,\n  SectionItem,\n} from './AccordionMenu';\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nexport interface LayoutMenuProps extends WithChildrenProp {\n  /**\n   * Accessibility label for the mobile Flyout's close button.\n   */\n  closeLabel: string;\n  /**\n   * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.\n   * Arbitrary react nodes can also be passed and will be rendered as-is.\n   */\n  sections: (Section | React.ReactNode)[];\n  /**\n   * The slug of the current selected item\n   */\n  selectedItem?: string;\n  /**\n   * Callback to be run on click of the accordion button\n   */\n  onSectionToggle: (sectionSlug: string) => void;\n  /**\n   * Text shown in mobile button that opens flyout on click\n   */\n  mobileButtonText: string;\n  /**\n   * Breakpoint above which the menu button displays as a full sidebar\n   */\n  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * An array of section items, each of which become an additional link on top of the accordion section.\n   */\n  topLinkSections?: SectionItem[];\n  /**\n   * Set fixed height for menu with overflow\n   */\n  menuHeight?: 'sm' | 'md' | 'lg';\n  verticalSpacing?: Scale<{\n    readonly property: 'padding';\n    readonly scale: 'spacing';\n  }>;\n}\n\nconst StyleBox = styled(Box)(\n  variant({\n    prop: 'menuHeight',\n    base: {\n      overflowY: 'auto',\n      overflowX: 'hidden',\n      paddingTop: '4px',\n      paddingLeft: '4px',\n    },\n    variants: {\n      sm: {\n        height: '630px',\n      },\n      md: {\n        height: '1000px',\n      },\n      lg: {\n        height: '1370px',\n        paddingLeft: '8px',\n      },\n    },\n  })\n);\n\nexport const LayoutMenu: React.FC<LayoutMenuProps> = ({\n  closeLabel,\n  sections,\n  onSectionToggle,\n  selectedItem,\n  mobileButtonText,\n  breakpoint = 'lg',\n  children,\n  topLinkSections,\n  menuHeight,\n  verticalSpacing,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const accordionMenuSections = sections.map((section, i) => (\n    <Box as=\"li\" key={isSection(section) ? section.slug : i}>\n      {isSection(section) ? (\n        <AccordionMenu\n          section={section}\n          onSectionToggle={onSectionToggle}\n          onItemClick={() => setExpanded(false)}\n          selectedItem={selectedItem}\n          verticalSpacing={verticalSpacing}\n        />\n      ) : (\n        // eslint-disable-next-line react/no-array-index-key\n        <React.Fragment key={i}>{section}</React.Fragment>\n      )}\n    </Box>\n  ));\n\n  const topLinkLayoutMenuSections = topLinkSections && (\n    <Box as=\"li\">\n      <LayoutMenuSection\n        items={topLinkSections}\n        onItemClick={() => setExpanded(false)}\n        selectedItem={selectedItem}\n        pb={32}\n      />\n    </Box>\n  );\n\n  return (\n    <nav>\n      <Box display={{ _: 'block', [breakpoint]: 'none' }}>\n        <Flyout\n          closeLabel={closeLabel}\n          expanded={expanded}\n          onClose={() => setExpanded(false)}\n          title={<LogoCodecademy mb={32} />}\n        >\n          <Box as=\"ul\" listStyleType=\"none\" py={0} px={16} m={0}>\n            {topLinkLayoutMenuSections}\n            {accordionMenuSections}\n            {children ? <Box as=\"li\">{children}</Box> : null}\n          </Box>\n        </Flyout>\n        <StrokeButton\n          aria-expanded={expanded}\n          variant=\"secondary\"\n          width={1}\n          onClick={() => setExpanded(true)}\n        >\n          {mobileButtonText}\n        </StrokeButton>\n      </Box>\n      <StyleBox\n        as=\"ul\"\n        listStyleType=\"none\"\n        p={0}\n        m={0}\n        menuHeight={menuHeight}\n        display={{ _: 'none', [breakpoint]: 'block' }}\n        data-testid=\"desktop-menu\"\n      >\n        {topLinkLayoutMenuSections}\n        {accordionMenuSections}\n        {children ? <Box as=\"li\">{children}</Box> : null}\n      </StyleBox>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAwDA,MAAMW,WAAWP,6CAAOJ,uBAAAA;;;yCACd;CACNY,MAAM;CACNC,MAAM;EACJC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,aAAa;EACf;CACAC,UAAU;EACRC,IAAI,EACFC,QAAQ,SACV;EACAC,IAAI,EACFD,QAAQ,UACV;EACAE,IAAI;GACFF,QAAQ;GACRH,aAAa;GACf;EACF;CACF,CAAA,EAAA,8sMAAA;AAGF,MAAaM,cAAyC,EACpDC,YACAC,UACAC,iBACAC,cACAC,kBACAC,aAAa,MACbC,UACAC,iBACAC,YACAC,sBACD;CACC,MAAM,CAACC,UAAUC,mCAAwB,MAAA;CAEzC,MAAMC,wBAAwBX,SAASY,KAAKC,SAASC,MACnD,sBAAA,cAACvC,uBAAAA;EAAIwC,IAAG;EAAKC,KAAKhC,gCAAU6B,QAAAA,GAAWA,QAAQI,OAAOH;IACnD9B,gCAAU6B,QAAAA,GACT,sBAAA,cAAC9B,qCAAAA;EACU8B;EACQZ;EACjBiB,mBAAmBR,YAAY,MAAA;EACjBR;EACGM;MAInB,sBAAA,cAAC3B,MAAMsC,UAAQ,EAACH,KAAKF,KAAID,QAAAA,CAAAA,CAAAA;CAK/B,MAAMO,4BAA4Bd,mBAChC,sBAAA,cAAC/B,uBAAAA,EAAIwC,IAAG,QACN,sBAAA,cAAC9B,6CAAAA;EACCoC,OAAOf;EACPY,mBAAmBR,YAAY,MAAA;EACjBR;EACdoB,IAAI;;AAKV,QACE,sBAAA,cAACC,OAAAA,MACC,sBAAA,cAAChD,uBAAAA,EAAIiD,SAAS;EAAEC,GAAG;GAAUrB,aAAa;EAAO,IAC/C,sBAAA,cAAC5B,0BAAAA;EACauB;EACFU;EACViB,eAAehB,YAAY,MAAA;EAC3BiB,OAAO,sBAAA,cAAC7C,8BAAAA,EAAe8C,IAAI;IAE3B,sBAAA,cAACrD,uBAAAA;EAAIwC,IAAG;EAAKc,eAAc;EAAOC,IAAI;EAAGC,IAAI;EAAIC,GAAG;IACjDZ,2BACAT,uBACAN,WAAW,sBAAA,cAAC9B,uBAAAA,EAAIwC,IAAG,QAAMV,SAAAA,GAAkB,KAAA,CAAA,EAGhD,sBAAA,cAAC5B,gCAAAA;EACCwD,iBAAexB;EACf/B,SAAQ;EACRwD,OAAO;EACPC,eAAezB,YAAY,KAAA;IAE1BP,iBAAAA,CAAAA,EAGL,sBAAA,cAACjB,UAAAA;EACC6B,IAAG;EACHc,eAAc;EACdO,GAAG;EACHJ,GAAG;EACSzB;EACZiB,SAAS;GAAEC,GAAG;IAASrB,aAAa;GAAQ;EAC5CiC,eAAY;IAEXjB,2BACAT,uBACAN,WAAW,sBAAA,cAAC9B,uBAAAA,EAAIwC,IAAG,QAAMV,SAAAA,GAAkB,KAAA,CAAA"}

package/dist/LayoutMenu/LayoutMenu.d.cts

@@ -1,49 +0,0 @@
-import { Section, SectionItem } from "./AccordionMenu.cjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { Scale } from "@codecademy/variance/dist/types/config";
-
-//#region src/LayoutMenu/LayoutMenu.d.ts
-interface LayoutMenuProps extends WithChildrenProp {
-  /**
-   * Accessibility label for the mobile Flyout's close button.
-   */
-  closeLabel: string;
-  /**
-   * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.
-   * Arbitrary react nodes can also be passed and will be rendered as-is.
-   */
-  sections: (Section | React$1.ReactNode)[];
-  /**
-   * The slug of the current selected item
-   */
-  selectedItem?: string;
-  /**
-   * Callback to be run on click of the accordion button
-   */
-  onSectionToggle: (sectionSlug: string) => void;
-  /**
-   * Text shown in mobile button that opens flyout on click
-   */
-  mobileButtonText: string;
-  /**
-   * Breakpoint above which the menu button displays as a full sidebar
-   */
-  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  /**
-   * An array of section items, each of which become an additional link on top of the accordion section.
-   */
-  topLinkSections?: SectionItem[];
-  /**
-   * Set fixed height for menu with overflow
-   */
-  menuHeight?: 'sm' | 'md' | 'lg';
-  verticalSpacing?: Scale<{
-    readonly property: 'padding';
-    readonly scale: 'spacing';
-  }>;
-}
-declare const LayoutMenu: React$1.FC<LayoutMenuProps>;
-//#endregion
-export { LayoutMenu, LayoutMenuProps };
-//# sourceMappingURL=LayoutMenu.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenu.d.cts","names":[],"sources":["../../src/LayoutMenu/LayoutMenu.tsx"],"sourcesContent":[],"mappings":";;;;;;UAgBiB,eAAA,SAAwB;;AAAzC;;EASuB,UAAM,EAAA,MAAA;EAoBT;;;;EAmCP,QAAA,EAAA,CAvDA,OAwIZ,GAxIsB,OAAA,CAAM,SAuDK,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;oBAnCd;;;;;oBAKA;;;;;cA8BP,YAAY,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/LayoutMenu.d.mts

@@ -1,49 +0,0 @@
-import { Section, SectionItem } from "./AccordionMenu.mjs";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { Scale } from "@codecademy/variance/dist/types/config";
-
-//#region src/LayoutMenu/LayoutMenu.d.ts
-interface LayoutMenuProps extends WithChildrenProp {
-  /**
-   * Accessibility label for the mobile Flyout's close button.
-   */
-  closeLabel: string;
-  /**
-   * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.
-   * Arbitrary react nodes can also be passed and will be rendered as-is.
-   */
-  sections: (Section | React$1.ReactNode)[];
-  /**
-   * The slug of the current selected item
-   */
-  selectedItem?: string;
-  /**
-   * Callback to be run on click of the accordion button
-   */
-  onSectionToggle: (sectionSlug: string) => void;
-  /**
-   * Text shown in mobile button that opens flyout on click
-   */
-  mobileButtonText: string;
-  /**
-   * Breakpoint above which the menu button displays as a full sidebar
-   */
-  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  /**
-   * An array of section items, each of which become an additional link on top of the accordion section.
-   */
-  topLinkSections?: SectionItem[];
-  /**
-   * Set fixed height for menu with overflow
-   */
-  menuHeight?: 'sm' | 'md' | 'lg';
-  verticalSpacing?: Scale<{
-    readonly property: 'padding';
-    readonly scale: 'spacing';
-  }>;
-}
-declare const LayoutMenu: React$1.FC<LayoutMenuProps>;
-//#endregion
-export { LayoutMenu, LayoutMenuProps };
-//# sourceMappingURL=LayoutMenu.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenu.d.mts","names":[],"sources":["../../src/LayoutMenu/LayoutMenu.tsx"],"sourcesContent":[],"mappings":";;;;;;UAgBiB,eAAA,SAAwB;;AAAzC;;EASuB,UAAM,EAAA,MAAA;EAoBT;;;;EAmCP,QAAA,EAAA,CAvDA,OAwIZ,GAxIsB,OAAA,CAAM,SAuDK,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;oBAnCd;;;;;oBAKA;;;;;cA8BP,YAAY,OAAA,CAAM,GAAG"}

package/dist/LayoutMenu/LayoutMenu.mjs

@@ -1,85 +0,0 @@
-import { LogoCodecademy } from "../Logos/LogoCodecademy/index.mjs";
-import "../Logos/index.mjs";
-import { LayoutMenuSection } from "./LayoutMenuSection.mjs";
-import { AccordionMenu, isSection } from "./AccordionMenu.mjs";
-import { Box, Flyout, StrokeButton } from "@codecademy/gamut";
-import { variant } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useState } from "react";
-
-//#region src/LayoutMenu/LayoutMenu.tsx
-const StyleBox = /* @__PURE__ */ styled(Box, {
-	target: "ekp6pth0",
-	label: "brand-StyleBox"
-})(variant({
-	prop: "menuHeight",
-	base: {
-		overflowY: "auto",
-		overflowX: "hidden",
-		paddingTop: "4px",
-		paddingLeft: "4px"
-	},
-	variants: {
-		sm: { height: "630px" },
-		md: { height: "1000px" },
-		lg: {
-			height: "1370px",
-			paddingLeft: "8px"
-		}
-	}
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnUvTGF5b3V0TWVudS50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9MYXlvdXRNZW51L0xheW91dE1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmx5b3V0LCBTdHJva2VCdXR0b24sIFdpdGhDaGlsZHJlblByb3AgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFNjYWxlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UvZGlzdC90eXBlcy9jb25maWcnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IExvZ29Db2RlY2FkZW15IH0gZnJvbSAnLi4vTG9nb3MnO1xuaW1wb3J0IHtcbiAgQWNjb3JkaW9uTWVudSxcbiAgaXNTZWN0aW9uLFxuICBTZWN0aW9uLFxuICBTZWN0aW9uSXRlbSxcbn0gZnJvbSAnLi9BY2NvcmRpb25NZW51JztcbmltcG9ydCB7IExheW91dE1lbnVTZWN0aW9uIH0gZnJvbSAnLi9MYXlvdXRNZW51U2VjdGlvbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTGF5b3V0TWVudVByb3BzIGV4dGVuZHMgV2l0aENoaWxkcmVuUHJvcCB7XG4gIC8qKlxuICAgKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciB0aGUgbW9iaWxlIEZseW91dCdzIGNsb3NlIGJ1dHRvbi5cbiAgICovXG4gIGNsb3NlTGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEFuIGFycmF5IG9mIHNlY3Rpb25zIGNvbnRhaW5pbmcgdGhlIHRpdGxlLCBzbHVnLCBhbmQgaXRlbXMsIGVhY2ggb2Ygd2hpY2ggd2lsbCBiZWNvbWUgYW4gYWNjb3JkaW9uLiBFYWNoIGl0ZW0gY29udGFpbnMgYSB0aXRsZSwgc2x1ZywgYW5kIG9uQ2xpY2suXG4gICAqIEFyYml0cmFyeSByZWFjdCBub2RlcyBjYW4gYWxzbyBiZSBwYXNzZWQgYW5kIHdpbGwgYmUgcmVuZGVyZWQgYXMtaXMuXG4gICAqL1xuICBzZWN0aW9uczogKFNlY3Rpb24gfCBSZWFjdC5SZWFjdE5vZGUpW107XG4gIC8qKlxuICAgKiBUaGUgc2x1ZyBvZiB0aGUgY3VycmVudCBzZWxlY3RlZCBpdGVtXG4gICAqL1xuICBzZWxlY3RlZEl0ZW0/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBDYWxsYmFjayB0byBiZSBydW4gb24gY2xpY2sgb2YgdGhlIGFjY29yZGlvbiBidXR0b25cbiAgICovXG4gIG9uU2VjdGlvblRvZ2dsZTogKHNlY3Rpb25TbHVnOiBzdHJpbmcpID0+IHZvaWQ7XG4gIC8qKlxuICAgKiBUZXh0IHNob3duIGluIG1vYmlsZSBidXR0b24gdGhhdCBvcGVucyBmbHlvdXQgb24gY2xpY2tcbiAgICovXG4gIG1vYmlsZUJ1dHRvblRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIEJyZWFrcG9pbnQgYWJvdmUgd2hpY2ggdGhlIG1lbnUgYnV0dG9uIGRpc3BsYXlzIGFzIGEgZnVsbCBzaWRlYmFyXG4gICAqL1xuICBicmVha3BvaW50PzogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCc7XG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBzZWN0aW9uIGl0ZW1zLCBlYWNoIG9mIHdoaWNoIGJlY29tZSBhbiBhZGRpdGlvbmFsIGxpbmsgb24gdG9wIG9mIHRoZSBhY2NvcmRpb24gc2VjdGlvbi5cbiAgICovXG4gIHRvcExpbmtTZWN0aW9ucz86IFNlY3Rpb25JdGVtW107XG4gIC8qKlxuICAgKiBTZXQgZml4ZWQgaGVpZ2h0IGZvciBtZW51IHdpdGggb3ZlcmZsb3dcbiAgICovXG4gIG1lbnVIZWlnaHQ/OiAnc20nIHwgJ21kJyB8ICdsZyc7XG4gIHZlcnRpY2FsU3BhY2luZz86IFNjYWxlPHtcbiAgICByZWFkb25seSBwcm9wZXJ0eTogJ3BhZGRpbmcnO1xuICAgIHJlYWRvbmx5IHNjYWxlOiAnc3BhY2luZyc7XG4gIH0+O1xufVxuXG5jb25zdCBTdHlsZUJveCA9IHN0eWxlZChCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnbWVudUhlaWdodCcsXG4gICAgYmFzZToge1xuICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICBvdmVyZmxvd1g6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZ1RvcDogJzRweCcsXG4gICAgICBwYWRkaW5nTGVmdDogJzRweCcsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgc206IHtcbiAgICAgICAgaGVpZ2h0OiAnNjMwcHgnLFxuICAgICAgfSxcbiAgICAgIG1kOiB7XG4gICAgICAgIGhlaWdodDogJzEwMDBweCcsXG4gICAgICB9LFxuICAgICAgbGc6IHtcbiAgICAgICAgaGVpZ2h0OiAnMTM3MHB4JyxcbiAgICAgICAgcGFkZGluZ0xlZnQ6ICc4cHgnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IExheW91dE1lbnU6IFJlYWN0LkZDPExheW91dE1lbnVQcm9wcz4gPSAoe1xuICBjbG9zZUxhYmVsLFxuICBzZWN0aW9ucyxcbiAgb25TZWN0aW9uVG9nZ2xlLFxuICBzZWxlY3RlZEl0ZW0sXG4gIG1vYmlsZUJ1dHRvblRleHQsXG4gIGJyZWFrcG9pbnQgPSAnbGcnLFxuICBjaGlsZHJlbixcbiAgdG9wTGlua1NlY3Rpb25zLFxuICBtZW51SGVpZ2h0LFxuICB2ZXJ0aWNhbFNwYWNpbmcsXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFjY29yZGlvbk1lbnVTZWN0aW9ucyA9IHNlY3Rpb25zLm1hcCgoc2VjdGlvbiwgaSkgPT4gKFxuICAgIDxCb3ggYXM9XCJsaVwiIGtleT17aXNTZWN0aW9uKHNlY3Rpb24pID8gc2VjdGlvbi5zbHVnIDogaX0+XG4gICAgICB7aXNTZWN0aW9uKHNlY3Rpb24pID8gKFxuICAgICAgICA8QWNjb3JkaW9uTWVudVxuICAgICAgICAgIHNlY3Rpb249e3NlY3Rpb259XG4gICAgICAgICAgb25TZWN0aW9uVG9nZ2xlPXtvblNlY3Rpb25Ub2dnbGV9XG4gICAgICAgICAgb25JdGVtQ2xpY2s9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAgICAgICBzZWxlY3RlZEl0ZW09e3NlbGVjdGVkSXRlbX1cbiAgICAgICAgICB2ZXJ0aWNhbFNwYWNpbmc9e3ZlcnRpY2FsU3BhY2luZ31cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXlcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50IGtleT17aX0+e3NlY3Rpb259PC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICl9XG4gICAgPC9Cb3g+XG4gICkpO1xuXG4gIGNvbnN0IHRvcExpbmtMYXlvdXRNZW51U2VjdGlvbnMgPSB0b3BMaW5rU2VjdGlvbnMgJiYgKFxuICAgIDxCb3ggYXM9XCJsaVwiPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uXG4gICAgICAgIGl0ZW1zPXt0b3BMaW5rU2VjdGlvbnN9XG4gICAgICAgIG9uSXRlbUNsaWNrPXsoKSA9PiBzZXRFeHBhbmRlZChmYWxzZSl9XG4gICAgICAgIHNlbGVjdGVkSXRlbT17c2VsZWN0ZWRJdGVtfVxuICAgICAgICBwYj17MzJ9XG4gICAgICAvPlxuICAgIDwvQm94PlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPG5hdj5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnYmxvY2snLCBbYnJlYWtwb2ludF06ICdub25lJyB9fT5cbiAgICAgICAgPEZseW91dFxuICAgICAgICAgIGNsb3NlTGFiZWw9e2Nsb3NlTGFiZWx9XG4gICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IHNldEV4cGFuZGVkKGZhbHNlKX1cbiAgICAgICAgICB0aXRsZT17PExvZ29Db2RlY2FkZW15IG1iPXszMn0gLz59XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IGFzPVwidWxcIiBsaXN0U3R5bGVUeXBlPVwibm9uZVwiIHB5PXswfSBweD17MTZ9IG09ezB9PlxuICAgICAgICAgICAge3RvcExpbmtMYXlvdXRNZW51U2VjdGlvbnN9XG4gICAgICAgICAgICB7YWNjb3JkaW9uTWVudVNlY3Rpb25zfVxuICAgICAgICAgICAge2NoaWxkcmVuID8gPEJveCBhcz1cImxpXCI+e2NoaWxkcmVufTwvQm94PiA6IG51bGx9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvRmx5b3V0PlxuICAgICAgICA8U3Ryb2tlQnV0dG9uXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgd2lkdGg9ezF9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQodHJ1ZSl9XG4gICAgICAgID5cbiAgICAgICAgICB7bW9iaWxlQnV0dG9uVGV4dH1cbiAgICAgICAgPC9TdHJva2VCdXR0b24+XG4gICAgICA8L0JveD5cbiAgICAgIDxTdHlsZUJveFxuICAgICAgICBhcz1cInVsXCJcbiAgICAgICAgbGlzdFN0eWxlVHlwZT1cIm5vbmVcIlxuICAgICAgICBwPXswfVxuICAgICAgICBtPXswfVxuICAgICAgICBtZW51SGVpZ2h0PXttZW51SGVpZ2h0fVxuICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgW2JyZWFrcG9pbnRdOiAnYmxvY2snIH19XG4gICAgICAgIGRhdGEtdGVzdGlkPVwiZGVza3RvcC1tZW51XCJcbiAgICAgID5cbiAgICAgICAge3RvcExpbmtMYXlvdXRNZW51U2VjdGlvbnN9XG4gICAgICAgIHthY2NvcmRpb25NZW51U2VjdGlvbnN9XG4gICAgICAgIHtjaGlsZHJlbiA/IDxCb3ggYXM9XCJsaVwiPntjaGlsZHJlbn08L0JveD4gOiBudWxsfVxuICAgICAgPC9TdHlsZUJveD5cbiAgICA8L25hdj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RpQiJ9 */");
-const LayoutMenu = ({ closeLabel, sections, onSectionToggle, selectedItem, mobileButtonText, breakpoint = "lg", children, topLinkSections, menuHeight, verticalSpacing }) => {
-	const [expanded, setExpanded] = useState(false);
-	const accordionMenuSections = sections.map((section, i) => /* @__PURE__ */ React$1.createElement(Box, {
-		as: "li",
-		key: isSection(section) ? section.slug : i
-	}, isSection(section) ? /* @__PURE__ */ React$1.createElement(AccordionMenu, {
-		section,
-		onSectionToggle,
-		onItemClick: () => setExpanded(false),
-		selectedItem,
-		verticalSpacing
-	}) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, { key: i }, section)));
-	const topLinkLayoutMenuSections = topLinkSections && /* @__PURE__ */ React$1.createElement(Box, { as: "li" }, /* @__PURE__ */ React$1.createElement(LayoutMenuSection, {
-		items: topLinkSections,
-		onItemClick: () => setExpanded(false),
-		selectedItem,
-		pb: 32
-	}));
-	return /* @__PURE__ */ React$1.createElement("nav", null, /* @__PURE__ */ React$1.createElement(Box, { display: {
-		_: "block",
-		[breakpoint]: "none"
-	} }, /* @__PURE__ */ React$1.createElement(Flyout, {
-		closeLabel,
-		expanded,
-		onClose: () => setExpanded(false),
-		title: /* @__PURE__ */ React$1.createElement(LogoCodecademy, { mb: 32 })
-	}, /* @__PURE__ */ React$1.createElement(Box, {
-		as: "ul",
-		listStyleType: "none",
-		py: 0,
-		px: 16,
-		m: 0
-	}, topLinkLayoutMenuSections, accordionMenuSections, children ? /* @__PURE__ */ React$1.createElement(Box, { as: "li" }, children) : null)), /* @__PURE__ */ React$1.createElement(StrokeButton, {
-		"aria-expanded": expanded,
-		variant: "secondary",
-		width: 1,
-		onClick: () => setExpanded(true)
-	}, mobileButtonText)), /* @__PURE__ */ React$1.createElement(StyleBox, {
-		as: "ul",
-		listStyleType: "none",
-		p: 0,
-		m: 0,
-		menuHeight,
-		display: {
-			_: "none",
-			[breakpoint]: "block"
-		},
-		"data-testid": "desktop-menu"
-	}, topLinkLayoutMenuSections, accordionMenuSections, children ? /* @__PURE__ */ React$1.createElement(Box, { as: "li" }, children) : null));
-};
-
-//#endregion
-export { LayoutMenu };
-//# sourceMappingURL=LayoutMenu.mjs.map

package/dist/LayoutMenu/LayoutMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutMenu.mjs","names":["Box","Flyout","StrokeButton","variant","styled","useState","React","LogoCodecademy","AccordionMenu","isSection","LayoutMenuSection","StyleBox","prop","base","overflowY","overflowX","paddingTop","paddingLeft","variants","sm","height","md","lg","LayoutMenu","closeLabel","sections","onSectionToggle","selectedItem","mobileButtonText","breakpoint","children","topLinkSections","menuHeight","verticalSpacing","expanded","setExpanded","accordionMenuSections","map","section","i","as","key","slug","onItemClick","Fragment","topLinkLayoutMenuSections","items","pb","nav","display","_","onClose","title","mb","listStyleType","py","px","m","aria-expanded","width","onClick","p","data-testid"],"sources":["../../src/LayoutMenu/LayoutMenu.tsx"],"sourcesContent":["import { Box, Flyout, StrokeButton, WithChildrenProp } from '@codecademy/gamut';\nimport { variant } from '@codecademy/gamut-styles';\nimport { Scale } from '@codecademy/variance/dist/types/config';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\n\nimport { LogoCodecademy } from '../Logos';\nimport {\n  AccordionMenu,\n  isSection,\n  Section,\n  SectionItem,\n} from './AccordionMenu';\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nexport interface LayoutMenuProps extends WithChildrenProp {\n  /**\n   * Accessibility label for the mobile Flyout's close button.\n   */\n  closeLabel: string;\n  /**\n   * An array of sections containing the title, slug, and items, each of which will become an accordion. Each item contains a title, slug, and onClick.\n   * Arbitrary react nodes can also be passed and will be rendered as-is.\n   */\n  sections: (Section | React.ReactNode)[];\n  /**\n   * The slug of the current selected item\n   */\n  selectedItem?: string;\n  /**\n   * Callback to be run on click of the accordion button\n   */\n  onSectionToggle: (sectionSlug: string) => void;\n  /**\n   * Text shown in mobile button that opens flyout on click\n   */\n  mobileButtonText: string;\n  /**\n   * Breakpoint above which the menu button displays as a full sidebar\n   */\n  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /**\n   * An array of section items, each of which become an additional link on top of the accordion section.\n   */\n  topLinkSections?: SectionItem[];\n  /**\n   * Set fixed height for menu with overflow\n   */\n  menuHeight?: 'sm' | 'md' | 'lg';\n  verticalSpacing?: Scale<{\n    readonly property: 'padding';\n    readonly scale: 'spacing';\n  }>;\n}\n\nconst StyleBox = styled(Box)(\n  variant({\n    prop: 'menuHeight',\n    base: {\n      overflowY: 'auto',\n      overflowX: 'hidden',\n      paddingTop: '4px',\n      paddingLeft: '4px',\n    },\n    variants: {\n      sm: {\n        height: '630px',\n      },\n      md: {\n        height: '1000px',\n      },\n      lg: {\n        height: '1370px',\n        paddingLeft: '8px',\n      },\n    },\n  })\n);\n\nexport const LayoutMenu: React.FC<LayoutMenuProps> = ({\n  closeLabel,\n  sections,\n  onSectionToggle,\n  selectedItem,\n  mobileButtonText,\n  breakpoint = 'lg',\n  children,\n  topLinkSections,\n  menuHeight,\n  verticalSpacing,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const accordionMenuSections = sections.map((section, i) => (\n    <Box as=\"li\" key={isSection(section) ? section.slug : i}>\n      {isSection(section) ? (\n        <AccordionMenu\n          section={section}\n          onSectionToggle={onSectionToggle}\n          onItemClick={() => setExpanded(false)}\n          selectedItem={selectedItem}\n          verticalSpacing={verticalSpacing}\n        />\n      ) : (\n        // eslint-disable-next-line react/no-array-index-key\n        <React.Fragment key={i}>{section}</React.Fragment>\n      )}\n    </Box>\n  ));\n\n  const topLinkLayoutMenuSections = topLinkSections && (\n    <Box as=\"li\">\n      <LayoutMenuSection\n        items={topLinkSections}\n        onItemClick={() => setExpanded(false)}\n        selectedItem={selectedItem}\n        pb={32}\n      />\n    </Box>\n  );\n\n  return (\n    <nav>\n      <Box display={{ _: 'block', [breakpoint]: 'none' }}>\n        <Flyout\n          closeLabel={closeLabel}\n          expanded={expanded}\n          onClose={() => setExpanded(false)}\n          title={<LogoCodecademy mb={32} />}\n        >\n          <Box as=\"ul\" listStyleType=\"none\" py={0} px={16} m={0}>\n            {topLinkLayoutMenuSections}\n            {accordionMenuSections}\n            {children ? <Box as=\"li\">{children}</Box> : null}\n          </Box>\n        </Flyout>\n        <StrokeButton\n          aria-expanded={expanded}\n          variant=\"secondary\"\n          width={1}\n          onClick={() => setExpanded(true)}\n        >\n          {mobileButtonText}\n        </StrokeButton>\n      </Box>\n      <StyleBox\n        as=\"ul\"\n        listStyleType=\"none\"\n        p={0}\n        m={0}\n        menuHeight={menuHeight}\n        display={{ _: 'none', [breakpoint]: 'block' }}\n        data-testid=\"desktop-menu\"\n      >\n        {topLinkLayoutMenuSections}\n        {accordionMenuSections}\n        {children ? <Box as=\"li\">{children}</Box> : null}\n      </StyleBox>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAwDA,MAAMW,WAAWP,uBAAOJ,KAAAA;;;GACtBG,QAAQ;CACNS,MAAM;CACNC,MAAM;EACJC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,aAAa;EACf;CACAC,UAAU;EACRC,IAAI,EACFC,QAAQ,SACV;EACAC,IAAI,EACFD,QAAQ,UACV;EACAE,IAAI;GACFF,QAAQ;GACRH,aAAa;GACf;EACF;CACF,CAAA,EAAA,8sMAAA;AAGF,MAAaM,cAAyC,EACpDC,YACAC,UACAC,iBACAC,cACAC,kBACAC,aAAa,MACbC,UACAC,iBACAC,YACAC,sBACD;CACC,MAAM,CAACC,UAAUC,eAAe9B,SAAS,MAAA;CAEzC,MAAM+B,wBAAwBX,SAASY,KAAKC,SAASC,MACnD,wBAAA,cAACvC,KAAAA;EAAIwC,IAAG;EAAKC,KAAKhC,UAAU6B,QAAAA,GAAWA,QAAQI,OAAOH;IACnD9B,UAAU6B,QAAAA,GACT,wBAAA,cAAC9B,eAAAA;EACU8B;EACQZ;EACjBiB,mBAAmBR,YAAY,MAAA;EACjBR;EACGM;MAInB,wBAAA,cAAC3B,QAAMsC,UAAQ,EAACH,KAAKF,KAAID,QAAAA,CAAAA,CAAAA;CAK/B,MAAMO,4BAA4Bd,mBAChC,wBAAA,cAAC/B,KAAAA,EAAIwC,IAAG,QACN,wBAAA,cAAC9B,mBAAAA;EACCoC,OAAOf;EACPY,mBAAmBR,YAAY,MAAA;EACjBR;EACdoB,IAAI;;AAKV,QACE,wBAAA,cAACC,OAAAA,MACC,wBAAA,cAAChD,KAAAA,EAAIiD,SAAS;EAAEC,GAAG;GAAUrB,aAAa;EAAO,IAC/C,wBAAA,cAAC5B,QAAAA;EACauB;EACFU;EACViB,eAAehB,YAAY,MAAA;EAC3BiB,OAAO,wBAAA,cAAC7C,gBAAAA,EAAe8C,IAAI;IAE3B,wBAAA,cAACrD,KAAAA;EAAIwC,IAAG;EAAKc,eAAc;EAAOC,IAAI;EAAGC,IAAI;EAAIC,GAAG;IACjDZ,2BACAT,uBACAN,WAAW,wBAAA,cAAC9B,KAAAA,EAAIwC,IAAG,QAAMV,SAAAA,GAAkB,KAAA,CAAA,EAGhD,wBAAA,cAAC5B,cAAAA;EACCwD,iBAAexB;EACf/B,SAAQ;EACRwD,OAAO;EACPC,eAAezB,YAAY,KAAA;IAE1BP,iBAAAA,CAAAA,EAGL,wBAAA,cAACjB,UAAAA;EACC6B,IAAG;EACHc,eAAc;EACdO,GAAG;EACHJ,GAAG;EACSzB;EACZiB,SAAS;GAAEC,GAAG;IAASrB,aAAa;GAAQ;EAC5CiC,eAAY;IAEXjB,2BACAT,uBACAN,WAAW,wBAAA,cAAC9B,KAAAA,EAAIwC,IAAG,QAAMV,SAAAA,GAAkB,KAAA,CAAA"}