@codecademy/brand 3.40.1-alpha.db88c958d7.0 → 4.0.0-alpha.0ae245495b.0

package/dist/Banner/index.js

@@ -1,102 +1,80 @@
-import _styled from "@emotion/styled/base";
-import { Box, IconButton, Markdown, TextButton } from '@codecademy/gamut';
-import { MiniDeleteIcon } from '@codecademy/gamut-icons';
-import { Background, css } from '@codecademy/gamut-styles';
-import { useMemo } from 'react';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconButton, Markdown, TextButton } from "@codecademy/gamut";
+import { Background, css } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MiniDeleteIcon } from "@codecademy/gamut-icons";
+
+//#region src/Banner/index.tsx
 const bannerVariants = {
-  navy: 'navy',
-  yellow: 'yellow',
-  subtle: 'background-hover'
+	navy: "navy",
+	yellow: "yellow",
+	subtle: "background-hover"
 };
-const isAllowedVariant = variant => Object.keys(bannerVariants).includes(variant);
+const isAllowedVariant = (variant$1) => Object.keys(bannerVariants).includes(variant$1);
 const bannerStyles = {
-  width: '100%',
-  p: 4,
-  display: 'grid',
-  gridTemplateColumns: '2rem minmax(0, 1fr) 2rem',
-  gridTemplateAreas: "'empty content close'",
-  columnGap: 8,
-  alignItems: 'center',
-  textAlign: 'center'
+	width: "100%",
+	p: 4,
+	display: "grid",
+	gridTemplateColumns: "2rem minmax(0, 1fr) 2rem",
+	gridTemplateAreas: "'empty content close'",
+	columnGap: 8,
+	alignItems: "center",
+	textAlign: "center"
 };
-const BannerContainerBackground = /*#__PURE__*/_styled(Background, {
-  target: "em3wgfy2",
-  label: "BannerContainerBackground"
-})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDa0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
-const BannerContainerBox = /*#__PURE__*/_styled(Box, {
-  target: "em3wgfy1",
-  label: "BannerContainerBox"
-})(css(bannerStyles), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMkIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
-const BannerMarkdown = /*#__PURE__*/_styled(Markdown, {
-  target: "em3wgfy0",
-  label: "BannerMarkdown"
-})(css({
-  fontSize: 'inherit'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUIiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3gsIEljb25CdXR0b24sIE1hcmtkb3duLCBUZXh0QnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgTWluaURlbGV0ZUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBCYWNrZ3JvdW5kUHJvcHMsIGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgYmFubmVyVmFyaWFudHM7XG5jb25zdCBiYW5uZXJWYXJpYW50cyA9IHtcbiAgbmF2eTogJ25hdnknLFxuICB5ZWxsb3c6ICd5ZWxsb3cnLFxuICBzdWJ0bGU6ICdiYWNrZ3JvdW5kLWhvdmVyJyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGlzQWxsb3dlZFZhcmlhbnQgPSAoXG4gIHZhcmlhbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbik6IHZhcmlhbnQgaXMgQmFubmVyVmFyaWFudCA9PlxuICBPYmplY3Qua2V5cyhiYW5uZXJWYXJpYW50cykuaW5jbHVkZXModmFyaWFudCBhcyBCYW5uZXJWYXJpYW50KTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJQcm9wc1xuICBleHRlbmRzIE9taXQ8QmFja2dyb3VuZFByb3BzLCAnYmcnIHwgJ2NvbnRhaW5lclR5cGUnPiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGUgfCBzdHJpbmc7XG4gIC8qKiBWaXN1YWwgdmFyaWF0aW9uIGZvciBiYW5uZXJzLCBkZWZhdWx0cyB0byBuYXZ5ICovXG4gIHZhcmlhbnQ/OiBCYW5uZXJWYXJpYW50IHwgbnVsbDtcbiAgLyoqICBDYWxsYmFjayBjYWxsZWQgd2hlbiB0aGUgdXNlciBjbG9zZXMgdGhlIGJhbm5lci4gKi9cbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG4gIC8qKiBDYWxsIHRvIGFjdGlvbiBjbGljayBjYWxsYmFjayAqL1xuICBvbkN0YUNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nO1xufVxuXG5jb25zdCBiYW5uZXJTdHlsZXMgPSB7XG4gIHdpZHRoOiAnMTAwJScsXG4gIHA6IDQsXG4gIGRpc3BsYXk6ICdncmlkJyxcbiAgZ3JpZFRlbXBsYXRlQ29sdW1uczogJzJyZW0gbWlubWF4KDAsIDFmcikgMnJlbScsXG4gIGdyaWRUZW1wbGF0ZUFyZWFzOiBcIidlbXB0eSBjb250ZW50IGNsb3NlJ1wiLFxuICBjb2x1bW5HYXA6IDgsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxufSBhcyBjb25zdDtcblxuY29uc3QgQmFubmVyQ29udGFpbmVyQmFja2dyb3VuZCA9IHN0eWxlZChCYWNrZ3JvdW5kKShjc3MoYmFubmVyU3R5bGVzKSk7XG5cbmNvbnN0IEJhbm5lckNvbnRhaW5lckJveCA9IHN0eWxlZChCb3gpKGNzcyhiYW5uZXJTdHlsZXMpKTtcblxuY29uc3QgQmFubmVyTWFya2Rvd24gPSBzdHlsZWQoTWFya2Rvd24pKGNzcyh7IGZvbnRTaXplOiAnaW5oZXJpdCcgfSkpO1xuXG5jb25zdCBiaW5kQmFubmVyQW5jaG9yID0gKFxuICBvbkN0YUNsaWNrPzogQmFubmVyUHJvcHNbJ29uQ3RhQ2xpY2snXSxcbiAgY3RhQXJpYUxhYmVsPzogc3RyaW5nXG4pID0+ICh7XG4gIGFsbG93ZWRBdHRyaWJ1dGVzOiBbJ2hyZWYnLCAndGFyZ2V0J10sXG4gIGNvbXBvbmVudDogVGV4dEJ1dHRvbixcbiAgcHJvY2Vzc05vZGU6IChfbm9kZTogdW5rbm93biwgcHJvcHM6IHsgb25DbGljaz86ICgpID0+IHZvaWQgfSkgPT4gKFxuICAgIDxUZXh0QnV0dG9uXG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgIG9uQ3RhQ2xpY2s/LigpO1xuICAgICAgICBwcm9wcz8ub25DbGljaz8uKCk7XG4gICAgICB9fVxuICAgICAgbXg9ezR9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdGFyZ2V0PVwiX0JMQU5LXCJcbiAgICAgIGFyaWEtbGFiZWw9e2N0YUFyaWFMYWJlbH1cbiAgICAgIGRpc3BsYXk9e3sgXzogJ2Jsb2NrJywgeHM6ICdpbmxpbmUtZmxleCcgfX1cbiAgICAvPlxuICApLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IFJlYWN0LkZDPEJhbm5lclByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBjdGFBcmlhTGFiZWwsXG4gIHZhcmlhbnQgPSAnbmF2eScsXG4gIG9uQ3RhQ2xpY2ssXG4gIG9uQ2xvc2UsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3Qgb3ZlcnJpZGVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgYTogYmluZEJhbm5lckFuY2hvcihvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWwpLFxuICAgIH0pLFxuICAgIFtvbkN0YUNsaWNrLCBjdGFBcmlhTGFiZWxdXG4gICk7XG5cbiAgLy8gQ29udGVudGZ1bCBpcyB1bmFibGUgdG8gcHJvZ3JhbW1hdGljYWxseSBjb21tdW5pY2F0ZSB3aGF0IHZhbHVlcyBpdCBkb2VzL2RvZXNuJ3QgYWxsb3cgaW4gdGhlc2Uga2luZHMgb2YgZmllbGRzLFxuICAvLyB3aGljaCBtYWtlcyBpdCBkaWZmaWN1bHQgZm9yIHVzIHRvIGVuc3VyZSB0aGUgQ29udGVudGZ1bCBjb25maWd1cmF0aW9uIGhhc24ndCBkaXZlcmdlZCBmcm9tIEdhbXV0IHJlc3RyaWN0aW9ucy5cbiAgY29uc3Qgc2FmZVZhcmlhbnQ6IEJhbm5lclZhcmlhbnQgPSBpc0FsbG93ZWRWYXJpYW50KHZhcmlhbnQpXG4gICAgPyB2YXJpYW50XG4gICAgOiAnbmF2eSc7XG5cbiAgY29uc3QgQmFubmVyQ29udGFpbmVyID1cbiAgICBzYWZlVmFyaWFudCA9PT0gJ3N1YnRsZScgPyBCYW5uZXJDb250YWluZXJCb3ggOiBCYW5uZXJDb250YWluZXJCYWNrZ3JvdW5kO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRhaW5lciB7Li4ucmVzdH0gYmc9e2Jhbm5lclZhcmlhbnRzW3NhZmVWYXJpYW50XX0+XG4gICAgICA8Qm94IGdyaWRBcmVhPVwiY29udGVudFwiIGZvbnRTaXplPVwiaW5oZXJpdFwiPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8QmFubmVyTWFya2Rvd25cbiAgICAgICAgICAgIG92ZXJyaWRlcz17b3ZlcnJpZGVzfVxuICAgICAgICAgICAgdGV4dD17Y2hpbGRyZW59XG4gICAgICAgICAgICBza2lwRGVmYXVsdE92ZXJyaWRlcz17eyBhOiB0cnVlIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9Cb3g+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxCb3ggZ3JpZEFyZWE9XCJjbG9zZVwiIGFsaWduU2VsZj1cInN0YXJ0XCI+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e01pbmlEZWxldGVJY29ufVxuICAgICAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIHRpcD1cIkNsb3NlIGJhbm5lclwiXG4gICAgICAgICAgICB0aXBQcm9wcz17eyBhbGlnbm1lbnQ6ICdib3R0b20tY2VudGVyJywgcGxhY2VtZW50OiAnZmxvYXRpbmcnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuICAgIDwvQmFubmVyQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */");
+const BannerContainerBackground = styled(Background)(css(bannerStyles));
+const BannerContainerBox = styled(Box)(css(bannerStyles));
+const BannerMarkdown = styled(Markdown)(css({ fontSize: "inherit" }));
 const bindBannerAnchor = (onCtaClick, ctaAriaLabel) => ({
-  allowedAttributes: ['href', 'target'],
-  component: TextButton,
-  processNode: (_node, props) => /*#__PURE__*/_jsx(TextButton, {
-    ...props,
-    onClick: () => {
-      onCtaClick?.();
-      props?.onClick?.();
-    },
-    mx: 4,
-    size: "small",
-    target: "_BLANK",
-    "aria-label": ctaAriaLabel,
-    display: {
-      _: 'block',
-      xs: 'inline-flex'
-    }
-  })
+	allowedAttributes: ["href", "target"],
+	component: TextButton,
+	processNode: (_node, props) => /* @__PURE__ */ jsx(TextButton, {
+		...props,
+		onClick: () => {
+			onCtaClick?.();
+			props?.onClick?.();
+		},
+		mx: 4,
+		size: "small",
+		target: "_BLANK",
+		"aria-label": ctaAriaLabel,
+		display: {
+			_: "block",
+			xs: "inline-flex"
+		}
+	})
 });
-export const Banner = ({
-  children,
-  ctaAriaLabel,
-  variant = 'navy',
-  onCtaClick,
-  onClose,
-  ...rest
-}) => {
-  const overrides = useMemo(() => ({
-    a: bindBannerAnchor(onCtaClick, ctaAriaLabel)
-  }), [onCtaClick, ctaAriaLabel]);
+const Banner = ({ children, ctaAriaLabel, variant: variant$1 = "navy", onCtaClick, onClose, ...rest }) => {
+	const overrides = useMemo(() => ({ a: bindBannerAnchor(onCtaClick, ctaAriaLabel) }), [onCtaClick, ctaAriaLabel]);
+	const safeVariant = isAllowedVariant(variant$1) ? variant$1 : "navy";
+	return /* @__PURE__ */ jsxs(safeVariant === "subtle" ? BannerContainerBox : BannerContainerBackground, {
+		...rest,
+		bg: bannerVariants[safeVariant],
+		children: [/* @__PURE__ */ jsx(Box, {
+			gridArea: "content",
+			fontSize: "inherit",
+			children: typeof children === "string" ? /* @__PURE__ */ jsx(BannerMarkdown, {
+				overrides,
+				text: children,
+				skipDefaultOverrides: { a: true }
+			}) : children
+		}), onClose && /* @__PURE__ */ jsx(Box, {
+			gridArea: "close",
+			alignSelf: "start",
+			children: /* @__PURE__ */ jsx(IconButton, {
+				variant: "secondary",
+				size: "small",
+				icon: MiniDeleteIcon,
+				onClick: onClose,
+				tip: "Close banner",
+				tipProps: {
+					alignment: "bottom-center",
+					placement: "floating"
+				}
+			})
+		})]
+	});
+};
 
-  // Contentful is unable to programmatically communicate what values it does/doesn't allow in these kinds of fields,
-  // which makes it difficult for us to ensure the Contentful configuration hasn't diverged from Gamut restrictions.
-  const safeVariant = isAllowedVariant(variant) ? variant : 'navy';
-  const BannerContainer = safeVariant === 'subtle' ? BannerContainerBox : BannerContainerBackground;
-  return /*#__PURE__*/_jsxs(BannerContainer, {
-    ...rest,
-    bg: bannerVariants[safeVariant],
-    children: [/*#__PURE__*/_jsx(Box, {
-      gridArea: "content",
-      fontSize: "inherit",
-      children: typeof children === 'string' ? /*#__PURE__*/_jsx(BannerMarkdown, {
-        overrides: overrides,
-        text: children,
-        skipDefaultOverrides: {
-          a: true
-        }
-      }) : children
-    }), onClose && /*#__PURE__*/_jsx(Box, {
-      gridArea: "close",
-      alignSelf: "start",
-      children: /*#__PURE__*/_jsx(IconButton, {
-        variant: "secondary",
-        size: "small",
-        icon: MiniDeleteIcon,
-        onClick: onClose,
-        tip: "Close banner",
-        tipProps: {
-          alignment: 'bottom-center',
-          placement: 'floating'
-        }
-      })
-    })]
-  });
-};
+//#endregion
+export { Banner };

package/dist/BetaSticker/index.cjs

@@ -0,0 +1,63 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+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 react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/BetaSticker/index.tsx
+const BetaStickerContainer = _emotion_styled.default.svg((0, _codecademy_gamut_styles.variant)({
+	defaultVariant: "normal",
+	base: { lineHeight: 0 },
+	variants: {
+		small: {
+			height: 16,
+			width: 32
+		},
+		normal: {
+			height: 26,
+			width: 52
+		},
+		medium: {
+			height: 22,
+			width: 42
+		}
+	}
+}));
+const BetaSticker = ({ size = "normal" }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BetaStickerContainer, {
+		variant: size,
+		viewBox: "0 0 52 27",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Beta" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M8 19.1H11.792C14.256 19.1 15.936 18.092 15.936 15.5C15.936 14.092 15.232 13.292 14.288 12.876C15.056 12.348 15.536 11.484 15.536 10.492C15.536 8.076 13.84 7.5 11.6 7.5H8V19.1ZM10.4 12.268V9.452H11.568C12.544 9.452 13.024 9.932 13.024 10.86C13.024 11.788 12.544 12.268 11.568 12.268H10.4ZM13.392 15.58C13.392 16.604 12.88 17.116 11.696 17.116H10.4V14.028H11.696C12.88 14.028 13.392 14.54 13.392 15.58Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M38.2312 19.1H40.7913L41.3193 16.684H44.0393L44.5673 19.1H47.1913L44.1992 7.5H41.2073L38.2312 19.1ZM42.6953 10.556L43.6233 14.812H41.7353L42.6953 10.556Z",
+				fill: "currentColor"
+			})
+		]
+	});
+};
+
+//#endregion
+exports.BetaSticker = BetaSticker;

package/dist/BetaSticker/index.d.cts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+
+//#region src/BetaSticker/index.d.ts
+type BetaStickerProps = {
+  size?: 'normal' | 'small' | 'medium';
+};
+declare const BetaSticker: React$1.FC<BetaStickerProps>;
+//#endregion
+export { BetaSticker };

package/dist/BetaSticker/index.d.ts

@@ -1,6 +1,9 @@
-import * as React from 'react';
+import * as React$1 from "react";
+
+//#region src/BetaSticker/index.d.ts
 type BetaStickerProps = {
-    size?: 'normal' | 'small' | 'medium';
+  size?: 'normal' | 'small' | 'medium';
 };
-export declare const BetaSticker: React.FC<BetaStickerProps>;
-export {};
+declare const BetaSticker: React$1.FC<BetaStickerProps>;
+//#endregion
+export { BetaSticker };

package/dist/BetaSticker/index.js

@@ -1,57 +1,60 @@
-import _styled from "@emotion/styled/base";
-import { variant } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const BetaStickerContainer = /*#__PURE__*/_styled("svg", {
-  target: "e1v152fc0",
-  label: "BetaStickerContainer"
-})(variant({
-  defaultVariant: 'normal',
-  base: {
-    lineHeight: 0
-  },
-  variants: {
-    small: {
-      height: 16,
-      width: 32
-    },
-    normal: {
-      height: 26,
-      width: 52
-    },
-    medium: {
-      height: 22,
-      width: 42
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CZXRhU3RpY2tlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9CZXRhU3RpY2tlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmV0YVN0aWNrZXJDb250YWluZXIgPSBzdHlsZWQuc3ZnKFxuICB2YXJpYW50KHtcbiAgICBkZWZhdWx0VmFyaWFudDogJ25vcm1hbCcsXG4gICAgYmFzZToge1xuICAgICAgbGluZUhlaWdodDogMCxcbiAgICB9LFxuICAgIHZhcmlhbnRzOiB7XG4gICAgICBzbWFsbDoge1xuICAgICAgICBoZWlnaHQ6IDE2LFxuICAgICAgICB3aWR0aDogMzIsXG4gICAgICB9LFxuICAgICAgbm9ybWFsOiB7XG4gICAgICAgIGhlaWdodDogMjYsXG4gICAgICAgIHdpZHRoOiA1MixcbiAgICAgIH0sXG4gICAgICBtZWRpdW06IHtcbiAgICAgICAgaGVpZ2h0OiAyMixcbiAgICAgICAgd2lkdGg6IDQyLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcblxudHlwZSBCZXRhU3RpY2tlclByb3BzID0ge1xuICBzaXplPzogJ25vcm1hbCcgfCAnc21hbGwnIHwgJ21lZGl1bSc7XG59O1xuXG5leHBvcnQgY29uc3QgQmV0YVN0aWNrZXI6IFJlYWN0LkZDPEJldGFTdGlja2VyUHJvcHM+ID0gKHtcbiAgc2l6ZSA9ICdub3JtYWwnLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxCZXRhU3RpY2tlckNvbnRhaW5lclxuICAgICAgdmFyaWFudD17c2l6ZX1cbiAgICAgIHZpZXdCb3g9XCIwIDAgNTIgMjdcIlxuICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHRpdGxlPkJldGE8L3RpdGxlPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcFJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0yIDAuNUgwVjI0LjVWMjYuNUgySDUyVjI0LjVIMlYwLjVaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk04IDE5LjFIMTEuNzkyQzE0LjI1NiAxOS4xIDE1LjkzNiAxOC4wOTIgMTUuOTM2IDE1LjVDMTUuOTM2IDE0LjA5MiAxNS4yMzIgMTMuMjkyIDE0LjI4OCAxMi44NzZDMTUuMDU2IDEyLjM0OCAxNS41MzYgMTEuNDg0IDE1LjUzNiAxMC40OTJDMTUuNTM2IDguMDc2IDEzLjg0IDcuNSAxMS42IDcuNUg4VjE5LjFaTTEwLjQgMTIuMjY4VjkuNDUySDExLjU2OEMxMi41NDQgOS40NTIgMTMuMDI0IDkuOTMyIDEzLjAyNCAxMC44NkMxMy4wMjQgMTEuNzg4IDEyLjU0NCAxMi4yNjggMTEuNTY4IDEyLjI2OEgxMC40Wk0xMy4zOTIgMTUuNThDMTMuMzkyIDE2LjYwNCAxMi44OCAxNy4xMTYgMTEuNjk2IDE3LjExNkgxMC40VjE0LjAyOEgxMS42OTZDMTIuODggMTQuMDI4IDEzLjM5MiAxNC41NCAxMy4zOTIgMTUuNThaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xOC41Njc3IDE5LjFIMjUuNTkxN1YxNy4wMzZIMjAuOTY3N1YxNC4yMDRIMjUuMjcxN1YxMi4xNEgyMC45Njc3VjkuNTY0SDI1LjU5MTdWNy41SDE4LjU2NzdWMTkuMVpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTMxLjE2NzUgMTkuMUgzMy41Njc1VjkuNTY0SDM2Ljg0NzVWNy41SDI3Ljg4NzVWOS41NjRIMzEuMTY3NVYxOS4xWlwiXG4gICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMzguMjMxMiAxOS4xSDQwLjc5MTNMNDEuMzE5MyAxNi42ODRINDQuMDM5M0w0NC41NjczIDE5LjFINDcuMTkxM0w0NC4xOTkyIDcuNUg0MS4yMDczTDM4LjIzMTIgMTkuMVpNNDIuNjk1MyAxMC41NTZMNDMuNjIzMyAxNC44MTJINDEuNzM1M0w0Mi42OTUzIDEwLjU1NlpcIlxuICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgIC8+XG4gICAgPC9CZXRhU3RpY2tlckNvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */");
-export const BetaSticker = ({
-  size = 'normal'
-}) => {
-  return /*#__PURE__*/_jsxs(BetaStickerContainer, {
-    variant: size,
-    viewBox: "0 0 52 27",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/_jsx("title", {
-      children: "Beta"
-    }), /*#__PURE__*/_jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8 19.1H11.792C14.256 19.1 15.936 18.092 15.936 15.5C15.936 14.092 15.232 13.292 14.288 12.876C15.056 12.348 15.536 11.484 15.536 10.492C15.536 8.076 13.84 7.5 11.6 7.5H8V19.1ZM10.4 12.268V9.452H11.568C12.544 9.452 13.024 9.932 13.024 10.86C13.024 11.788 12.544 12.268 11.568 12.268H10.4ZM13.392 15.58C13.392 16.604 12.88 17.116 11.696 17.116H10.4V14.028H11.696C12.88 14.028 13.392 14.54 13.392 15.58Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
-      fill: "currentColor"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M38.2312 19.1H40.7913L41.3193 16.684H44.0393L44.5673 19.1H47.1913L44.1992 7.5H41.2073L38.2312 19.1ZM42.6953 10.556L43.6233 14.812H41.7353L42.6953 10.556Z",
-      fill: "currentColor"
-    })]
-  });
-};
+import { variant } from "@codecademy/gamut-styles";
+import styled from "@emotion/styled";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/BetaSticker/index.tsx
+const BetaStickerContainer = styled.svg(variant({
+	defaultVariant: "normal",
+	base: { lineHeight: 0 },
+	variants: {
+		small: {
+			height: 16,
+			width: 32
+		},
+		normal: {
+			height: 26,
+			width: 52
+		},
+		medium: {
+			height: 22,
+			width: 42
+		}
+	}
+}));
+const BetaSticker = ({ size = "normal" }) => {
+	return /* @__PURE__ */ jsxs(BetaStickerContainer, {
+		variant: size,
+		viewBox: "0 0 52 27",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("title", { children: "Beta" }),
+			/* @__PURE__ */ jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M2 0.5H0V24.5V26.5H2H52V24.5H2V0.5Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M8 19.1H11.792C14.256 19.1 15.936 18.092 15.936 15.5C15.936 14.092 15.232 13.292 14.288 12.876C15.056 12.348 15.536 11.484 15.536 10.492C15.536 8.076 13.84 7.5 11.6 7.5H8V19.1ZM10.4 12.268V9.452H11.568C12.544 9.452 13.024 9.932 13.024 10.86C13.024 11.788 12.544 12.268 11.568 12.268H10.4ZM13.392 15.58C13.392 16.604 12.88 17.116 11.696 17.116H10.4V14.028H11.696C12.88 14.028 13.392 14.54 13.392 15.58Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M18.5677 19.1H25.5917V17.036H20.9677V14.204H25.2717V12.14H20.9677V9.564H25.5917V7.5H18.5677V19.1Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M31.1675 19.1H33.5675V9.564H36.8475V7.5H27.8875V9.564H31.1675V19.1Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M38.2312 19.1H40.7913L41.3193 16.684H44.0393L44.5673 19.1H47.1913L44.1992 7.5H41.2073L38.2312 19.1ZM42.6953 10.556L43.6233 14.812H41.7353L42.6953 10.556Z",
+				fill: "currentColor"
+			})
+		]
+	});
+};
+
+//#endregion
+export { BetaSticker };

package/dist/CareerPathCard/index.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_helpers = require('../ContentGroupBaseCard/helpers.cjs');
+const require_shared = require('../ContentGroupBaseCard/shared.cjs');
+const require_ContentGroupBaseCard_index = require('../ContentGroupBaseCard/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/CareerPathCard/index.tsx
+const CareerPathCard = (0, react.forwardRef)(({ imageUrl, courseCount, shortDescription, difficulty, enrollmentStatus, lessonCount, title, isFullSize, hasCareerJourney, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ContentGroupBaseCard_index.ContentGroupBaseCard, {
+		headerBackgroundColor: "navy",
+		headerText: "Career path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		shadow: "outline",
+		imageSrc: require_helpers.getPathImageUrl(enrollmentStatus, imageUrl),
+		isFullSize,
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		href,
+		openInNewTab,
+		onClick,
+		ref,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CourseCountComponent, { count: courseCount }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_shared.CertificateComponent, { professionalCert: !!hasCareerJourney })]
+	});
+});
+
+//#endregion
+exports.CareerPathCard = CareerPathCard;

package/dist/CareerPathCard/index.d.cts

@@ -0,0 +1,26 @@
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.cjs";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react0 from "react";
+
+//#region src/CareerPathCard/index.d.ts
+type CareerPathCardProps = {
+  title: string;
+  lessonCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  hasCareerJourney?: boolean;
+  imageUrl: string;
+  courseCount: number;
+  isFullSize?: boolean;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
+};
+declare const CareerPathCard: react0.ForwardRefExoticComponent<CareerPathCardProps & react0.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CareerPathCard };

package/dist/CareerPathCard/index.d.ts

@@ -1,22 +1,26 @@
-import { HeadingTags } from '@codecademy/gamut';
-import { CourseDifficulty, EnrollmentStatus } from '../ContentGroupBaseCard/types';
+import { CourseDifficulty, EnrollmentStatus } from "../ContentGroupBaseCard/types.js";
+import { HeadingTags } from "@codecademy/gamut";
+import * as react1 from "react";
+
+//#region src/CareerPathCard/index.d.ts
 type CareerPathCardProps = {
-    title: string;
-    lessonCount: number;
-    enrollmentStatus: EnrollmentStatus;
-    shortDescription?: string | null;
-    difficulty?: CourseDifficulty | null;
-    hasCareerJourney?: boolean;
-    imageUrl: string;
-    courseCount: number;
-    isFullSize?: boolean;
-    headingLevel?: HeadingTags;
-    timeToComplete?: number | null;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    openInNewTab?: boolean;
-    href: string;
-    onClick: () => void;
+  title: string;
+  lessonCount: number;
+  enrollmentStatus: EnrollmentStatus;
+  shortDescription?: string | null;
+  difficulty?: CourseDifficulty | null;
+  hasCareerJourney?: boolean;
+  imageUrl: string;
+  courseCount: number;
+  isFullSize?: boolean;
+  headingLevel?: HeadingTags;
+  timeToComplete?: number | null;
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+  openInNewTab?: boolean;
+  href: string;
+  onClick: () => void;
 };
-export declare const CareerPathCard: import("react").ForwardRefExoticComponent<CareerPathCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
+declare const CareerPathCard: react1.ForwardRefExoticComponent<CareerPathCardProps & react1.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { CareerPathCard };

package/dist/CareerPathCard/index.js

@@ -1,49 +1,33 @@
-import { forwardRef } from 'react';
-import { getPathImageUrl } from '../ContentGroupBaseCard/helpers';
-import { ContentGroupBaseCard } from '../ContentGroupBaseCard/index';
-import { CertificateComponent, CourseCountComponent } from '../ContentGroupBaseCard/shared';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CareerPathCard = /*#__PURE__*/forwardRef(({
-  imageUrl,
-  courseCount,
-  shortDescription,
-  difficulty,
-  enrollmentStatus,
-  lessonCount,
-  title,
-  isFullSize,
-  hasCareerJourney,
-  headingLevel = 'h3',
-  timeToComplete,
-  header,
-  footer,
-  openInNewTab = false,
-  href,
-  onClick
-}, ref) => {
-  return /*#__PURE__*/_jsxs(ContentGroupBaseCard, {
-    headerBackgroundColor: "navy",
-    headerText: "Career path",
-    title: title,
-    headingLevel: headingLevel,
-    description: shortDescription,
-    difficulty: difficulty,
-    numLessons: lessonCount,
-    shadow: "outline",
-    imageSrc: getPathImageUrl(enrollmentStatus, imageUrl),
-    isFullSize: isFullSize,
-    enrollmentStatus: enrollmentStatus,
-    timeToComplete: timeToComplete,
-    header: header,
-    footer: footer,
-    href: href,
-    openInNewTab: openInNewTab,
-    onClick: onClick,
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(CourseCountComponent, {
-      count: courseCount
-    }), /*#__PURE__*/_jsx(CertificateComponent, {
-      professionalCert: !!hasCareerJourney
-    })]
-  });
-});
+import { getPathImageUrl } from "../ContentGroupBaseCard/helpers.js";
+import { CertificateComponent, CourseCountComponent } from "../ContentGroupBaseCard/shared.js";
+import { ContentGroupBaseCard } from "../ContentGroupBaseCard/index.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/CareerPathCard/index.tsx
+const CareerPathCard = forwardRef(({ imageUrl, courseCount, shortDescription, difficulty, enrollmentStatus, lessonCount, title, isFullSize, hasCareerJourney, headingLevel = "h3", timeToComplete, header, footer, openInNewTab = false, href, onClick }, ref) => {
+	return /* @__PURE__ */ jsxs(ContentGroupBaseCard, {
+		headerBackgroundColor: "navy",
+		headerText: "Career path",
+		title,
+		headingLevel,
+		description: shortDescription,
+		difficulty,
+		numLessons: lessonCount,
+		shadow: "outline",
+		imageSrc: getPathImageUrl(enrollmentStatus, imageUrl),
+		isFullSize,
+		enrollmentStatus,
+		timeToComplete,
+		header,
+		footer,
+		href,
+		openInNewTab,
+		onClick,
+		ref,
+		children: [/* @__PURE__ */ jsx(CourseCountComponent, { count: courseCount }), /* @__PURE__ */ jsx(CertificateComponent, { professionalCert: !!hasCareerJourney })]
+	});
+});
+
+//#endregion
+export { CareerPathCard };

package/dist/Carousel/elements.cjs

@@ -0,0 +1,12 @@
+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);
+
+//#region src/Carousel/elements.tsx
+const arrowButtonStates = (0, _codecademy_gamut_styles.states)({ disabled: { borderColor: "background-disabled" } });
+const ArrowButton = (0, _emotion_styled.default)(_codecademy_gamut.IconButton)((0, _codecademy_gamut_styles.css)({ borderColor: "currentColor" }), arrowButtonStates);
+
+//#endregion
+exports.ArrowButton = ArrowButton;