@codecademy/brand 5.8.1-alpha.eb4ad4236.0 → 5.9.0-alpha.10aaf123e.0

package/dist/Accordion/index.d.ts

@@ -0,0 +1,271 @@
+import { StyleProps } from '@codecademy/variance';
+import * as React from 'react';
+export type AccordionProps = {
+    children: React.ReactNode;
+    /**
+     * Whether the accordion starts expanded. Ignored when `expanded` is provided.
+     */
+    initiallyExpanded?: boolean;
+    /**
+     * Controlled expanded state. When provided, the accordion does not manage its own state.
+     */
+    expanded?: boolean;
+    /**
+     * Called when the trigger is clicked, with the next expanded value.
+     */
+    onClick?: (nextExpanded: boolean) => void;
+};
+export declare const Accordion: React.FC<AccordionProps>;
+declare const triggerSystemProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    readonly p: {
+        readonly property: "padding";
+        readonly scale: "spacing";
+    };
+    readonly px: {
+        readonly property: "padding";
+        readonly properties: {
+            readonly physical: readonly ["paddingLeft", "paddingRight"];
+            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly py: {
+        readonly property: "padding";
+        readonly properties: {
+            readonly physical: readonly ["paddingTop", "paddingBottom"];
+            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly pt: {
+        readonly property: {
+            readonly physical: "paddingTop";
+            readonly logical: "paddingBlockStart";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly pb: {
+        readonly property: {
+            readonly physical: "paddingBottom";
+            readonly logical: "paddingBlockEnd";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly pr: {
+        readonly property: {
+            readonly physical: "paddingRight";
+            readonly logical: "paddingInlineEnd";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly pl: {
+        readonly property: {
+            readonly physical: "paddingLeft";
+            readonly logical: "paddingInlineStart";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly m: {
+        readonly property: "margin";
+        readonly scale: "spacing";
+    };
+    readonly mx: {
+        readonly property: "margin";
+        readonly properties: {
+            readonly physical: readonly ["marginLeft", "marginRight"];
+            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly scale: "spacing";
+    };
+    readonly my: {
+        readonly property: "margin";
+        readonly properties: {
+            readonly physical: readonly ["marginTop", "marginBottom"];
+            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly scale: "spacing";
+    };
+    readonly mt: {
+        readonly property: {
+            readonly physical: "marginTop";
+            readonly logical: "marginBlockStart";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly mb: {
+        readonly property: {
+            readonly physical: "marginBottom";
+            readonly logical: "marginBlockEnd";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly mr: {
+        readonly property: {
+            readonly physical: "marginRight";
+            readonly logical: "marginInlineEnd";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly ml: {
+        readonly property: {
+            readonly physical: "marginLeft";
+            readonly logical: "marginInlineStart";
+        };
+        readonly scale: "spacing";
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
+    readonly flexBasis: {
+        readonly property: "flexBasis";
+    };
+    readonly flexShrink: {
+        readonly property: "flexShrink";
+    };
+    readonly flexGrow: {
+        readonly property: "flexGrow";
+    };
+    readonly order: {
+        readonly property: "order";
+    };
+    readonly gridColumn: {
+        readonly property: "gridColumn";
+    };
+    readonly gridRow: {
+        readonly property: "gridRow";
+    };
+    readonly gridColumnStart: {
+        readonly property: "gridColumnStart";
+    };
+    readonly gridRowStart: {
+        readonly property: "gridRowStart";
+    };
+    readonly gridColumnEnd: {
+        readonly property: "gridColumnEnd";
+    };
+    readonly gridRowEnd: {
+        readonly property: "gridRowEnd";
+    };
+    readonly justifySelf: {
+        readonly property: "justifySelf";
+    };
+    readonly alignSelf: {
+        readonly property: "alignSelf";
+    };
+    readonly gridArea: {
+        readonly property: "gridArea";
+    };
+    readonly containerType: {
+        readonly property: "containerType";
+    };
+    readonly display: {
+        readonly property: "display";
+    };
+    readonly overflow: {
+        readonly property: "overflow";
+    };
+    readonly overflowX: {
+        readonly property: {
+            readonly physical: "overflowX";
+            readonly logical: "overflowInline";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly overflowY: {
+        readonly property: {
+            readonly physical: "overflowY";
+            readonly logical: "overflowBlock";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+    };
+    readonly dimensions: {
+        readonly property: "width";
+        readonly properties: {
+            readonly physical: readonly ["width", "height"];
+            readonly logical: readonly ["inlineSize", "blockSize"];
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly width: {
+        readonly property: {
+            readonly physical: "width";
+            readonly logical: "inlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly minWidth: {
+        readonly property: {
+            readonly physical: "minWidth";
+            readonly logical: "minInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly maxWidth: {
+        readonly property: {
+            readonly physical: "maxWidth";
+            readonly logical: "maxInlineSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly height: {
+        readonly property: {
+            readonly physical: "height";
+            readonly logical: "blockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly minHeight: {
+        readonly property: {
+            readonly physical: "minHeight";
+            readonly logical: "minBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly maxHeight: {
+        readonly property: {
+            readonly physical: "maxHeight";
+            readonly logical: "maxBlockSize";
+        };
+        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
+        readonly transform: (value: string | number) => string | 0;
+    };
+    readonly verticalAlign: {
+        readonly property: "verticalAlign";
+    };
+    readonly direction: {
+        readonly property: "direction";
+    };
+}>>]>>;
+export type AccordionTriggerProps = StyleProps<typeof triggerSystemProps> & {
+    children: React.ReactNode;
+    /**
+     * Optional additional click handler called alongside the internal toggle.
+     */
+    onClick?: () => void;
+};
+export declare const AccordionTrigger: React.FC<AccordionTriggerProps>;
+declare const BodyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("@codecademy/gamut").BoxProps & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "content" | "translate" | "property" | "hidden" | "slot" | "style" | "title" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | keyof React.ClassAttributes<HTMLDivElement>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export type AccordionBodyProps = React.ComponentProps<typeof BodyWrapper>;
+export declare const AccordionBody: React.FC<AccordionBodyProps>;
+export {};

package/dist/Accordion/index.js

@@ -0,0 +1,130 @@
+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, Rotation } from '@codecademy/gamut';
+import { MiniChevronDownIcon } from '@codecademy/gamut-icons';
+import { css, system, timingValues } from '@codecademy/gamut-styles';
+import { variance } from '@codecademy/variance';
+import { motion } from 'framer-motion';
+import * as React from 'react';
+import { createContext, useContext, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AccordionContext = /*#__PURE__*/createContext(undefined);
+const useAccordionContext = () => {
+  const ctx = useContext(AccordionContext);
+  if (!ctx) {
+    throw new Error('AccordionTrigger and AccordionBody must be used inside an Accordion');
+  }
+  return ctx;
+};
+export const Accordion = ({
+  children,
+  initiallyExpanded = false,
+  expanded: controlledExpanded,
+  onClick
+}) => {
+  const isControlled = controlledExpanded !== undefined;
+  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(initiallyExpanded);
+  const isExpanded = isControlled ? controlledExpanded : uncontrolledExpanded;
+  const toggle = () => {
+    const next = !isExpanded;
+    if (!isControlled) setUncontrolledExpanded(next);
+    onClick?.(next);
+  };
+  return /*#__PURE__*/_jsx(AccordionContext.Provider, {
+    value: {
+      isExpanded,
+      toggle
+    },
+    children: children
+  });
+};
+const triggerSystemProps = variance.compose(system.space, system.layout);
+const TriggerAnchor = /*#__PURE__*/_styled(Anchor, {
+  target: "e10h3y562",
+  label: "TriggerAnchor"
+})(css({
+  display: 'inline-flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  fontWeight: 'bold',
+  '&:hover': {
+    color: 'inherit'
+  },
+  '&:focus-visible': {
+    color: 'inherit'
+  }
+}), triggerSystemProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNFc0IiLCJmaWxlIjoiLi4vLi4vc3JjL0FjY29yZGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgUm90YXRpb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzeXN0ZW0sIHRpbWluZ1ZhbHVlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgQWNjb3JkaW9uQ29udGV4dFZhbHVlID0ge1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xuICB0b2dnbGU6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBBY2NvcmRpb25Db250ZXh0ID0gY3JlYXRlQ29udGV4dDxBY2NvcmRpb25Db250ZXh0VmFsdWUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWRcbik7XG5cbmNvbnN0IHVzZUFjY29yZGlvbkNvbnRleHQgPSAoKTogQWNjb3JkaW9uQ29udGV4dFZhbHVlID0+IHtcbiAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChBY2NvcmRpb25Db250ZXh0KTtcbiAgaWYgKCFjdHgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnQWNjb3JkaW9uVHJpZ2dlciBhbmQgQWNjb3JkaW9uQm9keSBtdXN0IGJlIHVzZWQgaW5zaWRlIGFuIEFjY29yZGlvbidcbiAgICApO1xuICB9XG4gIHJldHVybiBjdHg7XG59O1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGFjY29yZGlvbiBzdGFydHMgZXhwYW5kZWQuIElnbm9yZWQgd2hlbiBgZXhwYW5kZWRgIGlzIHByb3ZpZGVkLlxuICAgKi9cbiAgaW5pdGlhbGx5RXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbGxlZCBleHBhbmRlZCBzdGF0ZS4gV2hlbiBwcm92aWRlZCwgdGhlIGFjY29yZGlvbiBkb2VzIG5vdCBtYW5hZ2UgaXRzIG93biBzdGF0ZS5cbiAgICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSB0cmlnZ2VyIGlzIGNsaWNrZWQsIHdpdGggdGhlIG5leHQgZXhwYW5kZWQgdmFsdWUuXG4gICAqL1xuICBvbkNsaWNrPzogKG5leHRFeHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb246IFJlYWN0LkZDPEFjY29yZGlvblByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBpbml0aWFsbHlFeHBhbmRlZCA9IGZhbHNlLFxuICBleHBhbmRlZDogY29udHJvbGxlZEV4cGFuZGVkLFxuICBvbkNsaWNrLFxufSkgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWQgPSBjb250cm9sbGVkRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcbiAgY29uc3QgW3VuY29udHJvbGxlZEV4cGFuZGVkLCBzZXRVbmNvbnRyb2xsZWRFeHBhbmRlZF0gPVxuICAgIHVzZVN0YXRlKGluaXRpYWxseUV4cGFuZGVkKTtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IGlzQ29udHJvbGxlZCA/IGNvbnRyb2xsZWRFeHBhbmRlZCA6IHVuY29udHJvbGxlZEV4cGFuZGVkO1xuXG4gIGNvbnN0IHRvZ2dsZSA9ICgpID0+IHtcbiAgICBjb25zdCBuZXh0ID0gIWlzRXhwYW5kZWQ7XG4gICAgaWYgKCFpc0NvbnRyb2xsZWQpIHNldFVuY29udHJvbGxlZEV4cGFuZGVkKG5leHQpO1xuICAgIG9uQ2xpY2s/LihuZXh0KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2NvcmRpb25Db250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGlzRXhwYW5kZWQsIHRvZ2dsZSB9fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FjY29yZGlvbkNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5jb25zdCB0cmlnZ2VyU3lzdGVtUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKHN5c3RlbS5zcGFjZSwgc3lzdGVtLmxheW91dCk7XG5cbmNvbnN0IFRyaWdnZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICcmOmhvdmVyJzogeyBjb2xvcjogJ2luaGVyaXQnIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHsgY29sb3I6ICdpbmhlcml0JyB9LFxuICB9KSxcbiAgdHJpZ2dlclN5c3RlbVByb3BzXG4pO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25UcmlnZ2VyUHJvcHMgPSBTdHlsZVByb3BzPHR5cGVvZiB0cmlnZ2VyU3lzdGVtUHJvcHM+ICYge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogT3B0aW9uYWwgYWRkaXRpb25hbCBjbGljayBoYW5kbGVyIGNhbGxlZCBhbG9uZ3NpZGUgdGhlIGludGVybmFsIHRvZ2dsZS5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvblRyaWdnZXI6IFJlYWN0LkZDPEFjY29yZGlvblRyaWdnZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgb25DbGljayxcbiAgLi4uc3lzdGVtUHJvcHNcbn0pID0+IHtcbiAgY29uc3QgeyBpc0V4cGFuZGVkLCB0b2dnbGUgfSA9IHVzZUFjY29yZGlvbkNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxUcmlnZ2VyQW5jaG9yXG4gICAgICBhcmlhLWV4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICB7Li4uc3lzdGVtUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEJveCBtbD17MTJ9PlxuICAgICAgICA8Um90YXRpb24gYXJpYS1oaWRkZW4gcm90YXRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAgPE1pbmlDaGV2cm9uRG93bkljb24gc2l6ZT17MTZ9IC8+XG4gICAgICAgIDwvUm90YXRpb24+XG4gICAgICA8L0JveD5cbiAgICA8L1RyaWdnZXJBbmNob3I+XG4gICk7XG59O1xuXG5jb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZChCb3gpKGNzcyh7IHA6IDAgfSkpO1xuXG5jb25zdCBBbmltYXRlZEJvZHkgPSBzdHlsZWQobW90aW9uLmRpdikoeyBvdmVyZmxvdzogJ2hpZGRlbicgfSk7XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkJvZHlQcm9wcyA9IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBCb2R5V3JhcHBlcj47XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25Cb2R5OiBSZWFjdC5GQzxBY2NvcmRpb25Cb2R5UHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnN5c3RlbVByb3BzXG59KSA9PiB7XG4gIGNvbnN0IHsgaXNFeHBhbmRlZCB9ID0gdXNlQWNjb3JkaW9uQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVkQm9keVxuICAgICAgYW5pbWF0ZT17aXNFeHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ31cbiAgICAgIGluaXRpYWw9e2lzRXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCd9XG4gICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiB0aW1pbmdWYWx1ZXMubWVkaXVtIC8gMTAwMCwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgIHZhcmlhbnRzPXt7IGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sIGNvbGxhcHNlZDogeyBoZWlnaHQ6IDAgfSB9fVxuICAgID5cbiAgICAgIDxCb2R5V3JhcHBlciB7Li4uc3lzdGVtUHJvcHN9PntjaGlsZHJlbn08L0JvZHlXcmFwcGVyPlxuICAgIDwvQW5pbWF0ZWRCb2R5PlxuICApO1xufTtcbiJdfQ== */");
+export const AccordionTrigger = ({
+  children,
+  onClick,
+  ...systemProps
+}) => {
+  const {
+    isExpanded,
+    toggle
+  } = useAccordionContext();
+  return /*#__PURE__*/_jsxs(TriggerAnchor, {
+    "aria-expanded": isExpanded,
+    variant: "interface",
+    onClick: () => {
+      toggle();
+      onClick?.();
+    },
+    ...systemProps,
+    children: [children, /*#__PURE__*/_jsx(Box, {
+      ml: 12,
+      children: /*#__PURE__*/_jsx(Rotation, {
+        "aria-hidden": true,
+        rotated: isExpanded,
+        children: /*#__PURE__*/_jsx(MiniChevronDownIcon, {
+          size: 16
+        })
+      })
+    })]
+  });
+};
+const BodyWrapper = /*#__PURE__*/_styled(Box, {
+  target: "e10h3y561",
+  label: "BodyWrapper"
+})(css({
+  p: 0
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFIb0IiLCJmaWxlIjoiLi4vLi4vc3JjL0FjY29yZGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgUm90YXRpb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzeXN0ZW0sIHRpbWluZ1ZhbHVlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgQWNjb3JkaW9uQ29udGV4dFZhbHVlID0ge1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xuICB0b2dnbGU6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBBY2NvcmRpb25Db250ZXh0ID0gY3JlYXRlQ29udGV4dDxBY2NvcmRpb25Db250ZXh0VmFsdWUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWRcbik7XG5cbmNvbnN0IHVzZUFjY29yZGlvbkNvbnRleHQgPSAoKTogQWNjb3JkaW9uQ29udGV4dFZhbHVlID0+IHtcbiAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChBY2NvcmRpb25Db250ZXh0KTtcbiAgaWYgKCFjdHgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnQWNjb3JkaW9uVHJpZ2dlciBhbmQgQWNjb3JkaW9uQm9keSBtdXN0IGJlIHVzZWQgaW5zaWRlIGFuIEFjY29yZGlvbidcbiAgICApO1xuICB9XG4gIHJldHVybiBjdHg7XG59O1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGFjY29yZGlvbiBzdGFydHMgZXhwYW5kZWQuIElnbm9yZWQgd2hlbiBgZXhwYW5kZWRgIGlzIHByb3ZpZGVkLlxuICAgKi9cbiAgaW5pdGlhbGx5RXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbGxlZCBleHBhbmRlZCBzdGF0ZS4gV2hlbiBwcm92aWRlZCwgdGhlIGFjY29yZGlvbiBkb2VzIG5vdCBtYW5hZ2UgaXRzIG93biBzdGF0ZS5cbiAgICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSB0cmlnZ2VyIGlzIGNsaWNrZWQsIHdpdGggdGhlIG5leHQgZXhwYW5kZWQgdmFsdWUuXG4gICAqL1xuICBvbkNsaWNrPzogKG5leHRFeHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb246IFJlYWN0LkZDPEFjY29yZGlvblByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBpbml0aWFsbHlFeHBhbmRlZCA9IGZhbHNlLFxuICBleHBhbmRlZDogY29udHJvbGxlZEV4cGFuZGVkLFxuICBvbkNsaWNrLFxufSkgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWQgPSBjb250cm9sbGVkRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcbiAgY29uc3QgW3VuY29udHJvbGxlZEV4cGFuZGVkLCBzZXRVbmNvbnRyb2xsZWRFeHBhbmRlZF0gPVxuICAgIHVzZVN0YXRlKGluaXRpYWxseUV4cGFuZGVkKTtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IGlzQ29udHJvbGxlZCA/IGNvbnRyb2xsZWRFeHBhbmRlZCA6IHVuY29udHJvbGxlZEV4cGFuZGVkO1xuXG4gIGNvbnN0IHRvZ2dsZSA9ICgpID0+IHtcbiAgICBjb25zdCBuZXh0ID0gIWlzRXhwYW5kZWQ7XG4gICAgaWYgKCFpc0NvbnRyb2xsZWQpIHNldFVuY29udHJvbGxlZEV4cGFuZGVkKG5leHQpO1xuICAgIG9uQ2xpY2s/LihuZXh0KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2NvcmRpb25Db250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGlzRXhwYW5kZWQsIHRvZ2dsZSB9fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FjY29yZGlvbkNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5jb25zdCB0cmlnZ2VyU3lzdGVtUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKHN5c3RlbS5zcGFjZSwgc3lzdGVtLmxheW91dCk7XG5cbmNvbnN0IFRyaWdnZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICcmOmhvdmVyJzogeyBjb2xvcjogJ2luaGVyaXQnIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHsgY29sb3I6ICdpbmhlcml0JyB9LFxuICB9KSxcbiAgdHJpZ2dlclN5c3RlbVByb3BzXG4pO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25UcmlnZ2VyUHJvcHMgPSBTdHlsZVByb3BzPHR5cGVvZiB0cmlnZ2VyU3lzdGVtUHJvcHM+ICYge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogT3B0aW9uYWwgYWRkaXRpb25hbCBjbGljayBoYW5kbGVyIGNhbGxlZCBhbG9uZ3NpZGUgdGhlIGludGVybmFsIHRvZ2dsZS5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvblRyaWdnZXI6IFJlYWN0LkZDPEFjY29yZGlvblRyaWdnZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgb25DbGljayxcbiAgLi4uc3lzdGVtUHJvcHNcbn0pID0+IHtcbiAgY29uc3QgeyBpc0V4cGFuZGVkLCB0b2dnbGUgfSA9IHVzZUFjY29yZGlvbkNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxUcmlnZ2VyQW5jaG9yXG4gICAgICBhcmlhLWV4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICB7Li4uc3lzdGVtUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEJveCBtbD17MTJ9PlxuICAgICAgICA8Um90YXRpb24gYXJpYS1oaWRkZW4gcm90YXRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAgPE1pbmlDaGV2cm9uRG93bkljb24gc2l6ZT17MTZ9IC8+XG4gICAgICAgIDwvUm90YXRpb24+XG4gICAgICA8L0JveD5cbiAgICA8L1RyaWdnZXJBbmNob3I+XG4gICk7XG59O1xuXG5jb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZChCb3gpKGNzcyh7IHA6IDAgfSkpO1xuXG5jb25zdCBBbmltYXRlZEJvZHkgPSBzdHlsZWQobW90aW9uLmRpdikoeyBvdmVyZmxvdzogJ2hpZGRlbicgfSk7XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkJvZHlQcm9wcyA9IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBCb2R5V3JhcHBlcj47XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25Cb2R5OiBSZWFjdC5GQzxBY2NvcmRpb25Cb2R5UHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnN5c3RlbVByb3BzXG59KSA9PiB7XG4gIGNvbnN0IHsgaXNFeHBhbmRlZCB9ID0gdXNlQWNjb3JkaW9uQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVkQm9keVxuICAgICAgYW5pbWF0ZT17aXNFeHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ31cbiAgICAgIGluaXRpYWw9e2lzRXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCd9XG4gICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiB0aW1pbmdWYWx1ZXMubWVkaXVtIC8gMTAwMCwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgIHZhcmlhbnRzPXt7IGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sIGNvbGxhcHNlZDogeyBoZWlnaHQ6IDAgfSB9fVxuICAgID5cbiAgICAgIDxCb2R5V3JhcHBlciB7Li4uc3lzdGVtUHJvcHN9PntjaGlsZHJlbn08L0JvZHlXcmFwcGVyPlxuICAgIDwvQW5pbWF0ZWRCb2R5PlxuICApO1xufTtcbiJdfQ== */");
+const AnimatedBody = /*#__PURE__*/_styled(motion.div, {
+  target: "e10h3y560",
+  label: "AnimatedBody"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "d3v9zr",
+  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVIcUIiLCJmaWxlIjoiLi4vLi4vc3JjL0FjY29yZGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgUm90YXRpb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBNaW5pQ2hldnJvbkRvd25JY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgY3NzLCBzeXN0ZW0sIHRpbWluZ1ZhbHVlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbnR5cGUgQWNjb3JkaW9uQ29udGV4dFZhbHVlID0ge1xuICBpc0V4cGFuZGVkOiBib29sZWFuO1xuICB0b2dnbGU6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBBY2NvcmRpb25Db250ZXh0ID0gY3JlYXRlQ29udGV4dDxBY2NvcmRpb25Db250ZXh0VmFsdWUgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWRcbik7XG5cbmNvbnN0IHVzZUFjY29yZGlvbkNvbnRleHQgPSAoKTogQWNjb3JkaW9uQ29udGV4dFZhbHVlID0+IHtcbiAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChBY2NvcmRpb25Db250ZXh0KTtcbiAgaWYgKCFjdHgpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnQWNjb3JkaW9uVHJpZ2dlciBhbmQgQWNjb3JkaW9uQm9keSBtdXN0IGJlIHVzZWQgaW5zaWRlIGFuIEFjY29yZGlvbidcbiAgICApO1xuICB9XG4gIHJldHVybiBjdHg7XG59O1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGFjY29yZGlvbiBzdGFydHMgZXhwYW5kZWQuIElnbm9yZWQgd2hlbiBgZXhwYW5kZWRgIGlzIHByb3ZpZGVkLlxuICAgKi9cbiAgaW5pdGlhbGx5RXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogQ29udHJvbGxlZCBleHBhbmRlZCBzdGF0ZS4gV2hlbiBwcm92aWRlZCwgdGhlIGFjY29yZGlvbiBkb2VzIG5vdCBtYW5hZ2UgaXRzIG93biBzdGF0ZS5cbiAgICovXG4gIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSB0cmlnZ2VyIGlzIGNsaWNrZWQsIHdpdGggdGhlIG5leHQgZXhwYW5kZWQgdmFsdWUuXG4gICAqL1xuICBvbkNsaWNrPzogKG5leHRFeHBhbmRlZDogYm9vbGVhbikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb246IFJlYWN0LkZDPEFjY29yZGlvblByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBpbml0aWFsbHlFeHBhbmRlZCA9IGZhbHNlLFxuICBleHBhbmRlZDogY29udHJvbGxlZEV4cGFuZGVkLFxuICBvbkNsaWNrLFxufSkgPT4ge1xuICBjb25zdCBpc0NvbnRyb2xsZWQgPSBjb250cm9sbGVkRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcbiAgY29uc3QgW3VuY29udHJvbGxlZEV4cGFuZGVkLCBzZXRVbmNvbnRyb2xsZWRFeHBhbmRlZF0gPVxuICAgIHVzZVN0YXRlKGluaXRpYWxseUV4cGFuZGVkKTtcbiAgY29uc3QgaXNFeHBhbmRlZCA9IGlzQ29udHJvbGxlZCA/IGNvbnRyb2xsZWRFeHBhbmRlZCA6IHVuY29udHJvbGxlZEV4cGFuZGVkO1xuXG4gIGNvbnN0IHRvZ2dsZSA9ICgpID0+IHtcbiAgICBjb25zdCBuZXh0ID0gIWlzRXhwYW5kZWQ7XG4gICAgaWYgKCFpc0NvbnRyb2xsZWQpIHNldFVuY29udHJvbGxlZEV4cGFuZGVkKG5leHQpO1xuICAgIG9uQ2xpY2s/LihuZXh0KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxBY2NvcmRpb25Db250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGlzRXhwYW5kZWQsIHRvZ2dsZSB9fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0FjY29yZGlvbkNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5jb25zdCB0cmlnZ2VyU3lzdGVtUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKHN5c3RlbS5zcGFjZSwgc3lzdGVtLmxheW91dCk7XG5cbmNvbnN0IFRyaWdnZXJBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICcmOmhvdmVyJzogeyBjb2xvcjogJ2luaGVyaXQnIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHsgY29sb3I6ICdpbmhlcml0JyB9LFxuICB9KSxcbiAgdHJpZ2dlclN5c3RlbVByb3BzXG4pO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25UcmlnZ2VyUHJvcHMgPSBTdHlsZVByb3BzPHR5cGVvZiB0cmlnZ2VyU3lzdGVtUHJvcHM+ICYge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogT3B0aW9uYWwgYWRkaXRpb25hbCBjbGljayBoYW5kbGVyIGNhbGxlZCBhbG9uZ3NpZGUgdGhlIGludGVybmFsIHRvZ2dsZS5cbiAgICovXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEFjY29yZGlvblRyaWdnZXI6IFJlYWN0LkZDPEFjY29yZGlvblRyaWdnZXJQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgb25DbGljayxcbiAgLi4uc3lzdGVtUHJvcHNcbn0pID0+IHtcbiAgY29uc3QgeyBpc0V4cGFuZGVkLCB0b2dnbGUgfSA9IHVzZUFjY29yZGlvbkNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxUcmlnZ2VyQW5jaG9yXG4gICAgICBhcmlhLWV4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgdmFyaWFudD1cImludGVyZmFjZVwiXG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIHRvZ2dsZSgpO1xuICAgICAgICBvbkNsaWNrPy4oKTtcbiAgICAgIH19XG4gICAgICB7Li4uc3lzdGVtUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEJveCBtbD17MTJ9PlxuICAgICAgICA8Um90YXRpb24gYXJpYS1oaWRkZW4gcm90YXRlZD17aXNFeHBhbmRlZH0+XG4gICAgICAgICAgPE1pbmlDaGV2cm9uRG93bkljb24gc2l6ZT17MTZ9IC8+XG4gICAgICAgIDwvUm90YXRpb24+XG4gICAgICA8L0JveD5cbiAgICA8L1RyaWdnZXJBbmNob3I+XG4gICk7XG59O1xuXG5jb25zdCBCb2R5V3JhcHBlciA9IHN0eWxlZChCb3gpKGNzcyh7IHA6IDAgfSkpO1xuXG5jb25zdCBBbmltYXRlZEJvZHkgPSBzdHlsZWQobW90aW9uLmRpdikoeyBvdmVyZmxvdzogJ2hpZGRlbicgfSk7XG5cbmV4cG9ydCB0eXBlIEFjY29yZGlvbkJvZHlQcm9wcyA9IFJlYWN0LkNvbXBvbmVudFByb3BzPHR5cGVvZiBCb2R5V3JhcHBlcj47XG5cbmV4cG9ydCBjb25zdCBBY2NvcmRpb25Cb2R5OiBSZWFjdC5GQzxBY2NvcmRpb25Cb2R5UHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnN5c3RlbVByb3BzXG59KSA9PiB7XG4gIGNvbnN0IHsgaXNFeHBhbmRlZCB9ID0gdXNlQWNjb3JkaW9uQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPEFuaW1hdGVkQm9keVxuICAgICAgYW5pbWF0ZT17aXNFeHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ31cbiAgICAgIGluaXRpYWw9e2lzRXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCd9XG4gICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiB0aW1pbmdWYWx1ZXMubWVkaXVtIC8gMTAwMCwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgIHZhcmlhbnRzPXt7IGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sIGNvbGxhcHNlZDogeyBoZWlnaHQ6IDAgfSB9fVxuICAgID5cbiAgICAgIDxCb2R5V3JhcHBlciB7Li4uc3lzdGVtUHJvcHN9PntjaGlsZHJlbn08L0JvZHlXcmFwcGVyPlxuICAgIDwvQW5pbWF0ZWRCb2R5PlxuICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const AccordionBody = ({
+  children,
+  ...systemProps
+}) => {
+  const {
+    isExpanded
+  } = useAccordionContext();
+  return /*#__PURE__*/_jsx(AnimatedBody, {
+    animate: isExpanded ? 'expanded' : 'collapsed',
+    initial: isExpanded ? 'expanded' : 'collapsed',
+    transition: {
+      duration: timingValues.medium / 1000,
+      ease: 'easeInOut'
+    },
+    variants: {
+      expanded: {
+        height: 'auto'
+      },
+      collapsed: {
+        height: 0
+      }
+    },
+    children: /*#__PURE__*/_jsx(BodyWrapper, {
+      ...systemProps,
+      children: children
+    })
+  });
+};

package/dist/AccordionAreaDeprecated/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type AccordionAreaDeprecatedProps = {
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Whether the accordion is visually expanded to show its contents.
+     */
+    expanded?: boolean;
+    /**
+     * Contents of the clickable header button.
+     */
+    top: React.ReactNode;
+};
+/**
+ * @deprecated
+ * This component is in the old visual identity and will be updated soon.
+ *
+ * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+ */
+export declare const AccordionAreaDeprecated: React.FC<AccordionAreaDeprecatedProps>;

package/dist/AccordionAreaDeprecated/index.js

@@ -0,0 +1,60 @@
+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 { motion } from 'framer-motion';
+import { useState } from 'react';
+import * as React from 'react';
+import { useIsomorphicLayoutEffect } from 'react-use';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const transitionDuration = 0.2;
+const variants = {
+  expanded: {
+    height: 'auto'
+  },
+  folded: {
+    height: '0'
+  }
+};
+
+/**
+ * @deprecated
+ * This component is in the old visual identity and will be updated soon.
+ *
+ * Check the [Gamut Board](https://www.notion.so/codecademy/Gamut-Status-Timeline-dd3c135d3848464ea6eb1b48e68fbb1d) for component status
+ */
+
+export const AccordionAreaDeprecated = ({
+  children,
+  className,
+  expanded,
+  top
+}) => {
+  const [delayExpanded, setDelayExpanded] = useState(expanded);
+  useIsomorphicLayoutEffect(() => {
+    const handle = setTimeout(() => setDelayExpanded(expanded), transitionDuration * 1000);
+    return () => clearTimeout(handle);
+  }, [expanded]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: className,
+    children: [top, /*#__PURE__*/_jsx(StyledAccordionBody, {
+      animate: expanded ? 'expanded' : 'folded',
+      initial: expanded ? 'expanded' : 'folded',
+      transition: {
+        duration: 0.2,
+        ease: 'easeInOut'
+      },
+      variants: variants,
+      children: (expanded || delayExpanded) && children
+    })]
+  });
+};
+const StyledAccordionBody = /*#__PURE__*/_styled(motion.div, {
+  target: "e1rvyab20",
+  label: "StyledAccordionBody"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "d3v9zr",
+  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BY2NvcmRpb25BcmVhRGVwcmVjYXRlZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUU4QyIsImZpbGUiOiIuLi8uLi9zcmMvQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbW90aW9uIH0gZnJvbSAnZnJhbWVyLW1vdGlvbic7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdyZWFjdC11c2UnO1xuXG5leHBvcnQgdHlwZSBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWNjb3JkaW9uIGlzIHZpc3VhbGx5IGV4cGFuZGVkIHRvIHNob3cgaXRzIGNvbnRlbnRzLlxuICAgKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDb250ZW50cyBvZiB0aGUgY2xpY2thYmxlIGhlYWRlciBidXR0b24uXG4gICAqL1xuICB0b3A6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHRyYW5zaXRpb25EdXJhdGlvbiA9IDAuMjtcblxuY29uc3QgdmFyaWFudHMgPSB7XG4gIGV4cGFuZGVkOiB7IGhlaWdodDogJ2F1dG8nIH0sXG4gIGZvbGRlZDogeyBoZWlnaHQ6ICcwJyB9LFxufTtcblxuLyoqXG4gKiBAZGVwcmVjYXRlZFxuICogVGhpcyBjb21wb25lbnQgaXMgaW4gdGhlIG9sZCB2aXN1YWwgaWRlbnRpdHkgYW5kIHdpbGwgYmUgdXBkYXRlZCBzb29uLlxuICpcbiAqIENoZWNrIHRoZSBbR2FtdXQgQm9hcmRdKGh0dHBzOi8vd3d3Lm5vdGlvbi5zby9jb2RlY2FkZW15L0dhbXV0LVN0YXR1cy1UaW1lbGluZS1kZDNjMTM1ZDM4NDg0NjRlYTZlYjFiNDhlNjhmYmIxZCkgZm9yIGNvbXBvbmVudCBzdGF0dXNcbiAqL1xuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQXJlYURlcHJlY2F0ZWQ6IFJlYWN0LkZDPFxuICBBY2NvcmRpb25BcmVhRGVwcmVjYXRlZFByb3BzXG4+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgZXhwYW5kZWQsIHRvcCB9KSA9PiB7XG4gIGNvbnN0IFtkZWxheUV4cGFuZGVkLCBzZXREZWxheUV4cGFuZGVkXSA9IHVzZVN0YXRlKGV4cGFuZGVkKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGUgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0RGVsYXlFeHBhbmRlZChleHBhbmRlZCksXG4gICAgICB0cmFuc2l0aW9uRHVyYXRpb24gKiAxMDAwXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoaGFuZGxlKTtcbiAgfSwgW2V4cGFuZGVkXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHt0b3B9XG4gICAgICA8U3R5bGVkQWNjb3JkaW9uQm9keVxuICAgICAgICBhbmltYXRlPXtleHBhbmRlZCA/ICdleHBhbmRlZCcgOiAnZm9sZGVkJ31cbiAgICAgICAgaW5pdGlhbD17ZXhwYW5kZWQgPyAnZXhwYW5kZWQnIDogJ2ZvbGRlZCd9XG4gICAgICAgIHRyYW5zaXRpb249e3sgZHVyYXRpb246IDAuMiwgZWFzZTogJ2Vhc2VJbk91dCcgfX1cbiAgICAgICAgdmFyaWFudHM9e3ZhcmlhbnRzfVxuICAgICAgPlxuICAgICAgICB7KGV4cGFuZGVkIHx8IGRlbGF5RXhwYW5kZWQpICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRBY2NvcmRpb25Cb2R5PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uQm9keSA9IHN0eWxlZChtb3Rpb24uZGl2KWBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/dist/AccordionButtonDeprecated/ButtonDeprecated/index.d.ts

@@ -0,0 +1,93 @@
+import { ReactNode } from 'react';
+import * as React from 'react';
+import { ButtonDeprecatedBaseProps } from '../ButtonDeprecatedBase';
+export declare const buttonPresetThemes: {
+    readonly secondary: "mint";
+    readonly platform: "greyblue";
+    readonly lantern: "darkmint";
+    readonly royalblue: "brand-purple";
+};
+declare const themes: readonly ["hyper", "navy", "red", "white", "brand-red", "brand-yellow", "brand-purple", "brand-dark-blue", "brand-blue", "mint", "darkmint", "grey", "greyblue"];
+export type ButtonDeprecatedThemes = keyof typeof buttonPresetThemes | (typeof themes)[number];
+export type ButtonDeprecatedProps = ButtonDeprecatedBaseProps & {
+    /**
+     * Whether button should behave like a block element or inline.
+     */
+    block?: boolean;
+    /**
+     * Capitalize the text of the button.
+     */
+    caps?: boolean;
+    children: ReactNode;
+    /**
+     * Disables the button and adds visual indicators to show it is not interactive.
+     */
+    disabled?: boolean;
+    /**
+     * Variant that displays the button as flat.
+     */
+    flat?: boolean;
+    /**
+     * Adds a pulsing animation to the button
+     */
+    go?: boolean;
+    /**
+     * Changes the button to a link with no visual indication
+     */
+    href?: string;
+    /**
+     * Link relationship property to be used with `href`
+     */
+    rel?: string;
+    /**
+     * Link target property to be used with `href`
+     */
+    target?: string;
+    id?: string;
+    /**
+     * Variant that displays the button as an inline link element, but maintains its semantic meaning as a button.
+     */
+    link?: boolean;
+    /**
+     * Variant the displays the button as a button that is outlined instead of solid.
+     */
+    outline?: boolean;
+    /**
+     *  Variant that rounds the corners of the button
+     */
+    round?: boolean;
+    /**
+     * Variant that determines the size of the button
+     */
+    size?: 'small' | 'large';
+    /**
+     * Variant that displays the button as a square
+     */
+    square?: boolean;
+    /**
+     * Variant that controls the background and text color of the button
+     * */
+    theme?: ButtonDeprecatedThemes;
+    type?: string;
+    /**
+     * Variant that underlines the text of the button.
+     */
+    underline?: boolean;
+    /**
+     *  Determines whether button dimensions should be determined by the content
+     */
+    fitText?: boolean;
+};
+/**
+ * @deprecated
+ * This component is deprecated and is no longer supported.
+ *
+ * See [FillButon](https://gamut.codecademy.com/storybook/?path=/docs/atoms-button--fill-button#fill-button)
+ *
+ * @example
+ * import { FillButton } fom '@codecademy/gamut';
+ *
+ * <FillButton variant="primary" />
+ */
+export declare const ButtonDeprecated: React.FC<ButtonDeprecatedProps>;
+export {};