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

package/dist/LandingPage/Description.d.ts

@@ -1,10 +1,6 @@
-import { LandingPageBaseProps } from "./types.js";
-import * as React$1 from "react";
-
-//#region src/LandingPage/Description.d.ts
-type DescriptionProps = {
-  text: string;
+import * as React from 'react';
+import { LandingPageBaseProps } from './types';
+export type DescriptionProps = {
+    text: string;
 } & Pick<LandingPageBaseProps, 'onAnchorClick'>;
-declare const Description: React$1.FC<DescriptionProps>;
-//#endregion
-export { Description, DescriptionProps };
+export declare const Description: React.FC<DescriptionProps>;

package/dist/LandingPage/Description.js

@@ -1,16 +1,14 @@
-import { Box, Markdown } from "@codecademy/gamut";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/LandingPage/Description.tsx
-const Description = ({ text, onAnchorClick }) => /* @__PURE__ */ jsx(Box, {
-	maxWidth: "38rem",
-	mt: 16,
-	children: /* @__PURE__ */ jsx(Markdown, {
-		text,
-		onAnchorClick
-	})
-});
-
-//#endregion
-export { Description };
+import { Box, Markdown } from '@codecademy/gamut';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Description = ({
+  text,
+  onAnchorClick
+}) => /*#__PURE__*/_jsx(Box, {
+  maxWidth: "38rem",
+  mt: 16,
+  children: /*#__PURE__*/_jsx(Markdown, {
+    text: text,
+    onAnchorClick: onAnchorClick
+  })
+});

package/dist/LandingPage/PageFAQs.d.ts

@@ -1,14 +1,13 @@
-import { LandingPageBaseProps } from "./types.js";
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/LandingPage/PageFAQs.d.ts
-interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
-  faqs?: {
+import { WithChildrenProp } from '@codecademy/gamut';
+import * as React from 'react';
+import { LandingPageBaseProps } from './types';
+interface FAQ {
     question: string;
     answer: string;
-  }[];
 }
-declare const PageFaqs: React$1.FC<PageFaqsProps>;
-//#endregion
-export { PageFaqs, PageFaqsProps };
+export interface PageFaqsProps extends LandingPageBaseProps, WithChildrenProp {
+    faqs?: FAQ[];
+    onRowClick?: (faq: FAQ, index: number) => void;
+}
+export declare const PageFaqs: React.FC<PageFaqsProps>;
+export {};

package/dist/LandingPage/PageFAQs.js

@@ -1,46 +1,44 @@
-import { Title } from "./Title.js";
-import { Box, Column, Disclosure, FlexBox, LayoutGrid, Markdown } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/LandingPage/PageFAQs.tsx
-const FaqAnswer = styled(Markdown)`
-  p {
-    font-size: 1rem;
-    ${theme.breakpoints.md} {
-      font-size: 1.25rem;
-    }
-  }
-`;
-const PageFaqs = ({ title, faqs }) => {
-	return /* @__PURE__ */ jsx(LayoutGrid, {
-		p: 0,
-		m: 0,
-		children: /* @__PURE__ */ jsxs(Column, {
-			size: 12,
-			p: 0,
-			m: 0,
-			children: [title && /* @__PURE__ */ jsx(FlexBox, {
-				justifyContent: "center",
-				mb: 32,
-				children: /* @__PURE__ */ jsx(Title, {
-					isPageHeading: false,
-					children: title
-				})
-			}), faqs && faqs.length > 0 && faqs.map((faq) => /* @__PURE__ */ jsx(Box, {
-				borderBottom: 1,
-				children: /* @__PURE__ */ jsx(Disclosure, {
-					heading: faq.question,
-					hasBorder: false,
-					variant: "transparent",
-					body: /* @__PURE__ */ jsx(FaqAnswer, { text: faq.answer })
-				})
-			}, faq.question))]
-		})
-	});
-};
-
-//#endregion
-export { PageFaqs };
+import _styled from "@emotion/styled/base";
+import { Box, Column, Disclosure, FlexBox, LayoutGrid, Markdown } from '@codecademy/gamut';
+import { theme } from '@codecademy/gamut-styles';
+import * as React from 'react';
+import { Title } from './Title';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FaqAnswer = /*#__PURE__*/_styled(Markdown, {
+  target: "e17s0ih10",
+  label: "FaqAnswer"
+})("p{font-size:1rem;", theme.breakpoints.md, "{font-size:1.25rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9MYW5kaW5nUGFnZS9QYWdlRkFRcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrQyIsImZpbGUiOiIuLi8uLi9zcmMvTGFuZGluZ1BhZ2UvUGFnZUZBUXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQm94LFxuICBDb2x1bW4sXG4gIERpc2Nsb3N1cmUsXG4gIEZsZXhCb3gsXG4gIExheW91dEdyaWQsXG4gIE1hcmtkb3duLFxuICBXaXRoQ2hpbGRyZW5Qcm9wLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRpdGxlIH0gZnJvbSAnLi9UaXRsZSc7XG5pbXBvcnQgeyBMYW5kaW5nUGFnZUJhc2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgRkFRIHtcbiAgcXVlc3Rpb246IHN0cmluZztcbiAgYW5zd2VyOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUZhcXNQcm9wcyBleHRlbmRzIExhbmRpbmdQYWdlQmFzZVByb3BzLCBXaXRoQ2hpbGRyZW5Qcm9wIHtcbiAgZmFxcz86IEZBUVtdO1xuICBvblJvd0NsaWNrPzogKGZhcTogRkFRLCBpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5jb25zdCBGYXFBbnN3ZXIgPSBzdHlsZWQoTWFya2Rvd24pYFxuICBwIHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgJHt0aGVtZS5icmVha3BvaW50cy5tZH0ge1xuICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VGYXFzOiBSZWFjdC5GQzxQYWdlRmFxc1Byb3BzPiA9ICh7XG4gIHRpdGxlLFxuICBmYXFzLFxuICBvblJvd0NsaWNrLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMYXlvdXRHcmlkIHA9ezB9IG09ezB9PlxuICAgICAgPENvbHVtbiBzaXplPXsxMn0gcD17MH0gbT17MH0+XG4gICAgICAgIHt0aXRsZSAmJiAoXG4gICAgICAgICAgPEZsZXhCb3gganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBtYj17MzJ9PlxuICAgICAgICAgICAgPFRpdGxlIGlzUGFnZUhlYWRpbmc9e2ZhbHNlfT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtmYXFzICYmXG4gICAgICAgICAgZmFxcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgZmFxcy5tYXAoKGZhcSwgaSkgPT4gKFxuICAgICAgICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGtleT17ZmFxLnF1ZXN0aW9ufT5cbiAgICAgICAgICAgICAgPERpc2Nsb3N1cmVcbiAgICAgICAgICAgICAgICBoZWFkaW5nPXtmYXEucXVlc3Rpb259XG4gICAgICAgICAgICAgICAgaGFzQm9yZGVyPXtmYWxzZX1cbiAgICAgICAgICAgICAgICB2YXJpYW50PVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIGJvZHk9ezxGYXFBbnN3ZXIgdGV4dD17ZmFxLmFuc3dlcn0gLz59XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25Sb3dDbGljaz8uKGZhcSwgaSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICApKX1cbiAgICAgIDwvQ29sdW1uPlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKTtcbn07XG4iXX0= */"));
+export const PageFaqs = ({
+  title,
+  faqs,
+  onRowClick
+}) => {
+  return /*#__PURE__*/_jsx(LayoutGrid, {
+    p: 0,
+    m: 0,
+    children: /*#__PURE__*/_jsxs(Column, {
+      size: 12,
+      p: 0,
+      m: 0,
+      children: [title && /*#__PURE__*/_jsx(FlexBox, {
+        justifyContent: "center",
+        mb: 32,
+        children: /*#__PURE__*/_jsx(Title, {
+          isPageHeading: false,
+          children: title
+        })
+      }), faqs && faqs.length > 0 && faqs.map((faq, i) => /*#__PURE__*/_jsx(Box, {
+        borderBottom: 1,
+        children: /*#__PURE__*/_jsx(Disclosure, {
+          heading: faq.question,
+          hasBorder: false,
+          variant: "transparent",
+          body: /*#__PURE__*/_jsx(FaqAnswer, {
+            text: faq.answer
+          }),
+          onClick: () => onRowClick?.(faq, i)
+        })
+      }, faq.question))]
+    })
+  });
+};

package/dist/LandingPage/Title.d.ts

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

package/dist/LandingPage/Title.js

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

package/dist/LandingPage/TitleWithEyebrow.d.ts

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

package/dist/LandingPage/TitleWithEyebrow.js

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

package/dist/LandingPage/index.d.ts

@@ -1,15 +1,6 @@
-import { FeatureList, FeatureListItem, IFeatureListProps } from "../FeatureList/index.js";
-import { CtaProps, LandingPageBaseProps } from "./types.js";
-import { ColumnSize, Eyebrow, FeaturedImage, FeaturedImageProps, ImageProps, MediaColumnsSize, MediaProps, PageSingleFeature, PageSingleFeatureProps } from "./PageSingleFeature.js";
-import { PageHero, PageHeroProps } from "./PageHero.js";
-import { PageFeatures, PageFeaturesProps } from "./PageFeatures.js";
-import { PageFeaturesEnhanced, PageFeaturesEnhancedProps } from "./PageFeaturesEnhanced.js";
-import { PageFeaturesWithReferences, PageFeaturesWithReferencesProps } from "./PageFeaturesWithReferences.js";
-import { PagePrefooter } from "./PagePrefooter.js";
-import { PageVideo, PageVideoGallery, PageVideoGalleryProps } from "./PageVideoGallery.js";
-import { Title, TitleProps, titleProps } from "./Title.js";
-import { TitleWithEyebrow, TitleWithEyebrowProps } from "./TitleWithEyebrow.js";
-import { Description, DescriptionProps } from "./Description.js";
-import { LiveLearningTestimonialItem, PageTestimonials, PageTestimonialsProps } from "./PageTestimonials.js";
-import { PageFaqs, PageFaqsProps } from "./PageFAQs.js";
-export { ColumnSize, CtaProps, Description, DescriptionProps, Eyebrow, FeatureList, FeatureListItem, FeaturedImage, FeaturedImageProps, IFeatureListProps, ImageProps, LandingPageBaseProps, LiveLearningTestimonialItem, MediaColumnsSize, MediaProps, PageFaqs, PageFaqsProps, PageFeatures, PageFeaturesEnhanced, PageFeaturesEnhancedProps, PageFeaturesProps, PageFeaturesWithReferences, PageFeaturesWithReferencesProps, PageHero, PageHeroProps, PagePrefooter, PageSingleFeature, PageSingleFeatureProps, PageTestimonials, PageTestimonialsProps, PageVideo, PageVideoGallery, PageVideoGalleryProps, Title, TitleProps, TitleWithEyebrow, TitleWithEyebrowProps, titleProps };
+export * from './types';
+export * from './Title';
+export * from './TitleWithEyebrow';
+export * from './Description';
+export * from './PageFAQs';
+export * from '../FeatureList';

package/dist/LandingPage/index.js

@@ -1,15 +1,6 @@
-import { FeatureList } from "../FeatureList/index.js";
-import { Description } from "./Description.js";
-import { Title, titleProps } from "./Title.js";
-import { TitleWithEyebrow } from "./TitleWithEyebrow.js";
-import { FeaturedImage, PageSingleFeature } from "./PageSingleFeature.js";
-import { PageHero } from "./PageHero.js";
-import { PageFeatures } from "./PageFeatures.js";
-import { PageFeaturesEnhanced } from "./PageFeaturesEnhanced.js";
-import { PageFeaturesWithReferences } from "./PageFeaturesWithReferences.js";
-import { PagePrefooter } from "./PagePrefooter.js";
-import { PageVideoGallery } from "./PageVideoGallery.js";
-import { PageTestimonials } from "./PageTestimonials.js";
-import { PageFaqs } from "./PageFAQs.js";
-
-export { Description, FeatureList, FeaturedImage, PageFaqs, PageFeatures, PageFeaturesEnhanced, PageFeaturesWithReferences, PageHero, PagePrefooter, PageSingleFeature, PageTestimonials, PageVideoGallery, Title, TitleWithEyebrow, titleProps };
+export * from './types';
+export * from './Title';
+export * from './TitleWithEyebrow';
+export * from './Description';
+export * from './PageFAQs';
+export * from '../FeatureList';

package/dist/LandingPage/types.d.ts

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

package/dist/LandingPage/types.js

@@ -0,0 +1 @@
+export {};

package/dist/LayoutMenu/AccordionMenu.d.ts

@@ -1,18 +1,26 @@
-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;
+import { Scale } from '@codecademy/variance/dist/types/config';
+import * as React from 'react';
+export type SectionItem = {
+    title: string;
+    slug: string;
+    href: string;
+    onClick: (event: React.MouseEvent) => void;
+    badge?: JSX.Element;
 };
-type Section = {
-  title: string;
-  slug: string;
-  items: SectionItem[];
+export type Section = {
+    title: string;
+    slug: string;
+    items: SectionItem[];
 };
-//#endregion
-export { Section, SectionItem };
+export declare const isSection: (item: Section | React.ReactNode) => item is Section;
+export type AccordionMenuProps = {
+    section: Section;
+    onSectionToggle: (sectionSlug: string) => void;
+    onItemClick: () => void;
+    selectedItem?: string;
+    verticalSpacing?: Scale<{
+        readonly property: 'padding';
+        readonly scale: 'spacing';
+    }>;
+};
+export declare const AccordionMenu: React.FC<AccordionMenuProps>;