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

package/dist/LayoutMenuVariant/AccordionMenu.cjs

@@ -0,0 +1,70 @@
+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/LayoutMenuVariant/AccordionMenu.tsx
+const StyledAccordionArea = /*#__PURE__*/ (0, _emotion_styled.default)(require_index.AccordionAreaDeprecated, {
+	target: "e1ea50rx0",
+	label: "brand-StyledAccordionArea"
+})("padding-block:", ({ theme }) => theme.spacing[16], ";position:relative;left:-4px;&:not(:first-child){border-top:1px solid ", ({ theme }) => theme.colors["navy-300"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEIifQ== */");
+const StyledAnchor = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e1ea50rx1",
+	label: "brand-StyledAnchor"
+})(":hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnFCIn0= */");
+const chevronStates = (0, _codecademy_gamut_styles.states)({ expanded: { transform: "rotate(180deg)" } });
+const ExpandChevron = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut_icons.MiniChevronDownIcon, {
+	target: "e1ea50rx2",
+	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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIn0= */");
+const AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
+	const [expanded, setExpanded] = (0, react.useState)(true);
+	return /*#__PURE__*/ react.default.createElement(StyledAccordionArea, {
+		expanded,
+		top: /*#__PURE__*/ react.default.createElement(StyledAnchor, {
+			variant: "interface",
+			pb: 12,
+			px: 4,
+			onClick: () => {
+				onSectionToggle(section.slug);
+				setExpanded((prev) => !prev);
+			},
+			"aria-expanded": expanded,
+			display: "flex",
+			width: "100%"
+		}, /*#__PURE__*/ react.default.createElement(_codecademy_gamut.Box, {
+			display: "flex",
+			justifyContent: "space-between",
+			width: "100%"
+		}, /*#__PURE__*/ react.default.createElement(_codecademy_gamut.Text, {
+			variant: "p-small",
+			style: {
+				flex: 1,
+				fontWeight: "bold"
+			},
+			textAlign: "left"
+		}, section.title), /*#__PURE__*/ react.default.createElement(ExpandChevron, {
+			ml: 12,
+			size: 16,
+			expanded,
+			position: "relative",
+			top: 4
+		})))
+	}, /*#__PURE__*/ react.default.createElement(require_LayoutMenuSection.LayoutMenuSection, {
+		items: section.items,
+		onItemClick
+	}));
+};
+
+//#endregion
+exports.AccordionMenu = AccordionMenu;
+//# sourceMappingURL=AccordionMenu.cjs.map

package/dist/LayoutMenuVariant/AccordionMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMenu.cjs","names":["Anchor","Box","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","useState","AccordionAreaDeprecated","LayoutMenuSection","StyledAccordionArea","theme","spacing","colors","StyledAnchor","chevronStates","expanded","transform","ExpandChevron","transition","AccordionMenu","section","onSectionToggle","onItemClick","setExpanded","top","variant","pb","px","onClick","slug","prev","aria-expanded","display","width","justifyContent","style","flex","fontWeight","textAlign","title","ml","size","position","items"],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":["import { Anchor, Box, Text } from '@codecademy/gamut';\nimport { MiniChevronDownIcon } from '@codecademy/gamut-icons';\nimport { css, states, transitionConcat } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { useState } from 'react';\n\nimport { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nconst StyledAccordionArea = styled(AccordionAreaDeprecated)`\n  padding-block: ${({ theme }) => theme.spacing[16]};\n  position: relative;\n  left: -4px;\n\n  &:not(:first-child) {\n    border-top: 1px solid ${({ theme }) => theme.colors['navy-300']};\n  }\n`;\n\nconst StyledAnchor = styled(Anchor)`\n  :hover {\n    color: inherit;\n  }\n`;\n\nconst chevronStates = states({\n  expanded: { transform: 'rotate(180deg)' },\n});\n\nconst ExpandChevron = styled(MiniChevronDownIcon)<\n  StyleProps<typeof chevronStates>\n>(\n  css({\n    transform: 'rotate(0deg)',\n    transition: transitionConcat(['transform'], 'slow', 'ease-out'),\n  }),\n  chevronStates\n);\n\nexport type SectionItem = {\n  title: string;\n  slug: string;\n  href: string;\n  onClick: (event: React.MouseEvent) => void;\n  badge?: React.JSX.Element;\n  variant?: React.ComponentProps<typeof Anchor>['variant'];\n};\n\nexport type Section = {\n  title: string;\n  slug: string;\n  items: SectionItem[];\n};\n\nexport type AccordionMenuProps = {\n  section: Section;\n  onSectionToggle: (sectionSlug: string) => void;\n  onItemClick: () => void;\n};\n\nexport const AccordionMenu: React.FC<AccordionMenuProps> = ({\n  section,\n  onSectionToggle,\n  onItemClick,\n}) => {\n  const [expanded, setExpanded] = useState(true);\n\n  return (\n    <StyledAccordionArea\n      expanded={expanded}\n      top={\n        <StyledAnchor\n          variant=\"interface\"\n          pb={12}\n          px={4}\n          onClick={() => {\n            onSectionToggle(section.slug);\n            setExpanded((prev) => !prev);\n          }}\n          aria-expanded={expanded}\n          display=\"flex\"\n          width=\"100%\"\n        >\n          <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n            <Text\n              variant=\"p-small\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ flex: 1, fontWeight: 'bold' }}\n              textAlign=\"left\"\n            >\n              {section.title}\n            </Text>\n            <ExpandChevron\n              ml={12}\n              size={16}\n              expanded={expanded}\n              position=\"relative\"\n              top={4}\n            />\n          </Box>\n        </StyledAnchor>\n      }\n    >\n      <LayoutMenuSection items={section.items} onItemClick={onItemClick} />\n    </StyledAccordionArea>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAUA,MAAMY,sBAAsBL,2CAAOG,uCAAAA;;;sBACf,EAAEG,YAAYA,MAAMC,QAAQ,KAAG,2EAKtB,EAAED,YAAYA,MAAME,OAAO,aAAW,MAAA,ipIAAA;AAInE,MAAMC,eAAeT,2CAAOP,0BAAAA;;;;AAM5B,MAAMiB,qDAAuB,EAC3BC,UAAU,EAAEC,WAAW,iBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBb,2CAAOJ,6CAAAA;;;qCAGvB;CACFgB,WAAW;CACXE,2DAA6B,CAAC,cAAc,QAAQ,UAAA;AACtD,CAAA,GACAJ,eAAAA,ipIAAAA;AAwBF,MAAaK,iBAA+C,EAC1DC,SACAC,iBACAC,kBACD;CACC,MAAM,CAACP,UAAUQ,mCAAwB,IAAA;CAEzC,OACE,4BAAA,cAACd,qBAAAA;EACWM;EACVS,KACE,4BAAA,cAACX,cAAAA;GACCY,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;IACPP,gBAAgBD,QAAQS,IAAI;IAC5BN,aAAaO,SAAS,CAACA,IAAAA;GACzB;GACAC,iBAAehB;GACfiB,SAAQ;GACRC,OAAM;KAEN,4BAAA,cAACnC,uBAAAA;GAAIkC,SAAQ;GAAOE,gBAAe;GAAgBD,OAAM;KACvD,4BAAA,cAAClC,wBAAAA;GACC0B,SAAQ;GAERU,OAAO;IAAEC,MAAM;IAAGC,YAAY;GAAO;GACrCC,WAAU;KAETlB,QAAQmB,KAAK,GAEhB,4BAAA,cAACtB,eAAAA;GACCuB,IAAI;GACJC,MAAM;GACI1B;GACV2B,UAAS;GACTlB,KAAK;;IAMb,4BAAA,cAAChB,6CAAAA;EAAkBmC,OAAOvB,QAAQuB;EAAoBrB;;AAG5D"}

package/dist/LayoutMenuVariant/AccordionMenu.d.cts

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

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

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

package/dist/LayoutMenuVariant/AccordionMenu.d.ts

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

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

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

package/dist/LayoutMenuVariant/AccordionMenu.js

@@ -1,88 +1,67 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Anchor, Box, Text } from '@codecademy/gamut';
-import { MiniChevronDownIcon } from '@codecademy/gamut-icons';
-import { css, states, transitionConcat } from '@codecademy/gamut-styles';
-import React, { useState } from 'react';
-import { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';
-import { LayoutMenuSection } from './LayoutMenuSection';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledAccordionArea = /*#__PURE__*/_styled(AccordionAreaDeprecated, {
-  target: "e12elcd22",
-  label: "StyledAccordionArea"
-})("padding-block:", ({
-  theme
-}) => theme.spacing[16], ";position:relative;left:-4px;&:not(:first-child){border-top:1px solid ", ({
-  theme
-}) => theme.colors['navy-300'], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9BY2NvcmRpb25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMkQiLCJmaWxlIjoiLi4vLi4vc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdfQ== */"));
-const StyledAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e12elcd21",
-  label: "StyledAnchor"
-})(process.env.NODE_ENV === "production" ? {
-  name: "8a4698",
-  styles: ":hover{color:inherit;}"
-} : {
-  name: "8a4698",
-  styles: ":hover{color:inherit;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9BY2NvcmRpb25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9BY2NvcmRpb25NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkIH0gZnJvbSAnLi4vQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQnO1xuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQXJlYSA9IHN0eWxlZChBY2NvcmRpb25BcmVhRGVwcmVjYXRlZClgXG4gIHBhZGRpbmctYmxvY2s6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1sxNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTMwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcilgXG4gIDpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25TdGF0ZXMgPSBzdGF0ZXMoe1xuICBleHBhbmRlZDogeyB0cmFuc2Zvcm06ICdyb3RhdGUoMTgwZGVnKScgfSxcbn0pO1xuXG5jb25zdCBFeHBhbmRDaGV2cm9uID0gc3R5bGVkKE1pbmlDaGV2cm9uRG93bkljb24pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBjaGV2cm9uU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICB0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLFxuICAgIHRyYW5zaXRpb246IHRyYW5zaXRpb25Db25jYXQoWyd0cmFuc2Zvcm0nXSwgJ3Nsb3cnLCAnZWFzZS1vdXQnKSxcbiAgfSksXG4gIGNoZXZyb25TdGF0ZXNcbik7XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb25JdGVtID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBiYWRnZT86IFJlYWN0LkpTWC5FbGVtZW50O1xuICB2YXJpYW50PzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj5bJ3ZhcmlhbnQnXTtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25NZW51UHJvcHMgPSB7XG4gIHNlY3Rpb246IFNlY3Rpb247XG4gIG9uU2VjdGlvblRvZ2dsZTogKHNlY3Rpb25TbHVnOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uSXRlbUNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbk1lbnU6IFJlYWN0LkZDPEFjY29yZGlvbk1lbnVQcm9wcz4gPSAoe1xuICBzZWN0aW9uLFxuICBvblNlY3Rpb25Ub2dnbGUsXG4gIG9uSXRlbUNsaWNrLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjY29yZGlvbkFyZWFcbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIHRvcD17XG4gICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICBwYj17MTJ9XG4gICAgICAgICAgcHg9ezR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25TZWN0aW9uVG9nZ2xlKHNlY3Rpb24uc2x1Zyk7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJmbGV4XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgICAgICAgc3R5bGU9e3sgZmxleDogMSwgZm9udFdlaWdodDogJ2JvbGQnIH19XG4gICAgICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7c2VjdGlvbi50aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxFeHBhbmRDaGV2cm9uXG4gICAgICAgICAgICAgIG1sPXsxMn1cbiAgICAgICAgICAgICAgc2l6ZT17MTZ9XG4gICAgICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYXlvdXRNZW51U2VjdGlvbiBpdGVtcz17c2VjdGlvbi5pdGVtc30gb25JdGVtQ2xpY2s9e29uSXRlbUNsaWNrfSAvPlxuICAgIDwvU3R5bGVkQWNjb3JkaW9uQXJlYT5cbiAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const chevronStates = states({
-  expanded: {
-    transform: 'rotate(180deg)'
-  }
-});
-const ExpandChevron = /*#__PURE__*/_styled(MiniChevronDownIcon, {
-  target: "e12elcd20",
-  label: "ExpandChevron"
+import { AccordionAreaDeprecated } from "../AccordionAreaDeprecated/index.js";
+import { LayoutMenuSection } from "./LayoutMenuSection.js";
+import { Anchor, Box, Text } from "@codecademy/gamut";
+import { css, states, transitionConcat } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import React, { useState } from "react";
+import { MiniChevronDownIcon } from "@codecademy/gamut-icons";
+
+//#region src/LayoutMenuVariant/AccordionMenu.tsx
+const StyledAccordionArea = /*#__PURE__*/ styled(AccordionAreaDeprecated, {
+	target: "e1ea50rx0",
+	label: "brand-StyledAccordionArea"
+})("padding-block:", ({ theme }) => theme.spacing[16], ";position:relative;left:-4px;&:not(:first-child){border-top:1px solid ", ({ theme }) => theme.colors["navy-300"], ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEIifQ== */");
+const StyledAnchor = /*#__PURE__*/ styled(Anchor, {
+	target: "e1ea50rx1",
+	label: "brand-StyledAnchor"
+})(":hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnFCIn0= */");
+const chevronStates = states({ expanded: { transform: "rotate(180deg)" } });
+const ExpandChevron = /*#__PURE__*/ styled(MiniChevronDownIcon, {
+	target: "e1ea50rx2",
+	label: "brand-ExpandChevron"
 })(css({
-  transform: 'rotate(0deg)',
-  transition: transitionConcat(['transform'], 'slow', 'ease-out')
-}), chevronStates, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9BY2NvcmRpb25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIiwiZmlsZSI6Ii4uLy4uL3NyYy9MYXlvdXRNZW51VmFyaWFudC9BY2NvcmRpb25NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuY2hvciwgQm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaUNoZXZyb25Eb3duSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgc3RhdGVzLCB0cmFuc2l0aW9uQ29uY2F0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEFjY29yZGlvbkFyZWFEZXByZWNhdGVkIH0gZnJvbSAnLi4vQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQnO1xuaW1wb3J0IHsgTGF5b3V0TWVudVNlY3Rpb24gfSBmcm9tICcuL0xheW91dE1lbnVTZWN0aW9uJztcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQXJlYSA9IHN0eWxlZChBY2NvcmRpb25BcmVhRGVwcmVjYXRlZClgXG4gIHBhZGRpbmctYmxvY2s6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZ1sxNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC00cHg7XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyduYXZ5LTMwMCddfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQW5jaG9yID0gc3R5bGVkKEFuY2hvcilgXG4gIDpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cbmA7XG5cbmNvbnN0IGNoZXZyb25TdGF0ZXMgPSBzdGF0ZXMoe1xuICBleHBhbmRlZDogeyB0cmFuc2Zvcm06ICdyb3RhdGUoMTgwZGVnKScgfSxcbn0pO1xuXG5jb25zdCBFeHBhbmRDaGV2cm9uID0gc3R5bGVkKE1pbmlDaGV2cm9uRG93bkljb24pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBjaGV2cm9uU3RhdGVzPlxuPihcbiAgY3NzKHtcbiAgICB0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLFxuICAgIHRyYW5zaXRpb246IHRyYW5zaXRpb25Db25jYXQoWyd0cmFuc2Zvcm0nXSwgJ3Nsb3cnLCAnZWFzZS1vdXQnKSxcbiAgfSksXG4gIGNoZXZyb25TdGF0ZXNcbik7XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb25JdGVtID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzbHVnOiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbiAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBiYWRnZT86IFJlYWN0LkpTWC5FbGVtZW50O1xuICB2YXJpYW50PzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEFuY2hvcj5bJ3ZhcmlhbnQnXTtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY3Rpb24gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaXRlbXM6IFNlY3Rpb25JdGVtW107XG59O1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25NZW51UHJvcHMgPSB7XG4gIHNlY3Rpb246IFNlY3Rpb247XG4gIG9uU2VjdGlvblRvZ2dsZTogKHNlY3Rpb25TbHVnOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uSXRlbUNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbk1lbnU6IFJlYWN0LkZDPEFjY29yZGlvbk1lbnVQcm9wcz4gPSAoe1xuICBzZWN0aW9uLFxuICBvblNlY3Rpb25Ub2dnbGUsXG4gIG9uSXRlbUNsaWNrLFxufSkgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFjY29yZGlvbkFyZWFcbiAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgIHRvcD17XG4gICAgICAgIDxTdHlsZWRBbmNob3JcbiAgICAgICAgICB2YXJpYW50PVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICBwYj17MTJ9XG4gICAgICAgICAgcHg9ezR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25TZWN0aW9uVG9nZ2xlKHNlY3Rpb24uc2x1Zyk7XG4gICAgICAgICAgICBzZXRFeHBhbmRlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IGRpc3BsYXk9XCJmbGV4XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgd2lkdGg9XCIxMDAlXCI+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICB2YXJpYW50PVwicC1zbWFsbFwiXG4gICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBnYW11dC9uby1pbmxpbmUtc3R5bGVcbiAgICAgICAgICAgICAgc3R5bGU9e3sgZmxleDogMSwgZm9udFdlaWdodDogJ2JvbGQnIH19XG4gICAgICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7c2VjdGlvbi50aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxFeHBhbmRDaGV2cm9uXG4gICAgICAgICAgICAgIG1sPXsxMn1cbiAgICAgICAgICAgICAgc2l6ZT17MTZ9XG4gICAgICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICAgIHRvcD17NH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvU3R5bGVkQW5jaG9yPlxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYXlvdXRNZW51U2VjdGlvbiBpdGVtcz17c2VjdGlvbi5pdGVtc30gb25JdGVtQ2xpY2s9e29uSXRlbUNsaWNrfSAvPlxuICAgIDwvU3R5bGVkQWNjb3JkaW9uQXJlYT5cbiAgKTtcbn07XG4iXX0= */");
-export const AccordionMenu = ({
-  section,
-  onSectionToggle,
-  onItemClick
-}) => {
-  const [expanded, setExpanded] = useState(true);
-  return /*#__PURE__*/_jsx(StyledAccordionArea, {
-    expanded: expanded,
-    top: /*#__PURE__*/_jsx(StyledAnchor, {
-      variant: "interface",
-      pb: 12,
-      px: 4,
-      onClick: () => {
-        onSectionToggle(section.slug);
-        setExpanded(prev => !prev);
-      },
-      "aria-expanded": expanded,
-      display: "flex",
-      width: "100%",
-      children: /*#__PURE__*/_jsxs(Box, {
-        display: "flex",
-        justifyContent: "space-between",
-        width: "100%",
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "p-small"
-          // eslint-disable-next-line gamut/no-inline-style
-          ,
-          style: {
-            flex: 1,
-            fontWeight: 'bold'
-          },
-          textAlign: "left",
-          children: section.title
-        }), /*#__PURE__*/_jsx(ExpandChevron, {
-          ml: 12,
-          size: 16,
-          expanded: expanded,
-          position: "relative",
-          top: 4
-        })]
-      })
-    }),
-    children: /*#__PURE__*/_jsx(LayoutMenuSection, {
-      items: section.items,
-      onItemClick: onItemClick
-    })
-  });
-};
+	transform: "rotate(0deg)",
+	transition: transitionConcat(["transform"], "slow", "ease-out")
+}), chevronStates, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0xheW91dE1lbnVWYXJpYW50L0FjY29yZGlvbk1lbnUudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvTGF5b3V0TWVudVZhcmlhbnQvQWNjb3JkaW9uTWVudS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzdGF0ZXMsIHRyYW5zaXRpb25Db25jYXQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQgfSBmcm9tICcuLi9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZCc7XG5pbXBvcnQgeyBMYXlvdXRNZW51U2VjdGlvbiB9IGZyb20gJy4vTGF5b3V0TWVudVNlY3Rpb24nO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25BcmVhID0gc3R5bGVkKEFjY29yZGlvbkFyZWFEZXByZWNhdGVkKWBcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjaW5nWzE2XX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTRweDtcblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ25hdnktMzAwJ119O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKWBcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuYDtcblxuY29uc3QgY2hldnJvblN0YXRlcyA9IHN0YXRlcyh7XG4gIGV4cGFuZGVkOiB7IHRyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJyB9LFxufSk7XG5cbmNvbnN0IEV4cGFuZENoZXZyb24gPSBzdHlsZWQoTWluaUNoZXZyb25Eb3duSWNvbik8XG4gIFN0eWxlUHJvcHM8dHlwZW9mIGNoZXZyb25TdGF0ZXM+XG4+KFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsXG4gICAgdHJhbnNpdGlvbjogdHJhbnNpdGlvbkNvbmNhdChbJ3RyYW5zZm9ybSddLCAnc2xvdycsICdlYXNlLW91dCcpLFxuICB9KSxcbiAgY2hldnJvblN0YXRlc1xuKTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbkl0ZW0gPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHNsdWc6IHN0cmluZztcbiAgaHJlZjogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGJhZGdlPzogUmVhY3QuSlNYLkVsZW1lbnQ7XG4gIHZhcmlhbnQ/OiBSZWFjdC5Db21wb25lbnRQcm9wczx0eXBlb2YgQW5jaG9yPlsndmFyaWFudCddO1xufTtcblxuZXhwb3J0IHR5cGUgU2VjdGlvbiA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc2x1Zzogc3RyaW5nO1xuICBpdGVtczogU2VjdGlvbkl0ZW1bXTtcbn07XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbk1lbnVQcm9wcyA9IHtcbiAgc2VjdGlvbjogU2VjdGlvbjtcbiAgb25TZWN0aW9uVG9nZ2xlOiAoc2VjdGlvblNsdWc6IHN0cmluZykgPT4gdm9pZDtcbiAgb25JdGVtQ2xpY2s6ICgpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uTWVudTogUmVhY3QuRkM8QWNjb3JkaW9uTWVudVByb3BzPiA9ICh7XG4gIHNlY3Rpb24sXG4gIG9uU2VjdGlvblRvZ2dsZSxcbiAgb25JdGVtQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IFtleHBhbmRlZCwgc2V0RXhwYW5kZWRdID0gdXNlU3RhdGUodHJ1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWNjb3JkaW9uQXJlYVxuICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgdG9wPXtcbiAgICAgICAgPFN0eWxlZEFuY2hvclxuICAgICAgICAgIHZhcmlhbnQ9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgIHBiPXsxMn1cbiAgICAgICAgICBweD17NH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvblNlY3Rpb25Ub2dnbGUoc2VjdGlvbi5zbHVnKTtcbiAgICAgICAgICAgIHNldEV4cGFuZGVkKChwcmV2KSA9PiAhcHJldik7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiB3aWR0aD1cIjEwMCVcIj5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJwLXNtYWxsXCJcbiAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGdhbXV0L25vLWlubGluZS1zdHlsZVxuICAgICAgICAgICAgICBzdHlsZT17eyBmbGV4OiAxLCBmb250V2VpZ2h0OiAnYm9sZCcgfX1cbiAgICAgICAgICAgICAgdGV4dEFsaWduPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtzZWN0aW9uLnRpdGxlfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPEV4cGFuZENoZXZyb25cbiAgICAgICAgICAgICAgbWw9ezEyfVxuICAgICAgICAgICAgICBzaXplPXsxNn1cbiAgICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgICAgdG9wPXs0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRBbmNob3I+XG4gICAgICB9XG4gICAgPlxuICAgICAgPExheW91dE1lbnVTZWN0aW9uIGl0ZW1zPXtzZWN0aW9uLml0ZW1zfSBvbkl0ZW1DbGljaz17b25JdGVtQ2xpY2t9IC8+XG4gICAgPC9TdHlsZWRBY2NvcmRpb25BcmVhPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIn0= */");
+const AccordionMenu = ({ section, onSectionToggle, onItemClick }) => {
+	const [expanded, setExpanded] = useState(true);
+	return /*#__PURE__*/ React.createElement(StyledAccordionArea, {
+		expanded,
+		top: /*#__PURE__*/ React.createElement(StyledAnchor, {
+			variant: "interface",
+			pb: 12,
+			px: 4,
+			onClick: () => {
+				onSectionToggle(section.slug);
+				setExpanded((prev) => !prev);
+			},
+			"aria-expanded": expanded,
+			display: "flex",
+			width: "100%"
+		}, /*#__PURE__*/ React.createElement(Box, {
+			display: "flex",
+			justifyContent: "space-between",
+			width: "100%"
+		}, /*#__PURE__*/ React.createElement(Text, {
+			variant: "p-small",
+			style: {
+				flex: 1,
+				fontWeight: "bold"
+			},
+			textAlign: "left"
+		}, section.title), /*#__PURE__*/ React.createElement(ExpandChevron, {
+			ml: 12,
+			size: 16,
+			expanded,
+			position: "relative",
+			top: 4
+		})))
+	}, /*#__PURE__*/ React.createElement(LayoutMenuSection, {
+		items: section.items,
+		onItemClick
+	}));
+};
+
+//#endregion
+export { AccordionMenu };
+//# sourceMappingURL=AccordionMenu.js.map

package/dist/LayoutMenuVariant/AccordionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMenu.js","names":["Anchor","Box","Text","MiniChevronDownIcon","css","states","transitionConcat","styled","React","useState","AccordionAreaDeprecated","LayoutMenuSection","StyledAccordionArea","theme","spacing","colors","StyledAnchor","chevronStates","expanded","transform","ExpandChevron","transition","AccordionMenu","section","onSectionToggle","onItemClick","setExpanded","top","variant","pb","px","onClick","slug","prev","aria-expanded","display","width","justifyContent","style","flex","fontWeight","textAlign","title","ml","size","position","items"],"sources":["../../src/LayoutMenuVariant/AccordionMenu.tsx"],"sourcesContent":["import { Anchor, Box, Text } from '@codecademy/gamut';\nimport { MiniChevronDownIcon } from '@codecademy/gamut-icons';\nimport { css, states, transitionConcat } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport React, { useState } from 'react';\n\nimport { AccordionAreaDeprecated } from '../AccordionAreaDeprecated';\nimport { LayoutMenuSection } from './LayoutMenuSection';\n\nconst StyledAccordionArea = styled(AccordionAreaDeprecated)`\n  padding-block: ${({ theme }) => theme.spacing[16]};\n  position: relative;\n  left: -4px;\n\n  &:not(:first-child) {\n    border-top: 1px solid ${({ theme }) => theme.colors['navy-300']};\n  }\n`;\n\nconst StyledAnchor = styled(Anchor)`\n  :hover {\n    color: inherit;\n  }\n`;\n\nconst chevronStates = states({\n  expanded: { transform: 'rotate(180deg)' },\n});\n\nconst ExpandChevron = styled(MiniChevronDownIcon)<\n  StyleProps<typeof chevronStates>\n>(\n  css({\n    transform: 'rotate(0deg)',\n    transition: transitionConcat(['transform'], 'slow', 'ease-out'),\n  }),\n  chevronStates\n);\n\nexport type SectionItem = {\n  title: string;\n  slug: string;\n  href: string;\n  onClick: (event: React.MouseEvent) => void;\n  badge?: React.JSX.Element;\n  variant?: React.ComponentProps<typeof Anchor>['variant'];\n};\n\nexport type Section = {\n  title: string;\n  slug: string;\n  items: SectionItem[];\n};\n\nexport type AccordionMenuProps = {\n  section: Section;\n  onSectionToggle: (sectionSlug: string) => void;\n  onItemClick: () => void;\n};\n\nexport const AccordionMenu: React.FC<AccordionMenuProps> = ({\n  section,\n  onSectionToggle,\n  onItemClick,\n}) => {\n  const [expanded, setExpanded] = useState(true);\n\n  return (\n    <StyledAccordionArea\n      expanded={expanded}\n      top={\n        <StyledAnchor\n          variant=\"interface\"\n          pb={12}\n          px={4}\n          onClick={() => {\n            onSectionToggle(section.slug);\n            setExpanded((prev) => !prev);\n          }}\n          aria-expanded={expanded}\n          display=\"flex\"\n          width=\"100%\"\n        >\n          <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n            <Text\n              variant=\"p-small\"\n              // eslint-disable-next-line gamut/no-inline-style\n              style={{ flex: 1, fontWeight: 'bold' }}\n              textAlign=\"left\"\n            >\n              {section.title}\n            </Text>\n            <ExpandChevron\n              ml={12}\n              size={16}\n              expanded={expanded}\n              position=\"relative\"\n              top={4}\n            />\n          </Box>\n        </StyledAnchor>\n      }\n    >\n      <LayoutMenuSection items={section.items} onItemClick={onItemClick} />\n    </StyledAccordionArea>\n  );\n};\n"],"mappings":";;;;;;;;;AAUA,MAAMY,sBAAsBL,qBAAOG,yBAAAA;;;sBACf,EAAEG,YAAYA,MAAMC,QAAQ,KAAG,2EAKtB,EAAED,YAAYA,MAAME,OAAO,aAAW,MAAA,ipIAAA;AAInE,MAAMC,eAAeT,qBAAOP,QAAAA;;;;AAM5B,MAAMiB,gBAAgBZ,OAAO,EAC3Ba,UAAU,EAAEC,WAAW,iBAAiB,EAC1C,CAAA;AAEA,MAAMC,gBAAgBb,qBAAOJ,qBAAAA;;;GAG3BC,IAAI;CACFe,WAAW;CACXE,YAAYf,iBAAiB,CAAC,cAAc,QAAQ,UAAA;AACtD,CAAA,GACAW,eAAAA,ipIAAAA;AAwBF,MAAaK,iBAA+C,EAC1DC,SACAC,iBACAC,kBACD;CACC,MAAM,CAACP,UAAUQ,eAAejB,SAAS,IAAA;CAEzC,OACE,oBAAA,cAACG,qBAAAA;EACWM;EACVS,KACE,oBAAA,cAACX,cAAAA;GACCY,SAAQ;GACRC,IAAI;GACJC,IAAI;GACJC,eAAS;IACPP,gBAAgBD,QAAQS,IAAI;IAC5BN,aAAaO,SAAS,CAACA,IAAAA;GACzB;GACAC,iBAAehB;GACfiB,SAAQ;GACRC,OAAM;KAEN,oBAAA,cAACnC,KAAAA;GAAIkC,SAAQ;GAAOE,gBAAe;GAAgBD,OAAM;KACvD,oBAAA,cAAClC,MAAAA;GACC0B,SAAQ;GAERU,OAAO;IAAEC,MAAM;IAAGC,YAAY;GAAO;GACrCC,WAAU;KAETlB,QAAQmB,KAAK,GAEhB,oBAAA,cAACtB,eAAAA;GACCuB,IAAI;GACJC,MAAM;GACI1B;GACV2B,UAAS;GACTlB,KAAK;;IAMb,oBAAA,cAAChB,mBAAAA;EAAkBmC,OAAOvB,QAAQuB;EAAoBrB;;AAG5D"}

package/dist/LayoutMenuVariant/LayoutMenu.cjs

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

package/dist/LayoutMenuVariant/LayoutMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutMenu.cjs","names":["Box","Flyout","StrokeButton","variant","styled","React","useState","LogoCodecademy","AccordionMenu","LayoutMenuSection","StyleBox","prop","base","borderColor","borderStyleBottom","borderWidthBottom","overflowY","overflowX","paddingTop","paddingLeft","variants","sm","height","md","lg","LayoutMenu","closeLabel","sections","onSectionToggle","mobileButtonText","mobileButtonIcon","breakpoint","children","topLinkSections","menuHeight","expanded","setExpanded","accordionMenuSections","map","section","key","slug","onItemClick","topLinkLayoutMenuSections","items","pb","nav","aria-label","display","_","onClose","title","mb","px","aria-expanded","width","icon","onClick","data-testid"],"sources":["../../src/LayoutMenuVariant/LayoutMenu.tsx"],"sourcesContent":["import { Box, Flyout, StrokeButton, WithChildrenProp } from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport { variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport React, { ComponentType, useState } from 'react';\n\nimport { LogoCodecademy } from '../Logos';\nimport { AccordionMenu, Section, SectionItem } 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   */\n  sections: Section[];\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   * Icon shown in mobile button that opens flyout on click\n   */\n  mobileButtonIcon?: ComponentType<GamutIconProps>;\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}\n\nconst StyleBox = styled(Box)(\n  variant({\n    prop: 'menuHeight',\n    base: {\n      borderColor: 'black',\n      borderStyleBottom: 'solid',\n      borderWidthBottom: '1px',\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      },\n    },\n  })\n);\n\nexport const LayoutMenu: React.FC<LayoutMenuProps> = ({\n  closeLabel,\n  sections,\n  onSectionToggle,\n  mobileButtonText,\n  mobileButtonIcon,\n  breakpoint = 'lg',\n  children,\n  topLinkSections,\n  menuHeight,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const accordionMenuSections = sections.map((section) => (\n    <AccordionMenu\n      key={section.slug}\n      section={section}\n      onSectionToggle={onSectionToggle}\n      onItemClick={() => setExpanded(false)}\n    />\n  ));\n\n  const topLinkLayoutMenuSections = topLinkSections && (\n    <LayoutMenuSection\n      items={topLinkSections}\n      onItemClick={() => setExpanded(false)}\n      pb={32}\n    />\n  );\n\n  return (\n    <nav aria-label=\"Secondary\">\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 px={24}>\n            {topLinkLayoutMenuSections}\n            {accordionMenuSections}\n            {children}\n          </Box>\n        </Flyout>\n        <StrokeButton\n          aria-expanded={expanded}\n          variant=\"secondary\"\n          width={1}\n          icon={mobileButtonIcon}\n          onClick={() => setExpanded(true)}\n        >\n          {mobileButtonText}\n        </StrokeButton>\n      </Box>\n      <StyleBox\n        menuHeight={menuHeight}\n        display={{ _: 'none', [breakpoint]: 'block' }}\n        data-testid=\"desktop-menu\"\n      >\n        {topLinkLayoutMenuSections}\n        {accordionMenuSections}\n        {children}\n      </StyleBox>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AA6CA,MAAMU,WAAWN,2CAAOJ,uBAAAA;;;yCACd;CACNW,MAAM;CACNC,MAAM;EACJC,aAAa;EACbC,mBAAmB;EACnBC,mBAAmB;EACnBC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,aAAa;CACf;CACAC,UAAU;EACRC,IAAI,EACFC,QAAQ,QACV;EACAC,IAAI,EACFD,QAAQ,SACV;EACAE,IAAI,EACFF,QAAQ,SACV;CACF;AACF,CAAA,GAAA,izKAAA;AAGF,MAAaG,cAAyC,EACpDC,YACAC,UACAC,iBACAC,kBACAC,kBACAC,aAAa,MACbC,UACAC,iBACAC,iBACD;CACC,MAAM,CAACC,UAAUC,mCAAwB,KAAA;CAEzC,MAAMC,wBAAwBV,SAASW,KAAKC,YAC1C,4BAAA,cAAC/B,qCAAAA;EACCgC,KAAKD,QAAQE;EACJF;EACQX;EACjBc,mBAAmBN,YAAY,KAAA;;CAInC,MAAMO,4BAA4BV,mBAChC,4BAAA,cAACxB,6CAAAA;EACCmC,OAAOX;EACPS,mBAAmBN,YAAY,KAAA;EAC/BS,IAAI;;CAIR,OACE,4BAAA,cAACC,OAAAA,EAAIC,cAAW,eACd,4BAAA,cAAC/C,uBAAAA,EAAIgD,SAAS;EAAEC,GAAG;GAAUlB,aAAa;CAAO,KAC/C,4BAAA,cAAC9B,0BAAAA;EACayB;EACFS;EACVe,eAAed,YAAY,KAAA;EAC3Be,OAAO,4BAAA,cAAC5C,8BAAAA,EAAe6C,IAAI;IAE3B,4BAAA,cAACpD,uBAAAA,EAAIqD,IAAI,MACNV,2BACAN,uBACAL,QAAAA,CAAAA,GAGL,4BAAA,cAAC9B,gCAAAA;EACCoD,iBAAenB;EACfhC,SAAQ;EACRoD,OAAO;EACPC,MAAM1B;EACN2B,eAAerB,YAAY,IAAA;IAE1BP,gBAAAA,CAAAA,GAGL,4BAAA,cAACnB,UAAAA;EACawB;EACZc,SAAS;GAAEC,GAAG;IAASlB,aAAa;EAAQ;EAC5C2B,eAAY;IAEXf,2BACAN,uBACAL,QAAAA,CAAAA;AAIT"}

package/dist/LayoutMenuVariant/LayoutMenu.d.cts

@@ -0,0 +1,44 @@
+import { Section, SectionItem } from "./AccordionMenu.cjs";
+import { WithChildrenProp } from "@codecademy/gamut";
+import { GamutIconProps } from "@codecademy/gamut-icons";
+import React, { ComponentType } from "react";
+
+//#region src/LayoutMenuVariant/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.
+   */
+  sections: Section[];
+  /**
+   * 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;
+  /**
+   * Icon shown in mobile button that opens flyout on click
+   */
+  mobileButtonIcon?: ComponentType<GamutIconProps>;
+  /**
+   * 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';
+}
+declare const LayoutMenu: React.FC<LayoutMenuProps>;
+//#endregion
+export { LayoutMenu, LayoutMenuProps };
+//# sourceMappingURL=LayoutMenu.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutMenu.d.cts","names":[],"sources":["../../src/LayoutMenuVariant/LayoutMenu.tsx"],"mappings":";;;;;;UAUiB,eAAA,SAAwB,gBAAA;;AAAzC;;EAIE,UAAA;EAIU;;;EAAV,QAAA,EAAU,OAAA;EAR6B;;;EAYvC,eAAA,GAAkB,WAAA;EARlB;;;EAYA,gBAAA;EAJkB;;;EAQlB,gBAAA,GAAmB,aAAA,CAAc,cAAA;EAAA;;;EAIjC,UAAA;EAQA;;AAAU;EAJV,eAAA,GAAkB,WAAA;EAmGnB;;;EA/FC,UAAA;AAAA;AAAA,cA6BW,UAAA,EAAY,KAAA,CAAM,EAAE,CAAC,eAAA"}