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

package/dist/DropdownButton/index.mjs

@@ -1,136 +0,0 @@
-import { DropdownList } from "./DropdownList.mjs";
-import { useDynamicPopoverPosition } from "./useDynamicPopoverPosition.mjs";
-import { FillButton, IconButton, Popover, StrokeButton, TextButton } from "@codecademy/gamut";
-import { css, pxRem, styledOptions } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { forwardRef, useId, useImperativeHandle, useRef, useState } from "react";
-import { ArrowChevronDownFilledIcon, MiniKebabMenuIcon } from "@codecademy/gamut-icons";
-
-//#region src/DropdownButton/index.tsx
-const DownArrow = /* @__PURE__ */ styled(ArrowChevronDownFilledIcon, styledOptions, {
-	target: "e11oyi20",
-	label: "brand-DownArrow"
-})("margin-left:", pxRem(8), ";transition:transform 0.35s ease-out;", ({ isOpen }) => isOpen && "transform: rotate(-180deg)", ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Ryb3Bkb3duQnV0dG9uL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Ryb3Bkb3duQnV0dG9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCdXR0b25Qcm9wcyxcbiAgRmlsbEJ1dHRvbixcbiAgSWNvbkJ1dHRvbixcbiAgUG9wb3ZlcixcbiAgUG9wb3ZlclByb3BzLFxuICBQb3BvdmVyWVBvc2l0aW9uVHlwZSxcbiAgU3Ryb2tlQnV0dG9uLFxuICBUZXh0QnV0dG9uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbixcbiAgTWluaUtlYmFiTWVudUljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgcHhSZW0sIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUlkLFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IERyb3Bkb3duTGlzdCwgRHJvcGRvd25MaXN0UHJvcHMgfSBmcm9tICcuL0Ryb3Bkb3duTGlzdCc7XG5pbXBvcnQgeyB1c2VEeW5hbWljUG9wb3ZlclBvc2l0aW9uIH0gZnJvbSAnLi91c2VEeW5hbWljUG9wb3ZlclBvc2l0aW9uJztcblxuY29uc3QgRG93bkFycm93ID0gc3R5bGVkKEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uLCBzdHlsZWRPcHRpb25zKTx7XG4gIGlzT3Blbj86IGJvb2xlYW47XG59PmBcbiAgbWFyZ2luLWxlZnQ6ICR7cHhSZW0oOCl9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zNXMgZWFzZS1vdXQ7XG4gICR7KHsgaXNPcGVuIH0pID0+IGlzT3BlbiAmJiAndHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyknfTtcbmA7XG5cbmNvbnN0IEhvcml6b250YWxLZWJhYkljb24gPSBzdHlsZWQoTWluaUtlYmFiTWVudUljb24pKFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSg5MGRlZyknLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25CdXR0b25SZWZUeXBlID0ge1xuICBmb2N1czogSFRNTEJ1dHRvbkVsZW1lbnRbJ2ZvY3VzJ107XG59O1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkJ1dHRvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW48XG4gIHtcbiAgICBhbGlnbj86IFBvcG92ZXJQcm9wc1snYWxpZ24nXTtcbiAgICBidXR0b25UeXBlPzogJ2ZpbGwnIHwgJ3N0cm9rZScgfCAndGV4dCcgfCAna2ViYWInIHwgJ2hvcml6b250YWxLZWJhYic7XG4gICAgZGVmYXVsdFBvc2l0aW9uPzogUG9wb3ZlcllQb3NpdGlvblR5cGVbJ3Bvc2l0aW9uJ107XG4gICAgZHJvcGRvd25JdGVtczogRHJvcGRvd25MaXN0UHJvcHNbJ2Ryb3Bkb3duSXRlbXMnXTtcbiAgICBob3Jpem9udGFsT2Zmc2V0PzogbnVtYmVyO1xuICAgIC8qKlxuICAgICAqIFNldHMgdGhlIHNpemUgb2YgdGhlIGRvd24gYXJyb3cgaWNvbiBpbiB0aGUgYnV0dG9ucyB0aGF0IGhhdmUgdGV4dCBvciB0aGUga2ViYWIgYW5kIGhvcml6b250YWwga2ViYWIgaWNvbnMuXG4gICAgICovXG4gICAgaWNvblNpemU/OiBudW1iZXI7XG4gICAgLyoqXG4gICAgICogSWYgdGhlIGRyb3Bkb3duIHNob3VsZCBzZW1hbnRpY2FsbHkgYmUgYSBtZW51XG4gICAgICovXG4gICAgaXNNZW51PzogYm9vbGVhbjtcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIHRpcFByb3BzPzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEljb25CdXR0b24+Wyd0aXBQcm9wcyddO1xuICAgIHZlcnRpY2FsT2Zmc2V0PzogbnVtYmVyO1xuICB9ICYgQnV0dG9uUHJvcHNcbj47XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bkJ1dHRvbiA9IGZvcndhcmRSZWY8XG4gIERyb3Bkb3duQnV0dG9uUmVmVHlwZSxcbiAgRHJvcGRvd25CdXR0b25Qcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIGFsaWduID0gJ2xlZnQnLFxuICAgICAgYnV0dG9uVHlwZSA9ICdmaWxsJyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZGVmYXVsdFBvc2l0aW9uID0gJ2JlbG93JyxcbiAgICAgIGRyb3Bkb3duSXRlbXMsXG4gICAgICBob3Jpem9udGFsT2Zmc2V0LFxuICAgICAgaWNvblNpemUsXG4gICAgICBpc01lbnUsXG4gICAgICBvbkNsaWNrLFxuICAgICAgdGlwUHJvcHMsXG4gICAgICB2ZXJ0aWNhbE9mZnNldCA9IDAsXG4gICAgICBzaXplLFxuICAgICAgdmFyaWFudCA9ICdwcmltYXJ5JyxcbiAgICAgIC4uLmJ1dHRvblN0eWxlUHJvcHNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBidXR0b25JZCA9IHVzZUlkKCk7XG4gICAgY29uc3QgdGFyZ2V0UmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IHsgcG9zaXRpb24sIHBvcG92ZXJDb250YWluZXJSZWZDYWxsYmFjayB9ID0gdXNlRHluYW1pY1BvcG92ZXJQb3NpdGlvbihcbiAgICAgIHtcbiAgICAgICAgdGFyZ2V0UmVmLFxuICAgICAgICB2ZXJ0aWNhbE9mZnNldCxcbiAgICAgICAgZGVmYXVsdFBvc2l0aW9uLFxuICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBmb2N1czogKCkgPT4gdGFyZ2V0UmVmLmN1cnJlbnQ/LmZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICB9XG4gICAgICBzZXRJc09wZW4oIWlzT3Blbik7XG4gICAgfTtcbiAgICBjb25zdCBoYW5kbGVSZXF1ZXN0Q2xvc2VkID0gKCkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgdGV4dEJ1dHRvbkRlZmF1bHRTaXplID0gJ25vcm1hbCc7XG4gICAgY29uc3QgaWNvbkJ1dHRvbkRlZmF1bHRTaXplID0gJ3NtYWxsJztcblxuICAgIGxldCBjbGlja1RhcmdldDogUmVhY3QuUmVhY3ROb2RlO1xuICAgIHN3aXRjaCAoYnV0dG9uVHlwZSkge1xuICAgICAgY2FzZSAnZmlsbCc6XG4gICAgICAgIGNsaWNrVGFyZ2V0ID0gKFxuICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzT3Blbn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1maWxsLWJ1dHRvblwiXG4gICAgICAgICAgICBzaXplPXtzaXplIHx8IHRleHRCdXR0b25EZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxEb3duQXJyb3cgaXNPcGVuPXtpc09wZW59IHNpemU9e2ljb25TaXplIHx8IDEyfSAvPlxuICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdzdHJva2UnOlxuICAgICAgICBjbGlja1RhcmdldCA9IChcbiAgICAgICAgICA8U3Ryb2tlQnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzT3Blbn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1zdHJva2UtYnV0dG9uXCJcbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgdGV4dEJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHsuLi4oYnV0dG9uU3R5bGVQcm9wcyA/PyB7fSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPERvd25BcnJvdyBpc09wZW49e2lzT3Blbn0gc2l6ZT17aWNvblNpemUgfHwgMTJ9IC8+XG4gICAgICAgICAgPC9TdHJva2VCdXR0b24+XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndGV4dCc6XG4gICAgICAgIGNsaWNrVGFyZ2V0ID0gKFxuICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1zdHJva2UtYnV0dG9uXCJcbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgdGV4dEJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHsuLi4oYnV0dG9uU3R5bGVQcm9wcyA/PyB7fSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPERvd25BcnJvdyBpc09wZW49e2lzT3Blbn0gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2tlYmFiJzpcbiAgICAgICAgY2xpY2tUYXJnZXQgPSAoXG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHJlZj17dGFyZ2V0UmVmfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNPcGVufVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cIm1lbnVcIlxuICAgICAgICAgICAgaWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgaWNvbj17KCkgPT4gPE1pbmlLZWJhYk1lbnVJY29uIHNpemU9e2ljb25TaXplfSAvPn1cbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgaWNvbkJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJvcGRvd24ta2ViYWItYnV0dG9uXCJcbiAgICAgICAgICAgIHRpcD1cIlNob3cgb3B0aW9uc1wiXG4gICAgICAgICAgICB0aXBQcm9wcz17dGlwUHJvcHN9XG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaG9yaXpvbnRhbEtlYmFiJzpcbiAgICAgICAgY2xpY2tUYXJnZXQgPSAoXG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJPcHRpb25zXCJcbiAgICAgICAgICAgIHJlZj17dGFyZ2V0UmVmfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNPcGVufVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cIm1lbnVcIlxuICAgICAgICAgICAgaWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgaWNvbj17KCkgPT4gPEhvcml6b250YWxLZWJhYkljb24gc2l6ZT17aWNvblNpemV9IC8+fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZSB8fCBpY29uQnV0dG9uRGVmYXVsdFNpemV9XG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1ob3Jpem9udGFsLWtlYmFiLWJ1dHRvblwiXG4gICAgICAgICAgICB0aXBQcm9wcz17dGlwUHJvcHN9XG4gICAgICAgICAgICB0aXA9XCJTaG93IG1vcmUgb3B0aW9uc1wiXG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtjbGlja1RhcmdldH1cbiAgICAgICAge2Ryb3Bkb3duSXRlbXMubGVuZ3RoICE9PSAwICYmIChcbiAgICAgICAgICA8UG9wb3ZlclxuICAgICAgICAgICAgcG9wb3ZlckNvbnRhaW5lclJlZj17cG9wb3ZlckNvbnRhaW5lclJlZkNhbGxiYWNrfVxuICAgICAgICAgICAgdGFyZ2V0UmVmPXt0YXJnZXRSZWZ9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXtoYW5kbGVSZXF1ZXN0Q2xvc2VkfVxuICAgICAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICAgICAgdmVydGljYWxPZmZzZXQ9e3ZlcnRpY2FsT2Zmc2V0fVxuICAgICAgICAgICAgaG9yaXpvbnRhbE9mZnNldD17aG9yaXpvbnRhbE9mZnNldH1cbiAgICAgICAgICAgIHBvc2l0aW9uPXtwb3NpdGlvbn1cbiAgICAgICAgICAgIG91dGxpbmVcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RHJvcGRvd25MaXN0XG4gICAgICAgICAgICAgIGRyb3Bkb3duSXRlbXM9e2Ryb3Bkb3duSXRlbXN9XG4gICAgICAgICAgICAgIGlzTWVudT17aXNNZW51fVxuICAgICAgICAgICAgICBtZW51QnV0dG9uSWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVSZXF1ZXN0Q2xvc2VkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1BvcG92ZXI+XG4gICAgICAgICl9XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCa0IifQ== */");
-const HorizontalKebabIcon = /* @__PURE__ */ styled(MiniKebabMenuIcon, {
-	target: "e11oyi21",
-	label: "brand-HorizontalKebabIcon"
-})(css({ transform: "rotate(90deg)" }), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Ryb3Bkb3duQnV0dG9uL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0Ryb3Bkb3duQnV0dG9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBCdXR0b25Qcm9wcyxcbiAgRmlsbEJ1dHRvbixcbiAgSWNvbkJ1dHRvbixcbiAgUG9wb3ZlcixcbiAgUG9wb3ZlclByb3BzLFxuICBQb3BvdmVyWVBvc2l0aW9uVHlwZSxcbiAgU3Ryb2tlQnV0dG9uLFxuICBUZXh0QnV0dG9uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25Eb3duRmlsbGVkSWNvbixcbiAgTWluaUtlYmFiTWVudUljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcywgcHhSZW0sIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUlkLFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IERyb3Bkb3duTGlzdCwgRHJvcGRvd25MaXN0UHJvcHMgfSBmcm9tICcuL0Ryb3Bkb3duTGlzdCc7XG5pbXBvcnQgeyB1c2VEeW5hbWljUG9wb3ZlclBvc2l0aW9uIH0gZnJvbSAnLi91c2VEeW5hbWljUG9wb3ZlclBvc2l0aW9uJztcblxuY29uc3QgRG93bkFycm93ID0gc3R5bGVkKEFycm93Q2hldnJvbkRvd25GaWxsZWRJY29uLCBzdHlsZWRPcHRpb25zKTx7XG4gIGlzT3Blbj86IGJvb2xlYW47XG59PmBcbiAgbWFyZ2luLWxlZnQ6ICR7cHhSZW0oOCl9O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zNXMgZWFzZS1vdXQ7XG4gICR7KHsgaXNPcGVuIH0pID0+IGlzT3BlbiAmJiAndHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyknfTtcbmA7XG5cbmNvbnN0IEhvcml6b250YWxLZWJhYkljb24gPSBzdHlsZWQoTWluaUtlYmFiTWVudUljb24pKFxuICBjc3Moe1xuICAgIHRyYW5zZm9ybTogJ3JvdGF0ZSg5MGRlZyknLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25CdXR0b25SZWZUeXBlID0ge1xuICBmb2N1czogSFRNTEJ1dHRvbkVsZW1lbnRbJ2ZvY3VzJ107XG59O1xuXG5leHBvcnQgdHlwZSBEcm9wZG93bkJ1dHRvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW48XG4gIHtcbiAgICBhbGlnbj86IFBvcG92ZXJQcm9wc1snYWxpZ24nXTtcbiAgICBidXR0b25UeXBlPzogJ2ZpbGwnIHwgJ3N0cm9rZScgfCAndGV4dCcgfCAna2ViYWInIHwgJ2hvcml6b250YWxLZWJhYic7XG4gICAgZGVmYXVsdFBvc2l0aW9uPzogUG9wb3ZlcllQb3NpdGlvblR5cGVbJ3Bvc2l0aW9uJ107XG4gICAgZHJvcGRvd25JdGVtczogRHJvcGRvd25MaXN0UHJvcHNbJ2Ryb3Bkb3duSXRlbXMnXTtcbiAgICBob3Jpem9udGFsT2Zmc2V0PzogbnVtYmVyO1xuICAgIC8qKlxuICAgICAqIFNldHMgdGhlIHNpemUgb2YgdGhlIGRvd24gYXJyb3cgaWNvbiBpbiB0aGUgYnV0dG9ucyB0aGF0IGhhdmUgdGV4dCBvciB0aGUga2ViYWIgYW5kIGhvcml6b250YWwga2ViYWIgaWNvbnMuXG4gICAgICovXG4gICAgaWNvblNpemU/OiBudW1iZXI7XG4gICAgLyoqXG4gICAgICogSWYgdGhlIGRyb3Bkb3duIHNob3VsZCBzZW1hbnRpY2FsbHkgYmUgYSBtZW51XG4gICAgICovXG4gICAgaXNNZW51PzogYm9vbGVhbjtcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIHRpcFByb3BzPzogUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEljb25CdXR0b24+Wyd0aXBQcm9wcyddO1xuICAgIHZlcnRpY2FsT2Zmc2V0PzogbnVtYmVyO1xuICB9ICYgQnV0dG9uUHJvcHNcbj47XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bkJ1dHRvbiA9IGZvcndhcmRSZWY8XG4gIERyb3Bkb3duQnV0dG9uUmVmVHlwZSxcbiAgRHJvcGRvd25CdXR0b25Qcm9wc1xuPihcbiAgKFxuICAgIHtcbiAgICAgIGFsaWduID0gJ2xlZnQnLFxuICAgICAgYnV0dG9uVHlwZSA9ICdmaWxsJyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgZGVmYXVsdFBvc2l0aW9uID0gJ2JlbG93JyxcbiAgICAgIGRyb3Bkb3duSXRlbXMsXG4gICAgICBob3Jpem9udGFsT2Zmc2V0LFxuICAgICAgaWNvblNpemUsXG4gICAgICBpc01lbnUsXG4gICAgICBvbkNsaWNrLFxuICAgICAgdGlwUHJvcHMsXG4gICAgICB2ZXJ0aWNhbE9mZnNldCA9IDAsXG4gICAgICBzaXplLFxuICAgICAgdmFyaWFudCA9ICdwcmltYXJ5JyxcbiAgICAgIC4uLmJ1dHRvblN0eWxlUHJvcHNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBidXR0b25JZCA9IHVzZUlkKCk7XG4gICAgY29uc3QgdGFyZ2V0UmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IHsgcG9zaXRpb24sIHBvcG92ZXJDb250YWluZXJSZWZDYWxsYmFjayB9ID0gdXNlRHluYW1pY1BvcG92ZXJQb3NpdGlvbihcbiAgICAgIHtcbiAgICAgICAgdGFyZ2V0UmVmLFxuICAgICAgICB2ZXJ0aWNhbE9mZnNldCxcbiAgICAgICAgZGVmYXVsdFBvc2l0aW9uLFxuICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICBmb2N1czogKCkgPT4gdGFyZ2V0UmVmLmN1cnJlbnQ/LmZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNPcGVuKSB7XG4gICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICB9XG4gICAgICBzZXRJc09wZW4oIWlzT3Blbik7XG4gICAgfTtcbiAgICBjb25zdCBoYW5kbGVSZXF1ZXN0Q2xvc2VkID0gKCkgPT4ge1xuICAgICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgdGV4dEJ1dHRvbkRlZmF1bHRTaXplID0gJ25vcm1hbCc7XG4gICAgY29uc3QgaWNvbkJ1dHRvbkRlZmF1bHRTaXplID0gJ3NtYWxsJztcblxuICAgIGxldCBjbGlja1RhcmdldDogUmVhY3QuUmVhY3ROb2RlO1xuICAgIHN3aXRjaCAoYnV0dG9uVHlwZSkge1xuICAgICAgY2FzZSAnZmlsbCc6XG4gICAgICAgIGNsaWNrVGFyZ2V0ID0gKFxuICAgICAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzT3Blbn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1maWxsLWJ1dHRvblwiXG4gICAgICAgICAgICBzaXplPXtzaXplIHx8IHRleHRCdXR0b25EZWZhdWx0U2l6ZX1cbiAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxEb3duQXJyb3cgaXNPcGVuPXtpc09wZW59IHNpemU9e2ljb25TaXplIHx8IDEyfSAvPlxuICAgICAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICAgICAgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdzdHJva2UnOlxuICAgICAgICBjbGlja1RhcmdldCA9IChcbiAgICAgICAgICA8U3Ryb2tlQnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzT3Blbn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1zdHJva2UtYnV0dG9uXCJcbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgdGV4dEJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHsuLi4oYnV0dG9uU3R5bGVQcm9wcyA/PyB7fSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPERvd25BcnJvdyBpc09wZW49e2lzT3Blbn0gc2l6ZT17aWNvblNpemUgfHwgMTJ9IC8+XG4gICAgICAgICAgPC9TdHJva2VCdXR0b24+XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndGV4dCc6XG4gICAgICAgIGNsaWNrVGFyZ2V0ID0gKFxuICAgICAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgICAgICByZWY9e3RhcmdldFJlZn1cbiAgICAgICAgICAgIGlkPXtidXR0b25JZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1zdHJva2UtYnV0dG9uXCJcbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgdGV4dEJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHsuLi4oYnV0dG9uU3R5bGVQcm9wcyA/PyB7fSl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPERvd25BcnJvdyBpc09wZW49e2lzT3Blbn0gc2l6ZT17MTJ9IC8+XG4gICAgICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2tlYmFiJzpcbiAgICAgICAgY2xpY2tUYXJnZXQgPSAoXG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHJlZj17dGFyZ2V0UmVmfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNPcGVufVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cIm1lbnVcIlxuICAgICAgICAgICAgaWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgaWNvbj17KCkgPT4gPE1pbmlLZWJhYk1lbnVJY29uIHNpemU9e2ljb25TaXplfSAvPn1cbiAgICAgICAgICAgIHNpemU9e3NpemUgfHwgaWNvbkJ1dHRvbkRlZmF1bHRTaXplfVxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZHJvcGRvd24ta2ViYWItYnV0dG9uXCJcbiAgICAgICAgICAgIHRpcD1cIlNob3cgb3B0aW9uc1wiXG4gICAgICAgICAgICB0aXBQcm9wcz17dGlwUHJvcHN9XG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaG9yaXpvbnRhbEtlYmFiJzpcbiAgICAgICAgY2xpY2tUYXJnZXQgPSAoXG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJPcHRpb25zXCJcbiAgICAgICAgICAgIHJlZj17dGFyZ2V0UmVmfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNPcGVufVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cIm1lbnVcIlxuICAgICAgICAgICAgaWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgaWNvbj17KCkgPT4gPEhvcml6b250YWxLZWJhYkljb24gc2l6ZT17aWNvblNpemV9IC8+fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZSB8fCBpY29uQnV0dG9uRGVmYXVsdFNpemV9XG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93bi1ob3Jpem9udGFsLWtlYmFiLWJ1dHRvblwiXG4gICAgICAgICAgICB0aXBQcm9wcz17dGlwUHJvcHN9XG4gICAgICAgICAgICB0aXA9XCJTaG93IG1vcmUgb3B0aW9uc1wiXG4gICAgICAgICAgICB7Li4uKGJ1dHRvblN0eWxlUHJvcHMgPz8ge30pfVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtjbGlja1RhcmdldH1cbiAgICAgICAge2Ryb3Bkb3duSXRlbXMubGVuZ3RoICE9PSAwICYmIChcbiAgICAgICAgICA8UG9wb3ZlclxuICAgICAgICAgICAgcG9wb3ZlckNvbnRhaW5lclJlZj17cG9wb3ZlckNvbnRhaW5lclJlZkNhbGxiYWNrfVxuICAgICAgICAgICAgdGFyZ2V0UmVmPXt0YXJnZXRSZWZ9XG4gICAgICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgICAgIG9uUmVxdWVzdENsb3NlPXtoYW5kbGVSZXF1ZXN0Q2xvc2VkfVxuICAgICAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICAgICAgdmVydGljYWxPZmZzZXQ9e3ZlcnRpY2FsT2Zmc2V0fVxuICAgICAgICAgICAgaG9yaXpvbnRhbE9mZnNldD17aG9yaXpvbnRhbE9mZnNldH1cbiAgICAgICAgICAgIHBvc2l0aW9uPXtwb3NpdGlvbn1cbiAgICAgICAgICAgIG91dGxpbmVcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RHJvcGRvd25MaXN0XG4gICAgICAgICAgICAgIGRyb3Bkb3duSXRlbXM9e2Ryb3Bkb3duSXRlbXN9XG4gICAgICAgICAgICAgIGlzTWVudT17aXNNZW51fVxuICAgICAgICAgICAgICBtZW51QnV0dG9uSWQ9e2J1dHRvbklkfVxuICAgICAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVSZXF1ZXN0Q2xvc2VkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1BvcG92ZXI+XG4gICAgICAgICl9XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNEIifQ== */");
-const DropdownButton = /* @__PURE__ */ forwardRef(({ align = "left", buttonType = "fill", children, defaultPosition = "below", dropdownItems, horizontalOffset, iconSize, isMenu, onClick, tipProps, verticalOffset = 0, size, variant: variant$1 = "primary", ...buttonStyleProps }, ref) => {
-	const buttonId = useId();
-	const targetRef = useRef(null);
-	const { position, popoverContainerRefCallback } = useDynamicPopoverPosition({
-		targetRef,
-		verticalOffset,
-		defaultPosition
-	});
-	const [isOpen, setIsOpen] = useState(false);
-	useImperativeHandle(ref, () => ({ focus: () => targetRef.current?.focus() }));
-	const handleClick = (event) => {
-		if (!isOpen) onClick?.(event);
-		setIsOpen(!isOpen);
-	};
-	const handleRequestClosed = () => {
-		setIsOpen(false);
-	};
-	const textButtonDefaultSize = "normal";
-	const iconButtonDefaultSize = "small";
-	let clickTarget;
-	switch (buttonType) {
-		case "fill":
-			clickTarget = /* @__PURE__ */ React$1.createElement(FillButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-fill-button",
-				size: size || textButtonDefaultSize,
-				variant: variant$1,
-				...buttonStyleProps ?? {}
-			}, children, /* @__PURE__ */ React$1.createElement(DownArrow, {
-				isOpen,
-				size: iconSize || 12
-			}));
-			break;
-		case "stroke":
-			clickTarget = /* @__PURE__ */ React$1.createElement(StrokeButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-stroke-button",
-				size: size || textButtonDefaultSize,
-				variant: variant$1,
-				...buttonStyleProps ?? {}
-			}, children, /* @__PURE__ */ React$1.createElement(DownArrow, {
-				isOpen,
-				size: iconSize || 12
-			}));
-			break;
-		case "text":
-			clickTarget = /* @__PURE__ */ React$1.createElement(TextButton, {
-				ref: targetRef,
-				id: buttonId,
-				onClick: handleClick,
-				"data-testid": "dropdown-stroke-button",
-				size: size || textButtonDefaultSize,
-				variant: variant$1,
-				...buttonStyleProps ?? {}
-			}, children, /* @__PURE__ */ React$1.createElement(DownArrow, {
-				isOpen,
-				size: 12
-			}));
-			break;
-		case "kebab":
-			clickTarget = /* @__PURE__ */ React$1.createElement(IconButton, {
-				ref: targetRef,
-				"aria-expanded": isOpen,
-				"aria-haspopup": "menu",
-				id: buttonId,
-				icon: () => /* @__PURE__ */ React$1.createElement(MiniKebabMenuIcon, { size: iconSize }),
-				size: size || iconButtonDefaultSize,
-				variant: "secondary",
-				onClick: handleClick,
-				"data-testid": "dropdown-kebab-button",
-				tip: "Show options",
-				tipProps,
-				...buttonStyleProps ?? {}
-			});
-			break;
-		case "horizontalKebab": clickTarget = /* @__PURE__ */ React$1.createElement(IconButton, {
-			"aria-label": "Options",
-			ref: targetRef,
-			"aria-expanded": isOpen,
-			"aria-haspopup": "menu",
-			id: buttonId,
-			icon: () => /* @__PURE__ */ React$1.createElement(HorizontalKebabIcon, { size: iconSize }),
-			size: size || iconButtonDefaultSize,
-			variant: "secondary",
-			onClick: handleClick,
-			"data-testid": "dropdown-horizontal-kebab-button",
-			tipProps,
-			tip: "Show more options",
-			...buttonStyleProps ?? {}
-		});
-	}
-	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, clickTarget, dropdownItems.length !== 0 && /* @__PURE__ */ React$1.createElement(Popover, {
-		popoverContainerRef: popoverContainerRefCallback,
-		targetRef,
-		isOpen,
-		onRequestClose: handleRequestClosed,
-		align,
-		verticalOffset,
-		horizontalOffset,
-		position,
-		outline: true
-	}, /* @__PURE__ */ React$1.createElement(DropdownList, {
-		dropdownItems,
-		isMenu,
-		menuButtonId: buttonId,
-		onClose: handleRequestClosed
-	})));
-});
-
-//#endregion
-export { DropdownButton };
-//# sourceMappingURL=index.mjs.map

package/dist/DropdownButton/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["FillButton","IconButton","Popover","StrokeButton","TextButton","ArrowChevronDownFilledIcon","MiniKebabMenuIcon","css","pxRem","styledOptions","styled","forwardRef","useId","useImperativeHandle","useRef","useState","React","DropdownList","useDynamicPopoverPosition","DownArrow","isOpen","HorizontalKebabIcon","transform","DropdownButton","align","buttonType","children","defaultPosition","dropdownItems","horizontalOffset","iconSize","isMenu","onClick","tipProps","verticalOffset","size","variant","buttonStyleProps","ref","buttonId","targetRef","position","popoverContainerRefCallback","setIsOpen","focus","current","handleClick","event","handleRequestClosed","textButtonDefaultSize","iconButtonDefaultSize","clickTarget","aria-expanded","id","data-testid","aria-haspopup","icon","tip","aria-label","length","popoverContainerRef","onRequestClose","outline","menuButtonId","onClose"],"sources":["../../src/DropdownButton/index.tsx"],"sourcesContent":["import {\n  ButtonProps,\n  FillButton,\n  IconButton,\n  Popover,\n  PopoverProps,\n  PopoverYPositionType,\n  StrokeButton,\n  TextButton,\n} from '@codecademy/gamut';\nimport {\n  ArrowChevronDownFilledIcon,\n  MiniKebabMenuIcon,\n} from '@codecademy/gamut-icons';\nimport { css, pxRem, styledOptions } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport * as React from 'react';\n\nimport { DropdownList, DropdownListProps } from './DropdownList';\nimport { useDynamicPopoverPosition } from './useDynamicPopoverPosition';\n\nconst DownArrow = styled(ArrowChevronDownFilledIcon, styledOptions)<{\n  isOpen?: boolean;\n}>`\n  margin-left: ${pxRem(8)};\n  transition: transform 0.35s ease-out;\n  ${({ isOpen }) => isOpen && 'transform: rotate(-180deg)'};\n`;\n\nconst HorizontalKebabIcon = styled(MiniKebabMenuIcon)(\n  css({\n    transform: 'rotate(90deg)',\n  })\n);\n\nexport type DropdownButtonRefType = {\n  focus: HTMLButtonElement['focus'];\n};\n\nexport type DropdownButtonProps = PropsWithChildren<\n  {\n    align?: PopoverProps['align'];\n    buttonType?: 'fill' | 'stroke' | 'text' | 'kebab' | 'horizontalKebab';\n    defaultPosition?: PopoverYPositionType['position'];\n    dropdownItems: DropdownListProps['dropdownItems'];\n    horizontalOffset?: number;\n    /**\n     * Sets the size of the down arrow icon in the buttons that have text or the kebab and horizontal kebab icons.\n     */\n    iconSize?: number;\n    /**\n     * If the dropdown should semantically be a menu\n     */\n    isMenu?: boolean;\n    onClick?: (event: React.MouseEvent) => void;\n    tipProps?: React.ComponentProps<typeof IconButton>['tipProps'];\n    verticalOffset?: number;\n  } & ButtonProps\n>;\n\nexport const DropdownButton = forwardRef<\n  DropdownButtonRefType,\n  DropdownButtonProps\n>(\n  (\n    {\n      align = 'left',\n      buttonType = 'fill',\n      children,\n      defaultPosition = 'below',\n      dropdownItems,\n      horizontalOffset,\n      iconSize,\n      isMenu,\n      onClick,\n      tipProps,\n      verticalOffset = 0,\n      size,\n      variant = 'primary',\n      ...buttonStyleProps\n    },\n    ref\n  ) => {\n    const buttonId = useId();\n    const targetRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null);\n    const { position, popoverContainerRefCallback } = useDynamicPopoverPosition(\n      {\n        targetRef,\n        verticalOffset,\n        defaultPosition,\n      }\n    );\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    useImperativeHandle(ref, () => ({\n      focus: () => targetRef.current?.focus(),\n    }));\n\n    const handleClick = (event: React.MouseEvent) => {\n      if (!isOpen) {\n        onClick?.(event);\n      }\n      setIsOpen(!isOpen);\n    };\n    const handleRequestClosed = () => {\n      setIsOpen(false);\n    };\n\n    const textButtonDefaultSize = 'normal';\n    const iconButtonDefaultSize = 'small';\n\n    let clickTarget: React.ReactNode;\n    switch (buttonType) {\n      case 'fill':\n        clickTarget = (\n          <FillButton\n            ref={targetRef}\n            aria-expanded={isOpen}\n            id={buttonId}\n            onClick={handleClick}\n            data-testid=\"dropdown-fill-button\"\n            size={size || textButtonDefaultSize}\n            variant={variant}\n            {...(buttonStyleProps ?? {})}\n          >\n            {children}\n            <DownArrow isOpen={isOpen} size={iconSize || 12} />\n          </FillButton>\n        );\n        break;\n      case 'stroke':\n        clickTarget = (\n          <StrokeButton\n            ref={targetRef}\n            aria-expanded={isOpen}\n            id={buttonId}\n            onClick={handleClick}\n            data-testid=\"dropdown-stroke-button\"\n            size={size || textButtonDefaultSize}\n            variant={variant}\n            {...(buttonStyleProps ?? {})}\n          >\n            {children}\n            <DownArrow isOpen={isOpen} size={iconSize || 12} />\n          </StrokeButton>\n        );\n        break;\n      case 'text':\n        clickTarget = (\n          <TextButton\n            ref={targetRef}\n            id={buttonId}\n            onClick={handleClick}\n            data-testid=\"dropdown-stroke-button\"\n            size={size || textButtonDefaultSize}\n            variant={variant}\n            {...(buttonStyleProps ?? {})}\n          >\n            {children}\n            <DownArrow isOpen={isOpen} size={12} />\n          </TextButton>\n        );\n        break;\n      case 'kebab':\n        clickTarget = (\n          <IconButton\n            ref={targetRef}\n            aria-expanded={isOpen}\n            aria-haspopup=\"menu\"\n            id={buttonId}\n            icon={() => <MiniKebabMenuIcon size={iconSize} />}\n            size={size || iconButtonDefaultSize}\n            variant=\"secondary\"\n            onClick={handleClick}\n            data-testid=\"dropdown-kebab-button\"\n            tip=\"Show options\"\n            tipProps={tipProps}\n            {...(buttonStyleProps ?? {})}\n          />\n        );\n        break;\n      case 'horizontalKebab':\n        clickTarget = (\n          <IconButton\n            aria-label=\"Options\"\n            ref={targetRef}\n            aria-expanded={isOpen}\n            aria-haspopup=\"menu\"\n            id={buttonId}\n            icon={() => <HorizontalKebabIcon size={iconSize} />}\n            size={size || iconButtonDefaultSize}\n            variant=\"secondary\"\n            onClick={handleClick}\n            data-testid=\"dropdown-horizontal-kebab-button\"\n            tipProps={tipProps}\n            tip=\"Show more options\"\n            {...(buttonStyleProps ?? {})}\n          />\n        );\n    }\n\n    return (\n      <>\n        {clickTarget}\n        {dropdownItems.length !== 0 && (\n          <Popover\n            popoverContainerRef={popoverContainerRefCallback}\n            targetRef={targetRef}\n            isOpen={isOpen}\n            onRequestClose={handleRequestClosed}\n            align={align}\n            verticalOffset={verticalOffset}\n            horizontalOffset={horizontalOffset}\n            position={position}\n            outline\n          >\n            <DropdownList\n              dropdownItems={dropdownItems}\n              isMenu={isMenu}\n              menuButtonId={buttonId}\n              onClose={handleRequestClosed}\n            />\n          </Popover>\n        )}\n      </>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;;AA6BA,MAAMmB,YAAYT,uBAAOL,4BAA4BI,eAAAA;;;mBAGpCD,MAAM,EAAA,EAAA,0CAElB,EAAEY,aAAaA,UAAU,8BAAA,KAAA,8+RAAA;AAG9B,MAAMC,sBAAsBX,uBAAOJ,mBAAAA;;;GACjCC,IAAI,EACFe,WAAW,iBACb,CAAA,EAAA,8+RAAA;AA4BF,MAAaC,iBAAiBZ,4BAK1B,EACEa,QAAQ,QACRC,aAAa,QACbC,UACAC,kBAAkB,SAClBC,eACAC,kBACAC,UACAC,QACAC,SACAC,UACAC,iBAAiB,GACjBC,MACAC,qBAAU,WACV,GAAGC,oBAELC,QAAAA;CAEA,MAAMC,WAAW3B,OAAAA;CACjB,MAAM4B,YAAY1B,OAA8C,KAAA;CAChE,MAAM,EAAE2B,UAAUC,gCAAgCxB,0BAChD;EACEsB;EACAN;EACAP;EACF,CAAA;CAGF,MAAM,CAACP,QAAQuB,aAAa5B,SAAS,MAAA;AAErCF,qBAAoByB,YAAY,EAC9BM,aAAaJ,UAAUK,SAASD,OAAAA,EAClC,EAAA;CAEA,MAAME,eAAeC,UAAAA;AACnB,MAAI,CAAC3B,OACHY,WAAUe,MAAAA;AAEZJ,YAAU,CAACvB,OAAAA;;CAEb,MAAM4B,4BAAsB;AAC1BL,YAAU,MAAA;;CAGZ,MAAMM,wBAAwB;CAC9B,MAAMC,wBAAwB;CAE9B,IAAIC;AACJ,SAAQ1B,YAAR;EACE,KAAK;AACH0B,iBACE,wBAAA,cAACnD,YAAAA;IACCsC,KAAKE;IACLY,iBAAehC;IACfiC,IAAId;IACJP,SAASc;IACTQ,eAAY;IACZnB,MAAMA,QAAQc;IACdb,SAASA;IACR,GAAIC,oBAAoB,EAAE;MAE1BX,UACD,wBAAA,cAACP,WAAAA;IAAkBC;IAAQe,MAAML,YAAY;;AAGjD;EACF,KAAK;AACHqB,iBACE,wBAAA,cAAChD,cAAAA;IACCmC,KAAKE;IACLY,iBAAehC;IACfiC,IAAId;IACJP,SAASc;IACTQ,eAAY;IACZnB,MAAMA,QAAQc;IACdb,SAASA;IACR,GAAIC,oBAAoB,EAAE;MAE1BX,UACD,wBAAA,cAACP,WAAAA;IAAkBC;IAAQe,MAAML,YAAY;;AAGjD;EACF,KAAK;AACHqB,iBACE,wBAAA,cAAC/C,YAAAA;IACCkC,KAAKE;IACLa,IAAId;IACJP,SAASc;IACTQ,eAAY;IACZnB,MAAMA,QAAQc;IACdb,SAASA;IACR,GAAIC,oBAAoB,EAAE;MAE1BX,UACD,wBAAA,cAACP,WAAAA;IAAkBC;IAAQe,MAAM;;AAGrC;EACF,KAAK;AACHgB,iBACE,wBAAA,cAAClD,YAAAA;IACCqC,KAAKE;IACLY,iBAAehC;IACfmC,iBAAc;IACdF,IAAId;IACJiB,YAAY,wBAAA,cAAClD,mBAAAA,EAAkB6B,MAAML;IACrCK,MAAMA,QAAQe;IACdd,SAAQ;IACRJ,SAASc;IACTQ,eAAY;IACZG,KAAI;IACMxB;IACT,GAAII,oBAAoB,EAAE;;AAG/B;EACF,KAAK,kBACHc,eACE,wBAAA,cAAClD,YAAAA;GACCyD,cAAW;GACXpB,KAAKE;GACLY,iBAAehC;GACfmC,iBAAc;GACdF,IAAId;GACJiB,YAAY,wBAAA,cAACnC,qBAAAA,EAAoBc,MAAML;GACvCK,MAAMA,QAAQe;GACdd,SAAQ;GACRJ,SAASc;GACTQ,eAAY;GACFrB;GACVwB,KAAI;GACH,GAAIpB,oBAAoB,EAAE;;;AAKnC,QACE,wBAAA,cAAA,QAAA,UAAA,MACGc,aACAvB,cAAc+B,WAAW,KACxB,wBAAA,cAACzD,SAAAA;EACC0D,qBAAqBlB;EACVF;EACHpB;EACRyC,gBAAgBb;EACTxB;EACSU;EACEL;EACRY;EACVqB,SAAAA;IAEA,wBAAA,cAAC7C,cAAAA;EACgBW;EACPG;EACRgC,cAAcxB;EACdyB,SAAShB;;EAMrB"}

package/dist/DropdownButton/useDynamicPopoverPosition.cjs

@@ -1,42 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-let react_use = require("react-use");
-
-//#region src/DropdownButton/useDynamicPopoverPosition.ts
-const getClearance = (targetEl, winHeight) => {
-	const { top, bottom } = targetEl.getBoundingClientRect();
-	return {
-		above: top,
-		below: winHeight - bottom
-	};
-};
-const getClearanceNeeded = (popoverContainerEl, verticalOffset) => {
-	const { height } = popoverContainerEl.getBoundingClientRect();
-	return verticalOffset + height;
-};
-const useDynamicPopoverPosition = ({ targetRef, verticalOffset, defaultPosition }) => {
-	const [popoverContainerEl, setPopoverContainerEl] = (0, react.useState)(null);
-	const popoverContainerRefCallback = (0, react.useCallback)((instance) => {
-		setPopoverContainerEl(instance);
-	}, []);
-	const { height: winHeight } = (0, react_use.useWindowSize)();
-	(0, react_use.useWindowScroll)();
-	if (targetRef?.current && popoverContainerEl) {
-		const clearance = getClearance(targetRef.current, winHeight);
-		const clearanceNeeded = getClearanceNeeded(popoverContainerEl, verticalOffset);
-		const clearedAbove = clearance.above >= clearanceNeeded;
-		const clearedBelow = clearance.below >= clearanceNeeded;
-		if (!(clearance.above === clearance.below) && (!clearedAbove || !clearedBelow)) return {
-			position: clearance.above > clearance.below ? "above" : "below",
-			popoverContainerRefCallback
-		};
-	}
-	return {
-		position: defaultPosition,
-		popoverContainerRefCallback
-	};
-};
-
-//#endregion
-exports.useDynamicPopoverPosition = useDynamicPopoverPosition;
-//# sourceMappingURL=useDynamicPopoverPosition.cjs.map

package/dist/DropdownButton/useDynamicPopoverPosition.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicPopoverPosition.cjs","names":["useCallback","useState","useWindowScroll","useWindowSize","getClearance","targetEl","winHeight","top","bottom","getBoundingClientRect","above","below","getClearanceNeeded","popoverContainerEl","verticalOffset","height","useDynamicPopoverPosition","targetRef","defaultPosition","setPopoverContainerEl","popoverContainerRefCallback","instance","current","clearance","clearanceNeeded","clearedAbove","clearedBelow","verticallyCentered","position"],"sources":["../../src/DropdownButton/useDynamicPopoverPosition.ts"],"sourcesContent":["import { PopoverYPositionType } from '@codecademy/gamut';\nimport { RefCallback, RefObject, useCallback, useState } from 'react';\nimport { useWindowScroll, useWindowSize } from 'react-use';\n\n// space between target and edge of window\ntype Clearance = {\n  above: number;\n  below: number;\n};\n\nconst getClearance = (targetEl: HTMLElement, winHeight: number): Clearance => {\n  const { top, bottom } = targetEl.getBoundingClientRect();\n  return {\n    above: top,\n    below: winHeight - bottom,\n  };\n};\n\nconst getClearanceNeeded = (\n  popoverContainerEl: HTMLElement,\n  verticalOffset: number\n): number => {\n  const { height } = popoverContainerEl.getBoundingClientRect();\n  return verticalOffset + height;\n};\n\ntype Position = Required<PopoverYPositionType>['position'];\n\nexport type UseDynamicPopoverPositionProps = {\n  targetRef: RefObject<HTMLElement>;\n  verticalOffset: number;\n  defaultPosition: Position;\n};\n\nexport type UseDynamicPopoverPositionReturn = {\n  position: Position;\n  popoverContainerRefCallback: RefCallback<HTMLElement | null>;\n};\n\nexport const useDynamicPopoverPosition = ({\n  targetRef,\n  verticalOffset,\n  defaultPosition,\n}: UseDynamicPopoverPositionProps): UseDynamicPopoverPositionReturn => {\n  const [popoverContainerEl, setPopoverContainerEl] =\n    useState<HTMLElement | null>(null);\n\n  // called when the popover container is renderd or removed\n  const popoverContainerRefCallback: RefCallback<HTMLElement | null> =\n    useCallback((instance: HTMLElement | null) => {\n      setPopoverContainerEl(instance);\n    }, []);\n\n  const { height: winHeight } = useWindowSize(); // re-calc on window resize\n  useWindowScroll(); // re-calc on scroll\n\n  if (targetRef?.current && popoverContainerEl) {\n    const clearance = getClearance(targetRef.current, winHeight);\n    const clearanceNeeded = getClearanceNeeded(\n      popoverContainerEl,\n      verticalOffset\n    );\n    const clearedAbove = clearance.above >= clearanceNeeded;\n    const clearedBelow = clearance.below >= clearanceNeeded;\n    const verticallyCentered = clearance.above === clearance.below;\n\n    if (!verticallyCentered && (!clearedAbove || !clearedBelow)) {\n      return {\n        position: clearance.above > clearance.below ? 'above' : 'below',\n        popoverContainerRefCallback,\n      };\n    }\n  }\n\n  return {\n    position: defaultPosition,\n    popoverContainerRefCallback,\n  };\n};\n"],"mappings":";;;;;AAUA,MAAMI,gBAAgBC,UAAuBC,cAAAA;CAC3C,MAAM,EAAEC,KAAKC,WAAWH,SAASI,uBAAqB;AACtD,QAAO;EACLC,OAAOH;EACPI,OAAOL,YAAYE;EACrB;;AAGF,MAAMI,sBACJC,oBACAC,mBAAAA;CAEA,MAAM,EAAEC,WAAWF,mBAAmBJ,uBAAqB;AAC3D,QAAOK,iBAAiBC;;AAgB1B,MAAaC,6BAA6B,EACxCC,WACAH,gBACAI,sBAC+B;CAC/B,MAAM,CAACL,oBAAoBM,6CACI,KAAA;CAG/B,MAAMC,sDACSC,aAAAA;AACXF,wBAAsBE,SAAAA;IACrB,EAAE,CAAA;CAEP,MAAM,EAAEN,QAAQT,4CAAcH;AAC9BD,iCAAAA;AAEA,KAAIe,WAAWK,WAAWT,oBAAoB;EAC5C,MAAMU,YAAYnB,aAAaa,UAAUK,SAAShB,UAAAA;EAClD,MAAMkB,kBAAkBZ,mBACtBC,oBACAC,eAAAA;EAEF,MAAMW,eAAeF,UAAUb,SAASc;EACxC,MAAME,eAAeH,UAAUZ,SAASa;AAGxC,MAAI,EAFuBD,UAAUb,UAAUa,UAAUZ,WAE7B,CAACc,gBAAgB,CAACC,cAC5C,QAAO;GACLE,UAAUL,UAAUb,QAAQa,UAAUZ,QAAQ,UAAU;GACxDS;GACF;;AAIJ,QAAO;EACLQ,UAAUV;EACVE;EACF"}

package/dist/DropdownButton/useDynamicPopoverPosition.mjs

@@ -1,41 +0,0 @@
-import { useCallback, useState } from "react";
-import { useWindowScroll, useWindowSize } from "react-use";
-
-//#region src/DropdownButton/useDynamicPopoverPosition.ts
-const getClearance = (targetEl, winHeight) => {
-	const { top, bottom } = targetEl.getBoundingClientRect();
-	return {
-		above: top,
-		below: winHeight - bottom
-	};
-};
-const getClearanceNeeded = (popoverContainerEl, verticalOffset) => {
-	const { height } = popoverContainerEl.getBoundingClientRect();
-	return verticalOffset + height;
-};
-const useDynamicPopoverPosition = ({ targetRef, verticalOffset, defaultPosition }) => {
-	const [popoverContainerEl, setPopoverContainerEl] = useState(null);
-	const popoverContainerRefCallback = useCallback((instance) => {
-		setPopoverContainerEl(instance);
-	}, []);
-	const { height: winHeight } = useWindowSize();
-	useWindowScroll();
-	if (targetRef?.current && popoverContainerEl) {
-		const clearance = getClearance(targetRef.current, winHeight);
-		const clearanceNeeded = getClearanceNeeded(popoverContainerEl, verticalOffset);
-		const clearedAbove = clearance.above >= clearanceNeeded;
-		const clearedBelow = clearance.below >= clearanceNeeded;
-		if (!(clearance.above === clearance.below) && (!clearedAbove || !clearedBelow)) return {
-			position: clearance.above > clearance.below ? "above" : "below",
-			popoverContainerRefCallback
-		};
-	}
-	return {
-		position: defaultPosition,
-		popoverContainerRefCallback
-	};
-};
-
-//#endregion
-export { useDynamicPopoverPosition };
-//# sourceMappingURL=useDynamicPopoverPosition.mjs.map

package/dist/DropdownButton/useDynamicPopoverPosition.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicPopoverPosition.mjs","names":["useCallback","useState","useWindowScroll","useWindowSize","getClearance","targetEl","winHeight","top","bottom","getBoundingClientRect","above","below","getClearanceNeeded","popoverContainerEl","verticalOffset","height","useDynamicPopoverPosition","targetRef","defaultPosition","setPopoverContainerEl","popoverContainerRefCallback","instance","current","clearance","clearanceNeeded","clearedAbove","clearedBelow","verticallyCentered","position"],"sources":["../../src/DropdownButton/useDynamicPopoverPosition.ts"],"sourcesContent":["import { PopoverYPositionType } from '@codecademy/gamut';\nimport { RefCallback, RefObject, useCallback, useState } from 'react';\nimport { useWindowScroll, useWindowSize } from 'react-use';\n\n// space between target and edge of window\ntype Clearance = {\n  above: number;\n  below: number;\n};\n\nconst getClearance = (targetEl: HTMLElement, winHeight: number): Clearance => {\n  const { top, bottom } = targetEl.getBoundingClientRect();\n  return {\n    above: top,\n    below: winHeight - bottom,\n  };\n};\n\nconst getClearanceNeeded = (\n  popoverContainerEl: HTMLElement,\n  verticalOffset: number\n): number => {\n  const { height } = popoverContainerEl.getBoundingClientRect();\n  return verticalOffset + height;\n};\n\ntype Position = Required<PopoverYPositionType>['position'];\n\nexport type UseDynamicPopoverPositionProps = {\n  targetRef: RefObject<HTMLElement>;\n  verticalOffset: number;\n  defaultPosition: Position;\n};\n\nexport type UseDynamicPopoverPositionReturn = {\n  position: Position;\n  popoverContainerRefCallback: RefCallback<HTMLElement | null>;\n};\n\nexport const useDynamicPopoverPosition = ({\n  targetRef,\n  verticalOffset,\n  defaultPosition,\n}: UseDynamicPopoverPositionProps): UseDynamicPopoverPositionReturn => {\n  const [popoverContainerEl, setPopoverContainerEl] =\n    useState<HTMLElement | null>(null);\n\n  // called when the popover container is renderd or removed\n  const popoverContainerRefCallback: RefCallback<HTMLElement | null> =\n    useCallback((instance: HTMLElement | null) => {\n      setPopoverContainerEl(instance);\n    }, []);\n\n  const { height: winHeight } = useWindowSize(); // re-calc on window resize\n  useWindowScroll(); // re-calc on scroll\n\n  if (targetRef?.current && popoverContainerEl) {\n    const clearance = getClearance(targetRef.current, winHeight);\n    const clearanceNeeded = getClearanceNeeded(\n      popoverContainerEl,\n      verticalOffset\n    );\n    const clearedAbove = clearance.above >= clearanceNeeded;\n    const clearedBelow = clearance.below >= clearanceNeeded;\n    const verticallyCentered = clearance.above === clearance.below;\n\n    if (!verticallyCentered && (!clearedAbove || !clearedBelow)) {\n      return {\n        position: clearance.above > clearance.below ? 'above' : 'below',\n        popoverContainerRefCallback,\n      };\n    }\n  }\n\n  return {\n    position: defaultPosition,\n    popoverContainerRefCallback,\n  };\n};\n"],"mappings":";;;;AAUA,MAAMI,gBAAgBC,UAAuBC,cAAAA;CAC3C,MAAM,EAAEC,KAAKC,WAAWH,SAASI,uBAAqB;AACtD,QAAO;EACLC,OAAOH;EACPI,OAAOL,YAAYE;EACrB;;AAGF,MAAMI,sBACJC,oBACAC,mBAAAA;CAEA,MAAM,EAAEC,WAAWF,mBAAmBJ,uBAAqB;AAC3D,QAAOK,iBAAiBC;;AAgB1B,MAAaC,6BAA6B,EACxCC,WACAH,gBACAI,sBAC+B;CAC/B,MAAM,CAACL,oBAAoBM,yBACzBlB,SAA6B,KAAA;CAG/B,MAAMmB,8BACJpB,aAAaqB,aAAAA;AACXF,wBAAsBE,SAAAA;IACrB,EAAE,CAAA;CAEP,MAAM,EAAEN,QAAQT,cAAcH,eAAAA;AAC9BD,kBAAAA;AAEA,KAAIe,WAAWK,WAAWT,oBAAoB;EAC5C,MAAMU,YAAYnB,aAAaa,UAAUK,SAAShB,UAAAA;EAClD,MAAMkB,kBAAkBZ,mBACtBC,oBACAC,eAAAA;EAEF,MAAMW,eAAeF,UAAUb,SAASc;EACxC,MAAME,eAAeH,UAAUZ,SAASa;AAGxC,MAAI,EAFuBD,UAAUb,UAAUa,UAAUZ,WAE7B,CAACc,gBAAgB,CAACC,cAC5C,QAAO;GACLE,UAAUL,UAAUb,QAAQa,UAAUZ,QAAQ,UAAU;GACxDS;GACF;;AAIJ,QAAO;EACLQ,UAAUV;EACVE;EACF"}

package/dist/EditorialImage/index.cjs

@@ -1,15 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_styles_module = require('./styles.module.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/EditorialImage/index.tsx
-const EditorialImage = ({ image, alt, caption }) => /* @__PURE__ */ react.createElement("div", null, /* @__PURE__ */ react.createElement("div", { className: require_styles_module.default.imageContainer }, /* @__PURE__ */ react.createElement("img", {
-	className: require_styles_module.default.image,
-	alt,
-	src: image
-})), caption && /* @__PURE__ */ react.createElement("span", { className: require_styles_module.default.caption }, caption));
-
-//#endregion
-exports.EditorialImage = EditorialImage;
-//# sourceMappingURL=index.cjs.map

package/dist/EditorialImage/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["React","styles","EditorialImage","image","alt","caption","div","className","imageContainer","img","src","span"],"sources":["../../src/EditorialImage/index.tsx"],"sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles.module.scss';\n\nexport type EditorialImageProps = {\n  /** The URL used for the image src */\n  image: string;\n  /** Alternative text for the image  */\n  alt: string;\n  /** An optional caption that will display below the image  */\n  caption?: string;\n};\n\nexport const EditorialImage: React.FC<EditorialImageProps> = ({\n  image,\n  alt,\n  caption,\n}) => (\n  <div>\n    <div className={styles.imageContainer}>\n      <img className={styles.image} alt={alt} src={image} />\n    </div>\n    {caption && <span className={styles.caption}>{caption}</span>}\n  </div>\n);\n"],"mappings":";;;;;;AAcA,MAAaE,kBAAiD,EAC5DC,OACAC,KACAC,cAEA,sBAAA,cAACC,OAAAA,MACC,sBAAA,cAACA,OAAAA,EAAIC,WAAWN,8BAAOO,kBACrB,sBAAA,cAACC,OAAAA;CAAIF,WAAWN,8BAAOE;CAAYC;CAAKM,KAAKP;KAE9CE,WAAW,sBAAA,cAACM,QAAAA,EAAKJ,WAAWN,8BAAOI,WAAUA,QAAAA,CAAAA"}

package/dist/EditorialImage/index.d.cts

@@ -1,15 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/EditorialImage/index.d.ts
-type EditorialImageProps = {
-  /** The URL used for the image src */
-  image: string;
-  /** Alternative text for the image  */
-  alt: string;
-  /** An optional caption that will display below the image  */
-  caption?: string;
-};
-declare const EditorialImage: React$1.FC<EditorialImageProps>;
-//#endregion
-export { EditorialImage, EditorialImageProps };
-//# sourceMappingURL=index.d.cts.map

package/dist/EditorialImage/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/EditorialImage/index.tsx"],"sourcesContent":[],"mappings":";;;KAKY,mBAAA;;EAAA,KAAA,EAAA,MAAA;EASC;;;;;cAAA,gBAAgB,OAAA,CAAM,GAAG"}

package/dist/EditorialImage/index.d.mts

@@ -1,15 +0,0 @@
-import * as React$1 from "react";
-
-//#region src/EditorialImage/index.d.ts
-type EditorialImageProps = {
-  /** The URL used for the image src */
-  image: string;
-  /** Alternative text for the image  */
-  alt: string;
-  /** An optional caption that will display below the image  */
-  caption?: string;
-};
-declare const EditorialImage: React$1.FC<EditorialImageProps>;
-//#endregion
-export { EditorialImage, EditorialImageProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/EditorialImage/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/EditorialImage/index.tsx"],"sourcesContent":[],"mappings":";;;KAKY,mBAAA;;EAAA,KAAA,EAAA,MAAA;EASC;;;;;cAAA,gBAAgB,OAAA,CAAM,GAAG"}

package/dist/EditorialImage/index.mjs

@@ -1,13 +0,0 @@
-import styles_module_default from "./styles.module.mjs";
-import * as React$1 from "react";
-
-//#region src/EditorialImage/index.tsx
-const EditorialImage = ({ image, alt, caption }) => /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", { className: styles_module_default.imageContainer }, /* @__PURE__ */ React$1.createElement("img", {
-	className: styles_module_default.image,
-	alt,
-	src: image
-})), caption && /* @__PURE__ */ React$1.createElement("span", { className: styles_module_default.caption }, caption));
-
-//#endregion
-export { EditorialImage };
-//# sourceMappingURL=index.mjs.map

package/dist/EditorialImage/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["React","styles","EditorialImage","image","alt","caption","div","className","imageContainer","img","src","span"],"sources":["../../src/EditorialImage/index.tsx"],"sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line gamut/no-css-standalone\nimport styles from './styles.module.scss';\n\nexport type EditorialImageProps = {\n  /** The URL used for the image src */\n  image: string;\n  /** Alternative text for the image  */\n  alt: string;\n  /** An optional caption that will display below the image  */\n  caption?: string;\n};\n\nexport const EditorialImage: React.FC<EditorialImageProps> = ({\n  image,\n  alt,\n  caption,\n}) => (\n  <div>\n    <div className={styles.imageContainer}>\n      <img className={styles.image} alt={alt} src={image} />\n    </div>\n    {caption && <span className={styles.caption}>{caption}</span>}\n  </div>\n);\n"],"mappings":";;;;AAcA,MAAaE,kBAAiD,EAC5DC,OACAC,KACAC,cAEA,wBAAA,cAACC,OAAAA,MACC,wBAAA,cAACA,OAAAA,EAAIC,WAAWN,sBAAOO,kBACrB,wBAAA,cAACC,OAAAA;CAAIF,WAAWN,sBAAOE;CAAYC;CAAKM,KAAKP;KAE9CE,WAAW,wBAAA,cAACM,QAAAA,EAAKJ,WAAWN,sBAAOI,WAAUA,QAAAA,CAAAA"}

package/dist/EditorialImage/styles.module.cjs

@@ -1,6 +0,0 @@
-
-//#region src/EditorialImage/styles.module.scss
-var styles_module_default = "assets/styles.module-N6u8lXCU.scss";
-
-//#endregion
-//# sourceMappingURL=styles.module.cjs.map

package/dist/EditorialImage/styles.module.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.module.cjs","names":[],"sources":["../../src/EditorialImage/styles.module.scss"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";;4BAAA,oCAAA"}

package/dist/EditorialImage/styles.module.mjs

@@ -1,6 +0,0 @@
-//#region src/EditorialImage/styles.module.scss
-var styles_module_default = "assets/styles.module-N6u8lXCU.scss";
-
-//#endregion
-export { styles_module_default as default };
-//# sourceMappingURL=styles.module.mjs.map

package/dist/EditorialImage/styles.module.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.module.mjs","names":[],"sources":["../../src/EditorialImage/styles.module.scss"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";4BAAA,oCAAA"}

package/dist/EmptySection/index.cjs

@@ -1,153 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
-
-//#region src/EmptySection/index.tsx
-const EmptyContainer = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.FlexBox, {
-	target: "e1oinc5j0",
-	label: "brand-EmptyContainer"
-})((0, _codecademy_gamut_styles.variant)({
-	prop: "stretchDirection",
-	defaultVariant: "left",
-	base: {
-		justifySelf: "center",
-		position: "relative",
-		px: 32,
-		py: {
-			_: 64,
-			lg: 96
-		},
-		width: 1
-	},
-	variants: {
-		left: {
-			pl: { sm: 0 },
-			pr: {
-				sm: 64,
-				lg: 96
-			}
-		},
-		right: {
-			pr: { sm: 0 },
-			pl: {
-				sm: 64,
-				lg: 96
-			}
-		},
-		none: {}
-	}
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIifQ== */");
-const Dots = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_patterns.DotLoose, {
-	target: "e1oinc5j1",
-	label: "brand-Dots"
-})((0, _codecademy_gamut_styles.variant)({
-	prop: "stretchDirection",
-	defaultVariant: "left",
-	base: {
-		position: "absolute",
-		top: 0,
-		bottom: 0,
-		left: -16
-	},
-	variants: {
-		left: {
-			left: {
-				xs: -32,
-				sm: -64,
-				lg: -96,
-				xl: "calc((1248px - 100vw) / 2)"
-			},
-			width: {
-				_: "100vw",
-				xs: "calc(100vw - 32px)",
-				sm: "calc(100vw - 64px)",
-				lg: "calc(100vw - 96px)",
-				xl: "calc(1248px + ((100vw - 1248px) / 2))"
-			}
-		},
-		right: {
-			left: { xs: 0 },
-			width: {
-				_: "100vw",
-				xs: "calc(100vw - 32px)",
-				sm: "calc(100vw - 64px)",
-				lg: "calc(100vw - 96px)",
-				xl: "calc(1248px + ((100vw - 1248px) / 2))"
-			}
-		},
-		none: {
-			left: 0,
-			width: "100%"
-		}
-	}
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEYSJ9 */");
-const illustrationPositionVariants = (0, _codecademy_gamut_styles.variant)({
-	prop: "illustrationPosition",
-	defaultVariant: "right",
-	base: {
-		mx: {
-			_: "auto",
-			sm: 0
-		},
-		mb: {
-			_: 32,
-			sm: 0
-		}
-	},
-	variants: {
-		left: { mr: { sm: 48 } },
-		right: { ml: { sm: 48 } }
-	}
-});
-const IllustrationContainer = /* @__PURE__ */ (0, _emotion_styled.default)("div", _codecademy_gamut_styles.styledOptions, {
-	target: "e1oinc5j2",
-	label: "brand-IllustrationContainer"
-})(illustrationPositionVariants, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0VtcHR5U2VjdGlvbi9pbmRleC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9FbXB0eVNlY3Rpb24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvblByb3BzLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgSWxsdXN0cmF0aW9uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pbGx1c3RyYXRpb25zJztcbmltcG9ydCB7IERvdExvb3NlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgcHhSZW0sIHN0eWxlZE9wdGlvbnMsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRHJvcGRvd25CdXR0b25Qcm9wcyB9IGZyb20gJy4uJztcblxuZXhwb3J0IHR5cGUgRW1wdHlTZWN0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQYXJhZ3JhcGggdGV4dCB0aGF0IGRpc3BsYXlzIGJlbmVhdGggdGhlIGhlYWRpbmcgdGV4dFxuICAgKi9cbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBCdXR0b24gb3IgZHJvcGRvd24gYnV0dG9uIHdpdGggYW4gYWN0aW9uIGZvciB0aGUgdXNlciB0byB0YWtlXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDxCdXR0b25Qcm9wcyB8IERyb3Bkb3duQnV0dG9uUHJvcHM+O1xuICAvKipcbiAgICogVGhlIGxhcmdlciBoZWFkaW5nIHRleHQgdGhhdCBhcHBlYXJzIG92ZXIgdGhlIGJvZHkgdGV4dFxuICAgKi9cbiAgaGVhZGluZ1RleHQ6IHN0cmluZztcbiAgaWxsdXN0cmF0aW9uOiBSZWFjdC5Db21wb25lbnRUeXBlPElsbHVzdHJhdGlvblByb3BzPjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGlsbHVzdHJhdGlvbiBhcHBlYXJzIHRvIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSByZXN0IG9mIHRoZSBzZWN0aW9uJ3MgY29udGVudFxuICAgKi9cbiAgaWxsdXN0cmF0aW9uUG9zaXRpb24/OiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgcGF0dGVybiBiYWNrZ3JvdW5kIHN0cmV0Y2hlcyB0byB0aGUgZW5kIG9mIHRoZSBsZWZ0IG9yIHJpZ2h0IG9mIHRoZSB2aWV3cG9ydFxuICAgKi9cbiAgc3RyZXRjaERpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdub25lJztcbn07XG5cbmNvbnN0IEVtcHR5Q29udGFpbmVyID0gc3R5bGVkKEZsZXhCb3gpKFxuICB2YXJpYW50KHtcbiAgICBwcm9wOiAnc3RyZXRjaERpcmVjdGlvbicsXG4gICAgZGVmYXVsdFZhcmlhbnQ6ICdsZWZ0JyxcbiAgICBiYXNlOiB7XG4gICAgICBqdXN0aWZ5U2VsZjogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHB4OiAzMixcbiAgICAgIHB5OiB7IF86IDY0LCBsZzogOTYgfSxcbiAgICAgIHdpZHRoOiAxLFxuICAgIH0sXG4gICAgdmFyaWFudHM6IHtcbiAgICAgIGxlZnQ6IHtcbiAgICAgICAgcGw6IHsgc206IDAgfSxcbiAgICAgICAgcHI6IHsgc206IDY0LCBsZzogOTYgfSxcbiAgICAgIH0sXG4gICAgICByaWdodDoge1xuICAgICAgICBwcjogeyBzbTogMCB9LFxuICAgICAgICBwbDogeyBzbTogNjQsIGxnOiA5NiB9LFxuICAgICAgfSxcbiAgICAgIG5vbmU6IHt9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBEb3RzID0gc3R5bGVkKERvdExvb3NlKShcbiAgdmFyaWFudCh7XG4gICAgcHJvcDogJ3N0cmV0Y2hEaXJlY3Rpb24nLFxuICAgIGRlZmF1bHRWYXJpYW50OiAnbGVmdCcsXG4gICAgYmFzZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0b3A6IDAsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAtMTYsXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgbGVmdDoge1xuICAgICAgICBsZWZ0OiB7XG4gICAgICAgICAgeHM6IC0zMixcbiAgICAgICAgICBzbTogLTY0LFxuICAgICAgICAgIGxnOiAtOTYsXG4gICAgICAgICAgeGw6ICdjYWxjKCgxMjQ4cHggLSAxMDB2dykgLyAyKScsXG4gICAgICAgIH0sXG4gICAgICAgIHdpZHRoOiB7XG4gICAgICAgICAgXzogJzEwMHZ3JyxcbiAgICAgICAgICB4czogJ2NhbGMoMTAwdncgLSAzMnB4KScsXG4gICAgICAgICAgc206ICdjYWxjKDEwMHZ3IC0gNjRweCknLFxuICAgICAgICAgIGxnOiAnY2FsYygxMDB2dyAtIDk2cHgpJyxcbiAgICAgICAgICB4bDogJ2NhbGMoMTI0OHB4ICsgKCgxMDB2dyAtIDEyNDhweCkgLyAyKSknLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIHJpZ2h0OiB7XG4gICAgICAgIGxlZnQ6IHsgeHM6IDAgfSxcbiAgICAgICAgd2lkdGg6IHtcbiAgICAgICAgICBfOiAnMTAwdncnLFxuICAgICAgICAgIHhzOiAnY2FsYygxMDB2dyAtIDMycHgpJyxcbiAgICAgICAgICBzbTogJ2NhbGMoMTAwdncgLSA2NHB4KScsXG4gICAgICAgICAgbGc6ICdjYWxjKDEwMHZ3IC0gOTZweCknLFxuICAgICAgICAgIHhsOiAnY2FsYygxMjQ4cHggKyAoKDEwMHZ3IC0gMTI0OHB4KSAvIDIpKScsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgbm9uZToge1xuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyA9IHZhcmlhbnQoe1xuICBwcm9wOiAnaWxsdXN0cmF0aW9uUG9zaXRpb24nLFxuICBkZWZhdWx0VmFyaWFudDogJ3JpZ2h0JyxcbiAgYmFzZToge1xuICAgIG14OiB7IF86ICdhdXRvJywgc206IDAgfSxcbiAgICBtYjogeyBfOiAzMiwgc206IDAgfSxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBsZWZ0OiB7XG4gICAgICBtcjogeyBzbTogNDggfSxcbiAgICB9LFxuICAgIHJpZ2h0OiB7XG4gICAgICBtbDogeyBzbTogNDggfSxcbiAgICB9LFxuICB9LFxufSk7XG5cbnR5cGUgSWxsdXN0cmF0aW9uQ29udGFpbmVyUHJvcHMgPSBTdHlsZVByb3BzPFxuICB0eXBlb2YgaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50c1xuPjtcblxuY29uc3QgSWxsdXN0cmF0aW9uQ29udGFpbmVyID0gc3R5bGVkKFxuICAnZGl2JyxcbiAgc3R5bGVkT3B0aW9uc1xuKTxJbGx1c3RyYXRpb25Db250YWluZXJQcm9wcz4oaWxsdXN0cmF0aW9uUG9zaXRpb25WYXJpYW50cyk7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVNlY3Rpb246IFJlYWN0LkZDPEVtcHR5U2VjdGlvblByb3BzPiA9ICh7XG4gIGJvZHlUZXh0LFxuICBjaGlsZHJlbixcbiAgaGVhZGluZ1RleHQsXG4gIGlsbHVzdHJhdGlvbjogSWxsdXN0cmF0aW9uLFxuICBzdHJldGNoRGlyZWN0aW9uLFxuICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9IHN0cmV0Y2hEaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnbGVmdCcgOiAncmlnaHQnLFxufSkgPT4ge1xuICBjb25zdCBmbGV4RGlyZWN0aW9uID1cbiAgICBpbGx1c3RyYXRpb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyA/ICdyb3ctcmV2ZXJzZScgOiAncm93JztcblxuICByZXR1cm4gKFxuICAgIDxFbXB0eUNvbnRhaW5lciBzdHJldGNoRGlyZWN0aW9uPXtzdHJldGNoRGlyZWN0aW9ufT5cbiAgICAgIDxEb3RzIHN0cmV0Y2hEaXJlY3Rpb249e3N0cmV0Y2hEaXJlY3Rpb259IC8+XG4gICAgICA8RmxleEJveFxuICAgICAgICBtYXhXaWR0aD1cIjgyMnB4XCJcbiAgICAgICAgZmxleEJhc2lzPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICBiZz1cImJhY2tncm91bmQtY3VycmVudFwiXG4gICAgICAgIHB5PXs0OH1cbiAgICAgICAgcHg9e3sgXzogMTYsIHNtOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgZmxleERpcmVjdGlvbj17eyBfOiAnY29sdW1uJywgc206IGZsZXhEaXJlY3Rpb24gfX1cbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e3sgXzogJ3NwYWNlLWFyb3VuZCcsIG1kOiAnc3BhY2UtYmV0d2VlbicgfX1cbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgIHRleHRBbGlnbj17eyBfOiAnY2VudGVyJywgc206ICdzdGFydCcgfX1cbiAgICAgID5cbiAgICAgICAgPElsbHVzdHJhdGlvbkNvbnRhaW5lciBpbGx1c3RyYXRpb25Qb3NpdGlvbj17aWxsdXN0cmF0aW9uUG9zaXRpb259PlxuICAgICAgICAgIDxJbGx1c3RyYXRpb24gd2lkdGg9e3B4UmVtKDEwMCl9IC8+XG4gICAgICAgIDwvSWxsdXN0cmF0aW9uQ29udGFpbmVyPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsIHNtOiAnc3RhcnQnIH19XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgZm9udFNpemU9ezIyfSBtYj17OH0+XG4gICAgICAgICAgICB7aGVhZGluZ1RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtib2R5VGV4dCAmJiA8VGV4dCBtYj17MzJ9Pntib2R5VGV4dH08L1RleHQ+fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvRW1wdHlDb250YWluZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIOEIifQ== */");
-const EmptySection = ({ bodyText, children, headingText, illustration: Illustration, stretchDirection, illustrationPosition = stretchDirection === "right" ? "left" : "right" }) => {
-	const flexDirection = illustrationPosition === "right" ? "row-reverse" : "row";
-	return /* @__PURE__ */ react.createElement(EmptyContainer, { stretchDirection }, /* @__PURE__ */ react.createElement(Dots, { stretchDirection }), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		maxWidth: "822px",
-		flexBasis: "100%",
-		position: "relative",
-		bg: "background-current",
-		py: 48,
-		px: {
-			_: 16,
-			sm: 48,
-			md: 64
-		},
-		zIndex: 1,
-		flexDirection: {
-			_: "column",
-			sm: flexDirection
-		},
-		justifyContent: {
-			_: "space-around",
-			md: "space-between"
-		},
-		alignItems: "center",
-		textAlign: {
-			_: "center",
-			sm: "start"
-		}
-	}, /* @__PURE__ */ react.createElement(IllustrationContainer, { illustrationPosition }, /* @__PURE__ */ react.createElement(Illustration, { width: (0, _codecademy_gamut_styles.pxRem)(100) })), /* @__PURE__ */ react.createElement(_codecademy_gamut.FlexBox, {
-		flexDirection: "column",
-		alignItems: {
-			_: "center",
-			sm: "start"
-		}
-	}, /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, {
-		as: "h2",
-		fontSize: 22,
-		mb: 8
-	}, headingText), bodyText && /* @__PURE__ */ react.createElement(_codecademy_gamut.Text, { mb: 32 }, bodyText), children)));
-};
-
-//#endregion
-exports.EmptySection = EmptySection;
-//# sourceMappingURL=index.cjs.map

package/dist/EmptySection/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["FlexBox","Text","DotLoose","pxRem","styledOptions","variant","styled","React","EmptyContainer","prop","defaultVariant","base","justifySelf","position","px","py","_","lg","width","variants","left","pl","sm","pr","right","none","Dots","top","bottom","xs","xl","illustrationPositionVariants","mx","mb","mr","ml","IllustrationContainer","EmptySection","bodyText","children","headingText","illustration","Illustration","stretchDirection","illustrationPosition","flexDirection","maxWidth","flexBasis","bg","md","zIndex","justifyContent","alignItems","textAlign","as","fontSize"],"sources":["../../src/EmptySection/index.tsx"],"sourcesContent":["import { ButtonProps, FlexBox, Text } from '@codecademy/gamut';\nimport { IllustrationProps } from '@codecademy/gamut-illustrations';\nimport { DotLoose } from '@codecademy/gamut-patterns';\nimport { pxRem, styledOptions, variant } from '@codecademy/gamut-styles';\nimport { StyleProps } from '@codecademy/variance';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nimport { DropdownButtonProps } from '..';\n\nexport type EmptySectionProps = {\n  /**\n   * Paragraph text that displays beneath the heading text\n   */\n  bodyText?: string;\n  /**\n   * Button or dropdown button with an action for the user to take\n   */\n  children?: React.ReactElement<ButtonProps | DropdownButtonProps>;\n  /**\n   * The larger heading text that appears over the body text\n   */\n  headingText: string;\n  illustration: React.ComponentType<IllustrationProps>;\n  /**\n   * Whether the illustration appears to the left or right of the rest of the section's content\n   */\n  illustrationPosition?: 'left' | 'right';\n  /**\n   * Whether the pattern background stretches to the end of the left or right of the viewport\n   */\n  stretchDirection: 'left' | 'right' | 'none';\n};\n\nconst EmptyContainer = styled(FlexBox)(\n  variant({\n    prop: 'stretchDirection',\n    defaultVariant: 'left',\n    base: {\n      justifySelf: 'center',\n      position: 'relative',\n      px: 32,\n      py: { _: 64, lg: 96 },\n      width: 1,\n    },\n    variants: {\n      left: {\n        pl: { sm: 0 },\n        pr: { sm: 64, lg: 96 },\n      },\n      right: {\n        pr: { sm: 0 },\n        pl: { sm: 64, lg: 96 },\n      },\n      none: {},\n    },\n  })\n);\n\nconst Dots = styled(DotLoose)(\n  variant({\n    prop: 'stretchDirection',\n    defaultVariant: 'left',\n    base: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: -16,\n    },\n    variants: {\n      left: {\n        left: {\n          xs: -32,\n          sm: -64,\n          lg: -96,\n          xl: 'calc((1248px - 100vw) / 2)',\n        },\n        width: {\n          _: '100vw',\n          xs: 'calc(100vw - 32px)',\n          sm: 'calc(100vw - 64px)',\n          lg: 'calc(100vw - 96px)',\n          xl: 'calc(1248px + ((100vw - 1248px) / 2))',\n        },\n      },\n      right: {\n        left: { xs: 0 },\n        width: {\n          _: '100vw',\n          xs: 'calc(100vw - 32px)',\n          sm: 'calc(100vw - 64px)',\n          lg: 'calc(100vw - 96px)',\n          xl: 'calc(1248px + ((100vw - 1248px) / 2))',\n        },\n      },\n      none: {\n        left: 0,\n        width: '100%',\n      },\n    },\n  })\n);\n\nconst illustrationPositionVariants = variant({\n  prop: 'illustrationPosition',\n  defaultVariant: 'right',\n  base: {\n    mx: { _: 'auto', sm: 0 },\n    mb: { _: 32, sm: 0 },\n  },\n  variants: {\n    left: {\n      mr: { sm: 48 },\n    },\n    right: {\n      ml: { sm: 48 },\n    },\n  },\n});\n\ntype IllustrationContainerProps = StyleProps<\n  typeof illustrationPositionVariants\n>;\n\nconst IllustrationContainer = styled(\n  'div',\n  styledOptions\n)<IllustrationContainerProps>(illustrationPositionVariants);\n\nexport const EmptySection: React.FC<EmptySectionProps> = ({\n  bodyText,\n  children,\n  headingText,\n  illustration: Illustration,\n  stretchDirection,\n  illustrationPosition = stretchDirection === 'right' ? 'left' : 'right',\n}) => {\n  const flexDirection =\n    illustrationPosition === 'right' ? 'row-reverse' : 'row';\n\n  return (\n    <EmptyContainer stretchDirection={stretchDirection}>\n      <Dots stretchDirection={stretchDirection} />\n      <FlexBox\n        maxWidth=\"822px\"\n        flexBasis=\"100%\"\n        position=\"relative\"\n        bg=\"background-current\"\n        py={48}\n        px={{ _: 16, sm: 48, md: 64 }}\n        zIndex={1}\n        flexDirection={{ _: 'column', sm: flexDirection }}\n        justifyContent={{ _: 'space-around', md: 'space-between' }}\n        alignItems=\"center\"\n        textAlign={{ _: 'center', sm: 'start' }}\n      >\n        <IllustrationContainer illustrationPosition={illustrationPosition}>\n          <Illustration width={pxRem(100)} />\n        </IllustrationContainer>\n        <FlexBox\n          flexDirection=\"column\"\n          alignItems={{ _: 'center', sm: 'start' }}\n        >\n          <Text as=\"h2\" fontSize={22} mb={8}>\n            {headingText}\n          </Text>\n          {bodyText && <Text mb={32}>{bodyText}</Text>}\n          {children}\n        </FlexBox>\n      </FlexBox>\n    </EmptyContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;AAkCA,MAAMQ,iBAAiBF,6CAAON,2BAAAA;;;yCACpB;CACNS,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJC,aAAa;EACbC,UAAU;EACVC,IAAI;EACJC,IAAI;GAAEC,GAAG;GAAIC,IAAI;GAAG;EACpBC,OAAO;EACT;CACAC,UAAU;EACRC,MAAM;GACJC,IAAI,EAAEC,IAAI,GAAE;GACZC,IAAI;IAAED,IAAI;IAAIL,IAAI;IAAG;GACvB;EACAO,OAAO;GACLD,IAAI,EAAED,IAAI,GAAE;GACZD,IAAI;IAAEC,IAAI;IAAIL,IAAI;IAAG;GACvB;EACAQ,MAAM,EAAC;EACT;CACF,CAAA,EAAA,szMAAA;AAGF,MAAMC,OAAOpB,6CAAOJ,qCAAAA;;;yCACV;CACNO,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJE,UAAU;EACVc,KAAK;EACLC,QAAQ;EACRR,MAAM;EACR;CACAD,UAAU;EACRC,MAAM;GACJA,MAAM;IACJS,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACAZ,OAAO;IACLF,GAAG;IACHa,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACF;EACAN,OAAO;GACLJ,MAAM,EAAES,IAAI,GAAE;GACdX,OAAO;IACLF,GAAG;IACHa,IAAI;IACJP,IAAI;IACJL,IAAI;IACJa,IAAI;IACN;GACF;EACAL,MAAM;GACJL,MAAM;GACNF,OAAO;GACT;EACF;CACF,CAAA,EAAA,kzMAAA;AAGF,MAAMa,qEAAuC;CAC3CtB,MAAM;CACNC,gBAAgB;CAChBC,MAAM;EACJqB,IAAI;GAAEhB,GAAG;GAAQM,IAAI;GAAE;EACvBW,IAAI;GAAEjB,GAAG;GAAIM,IAAI;GAAE;EACrB;CACAH,UAAU;EACRC,MAAM,EACJc,IAAI,EAAEZ,IAAI,IAAG,EACf;EACAE,OAAO,EACLW,IAAI,EAAEb,IAAI,IAAG,EACf;EACF;CACF,CAAA;AAMA,MAAMc,wBAAwB9B,6CAC5B,OACAF,wCAAAA;;;GAC4B2B,8BAAAA,szMAAAA;AAE9B,MAAaM,gBAA6C,EACxDC,UACAC,UACAC,aACAC,cAAcC,cACdC,kBACAC,uBAAuBD,qBAAqB,UAAU,SAAS,cAChE;CACC,MAAME,gBACJD,yBAAyB,UAAU,gBAAgB;AAErD,QACE,sBAAA,cAACpC,gBAAAA,EAAiCmC,oBAChC,sBAAA,cAACjB,MAAAA,EAAuBiB,qBACxB,sBAAA,cAAC3C,2BAAAA;EACC8C,UAAS;EACTC,WAAU;EACVlC,UAAS;EACTmC,IAAG;EACHjC,IAAI;EACJD,IAAI;GAAEE,GAAG;GAAIM,IAAI;GAAI2B,IAAI;GAAG;EAC5BC,QAAQ;EACRL,eAAe;GAAE7B,GAAG;GAAUM,IAAIuB;GAAc;EAChDM,gBAAgB;GAAEnC,GAAG;GAAgBiC,IAAI;GAAgB;EACzDG,YAAW;EACXC,WAAW;GAAErC,GAAG;GAAUM,IAAI;GAAQ;IAEtC,sBAAA,cAACc,uBAAAA,EAA4CQ,wBAC3C,sBAAA,cAACF,cAAAA,EAAaxB,2CAAa,IAAA,MAE7B,sBAAA,cAAClB,2BAAAA;EACC6C,eAAc;EACdO,YAAY;GAAEpC,GAAG;GAAUM,IAAI;GAAQ;IAEvC,sBAAA,cAACrB,wBAAAA;EAAKqD,IAAG;EAAKC,UAAU;EAAItB,IAAI;IAC7BO,YAAAA,EAEFF,YAAY,sBAAA,cAACrC,wBAAAA,EAAKgC,IAAI,MAAKK,SAAAA,EAC3BC,SAAAA,CAAAA,CAAAA"}