@codecademy/brand 3.48.0-alpha.16f3db8a2.0 → 3.48.0-alpha.42bf92583.0

package/dist/PausableImage/BaseImage/index.d.ts

@@ -7,9 +7,5 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PlayingImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const BaseImage: React.FC<BaseImageProps>;
 export default BaseImage;

package/dist/PausableImage/BaseImage/index.js

@@ -2,27 +2,33 @@ import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { FillButton, HiddenText } from '@codecademy/gamut';
 import { PauseIcon, PlayIcon } from '@codecademy/gamut-icons';
+import { css } from '@emotion/react';
 import { useState } from 'react';
 import * as React from 'react';
 import Freezeframe from 'react-freezeframe';
 import { imageStyles } from '..';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Container = /*#__PURE__*/_styled("div", {
-  target: "e1oynmvg1",
+  target: "e1oynmvg2",
   label: "Container"
 })(process.env.NODE_ENV === "production" ? {
   name: "1v365f0",
   styles: "align-items:center;justify-content:center;height:100%;display:flex;position:relative;width:100%;>img,>.react-freezeframe,>.react-freezeframe img{max-width:100%;}.ff-container .ff-canvas{transition:none;}.ff-loading-icon::before{display:none;}"
 } : {
   name: "1v365f0",
-  styles: "align-items:center;justify-content:center;height:100%;display:flex;position:relative;width:100%;>img,>.react-freezeframe,>.react-freezeframe img{max-width:100%;}.ff-container .ff-canvas{transition:none;}.ff-loading-icon::before{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBsYXlpbmdJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdfQ== */",
+  styles: "align-items:center;justify-content:center;height:100%;display:flex;position:relative;width:100%;>img,>.react-freezeframe,>.react-freezeframe img{max-width:100%;}.ff-container .ff-canvas{transition:none;}.ff-loading-icon::before{display:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUGxheWluZ0ltYWdlID0gc3R5bGVkLmltZyhjc3MoeyAuLi5pbWFnZVN0eWxlcyB9KSk7XG5cbmNvbnN0IFN0eWxlZEZyZWV6ZWZyYW1lID0gc3R5bGVkKEZyZWV6ZWZyYW1lKShpbWFnZVN0eWxlcyk7XG5cbmV4cG9ydCBjb25zdCBCYXNlSW1hZ2U6IFJlYWN0LkZDPEJhc2VJbWFnZVByb3BzPiA9ICh7IGFsdCwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IFtwYXVzZWQsIHNldFBhdXNlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgW2xpdmVUZXh0LCBidXR0b25MYWJlbCwgSWNvbiwgSW1hZ2VdID0gcGF1c2VkXG4gICAgPyBbYCR7YWx0fSwgcGF1c2VkYCwgJ1BsYXkgYW5pbWF0ZWQgaW1hZ2UnLCBQbGF5SWNvbiwgU3R5bGVkRnJlZXplZnJhbWVdXG4gICAgOiBbYCR7YWx0fSwgcGxheWluZ2AsICdQYXVzZSBhbmltYXRlZCBpbWFnZScsIFBhdXNlSWNvbiwgUGxheWluZ0ltYWdlXTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8SW1hZ2UgYWx0PXthbHR9IHsuLi5yZXN0fSAvPlxuICAgICAgey8qIGVuc3VyZSBwcm9wZXIgZmFsbCBiYWNrIGxhYmVsIGlmIGFuIGVtcHR5IHN0cmluZyBpcyBnaXZlbiBhcyBhbHQgKi99XG4gICAgICA8SGlkZGVuVGV4dCBhcmlhLWxpdmU9XCJwb2xpdGVcIj57YWx0ID8gbGl2ZVRleHQgOiBidXR0b25MYWJlbH08L0hpZGRlblRleHQ+XG4gICAgICA8RmlsbEJ1dHRvblxuICAgICAgICBib3R0b209ezB9XG4gICAgICAgIG09ezh9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFBhdXNlZCghcGF1c2VkKX1cbiAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgIHJpZ2h0PXswfVxuICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgekluZGV4PXsxfVxuICAgICAgICBhcmlhLWxhYmVsPXtidXR0b25MYWJlbH1cbiAgICAgID5cbiAgICAgICAgPEljb24gY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgPC9GaWxsQnV0dG9uPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFzZUltYWdlO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const PlayingImage = imageStyles;
+const PlayingImage = /*#__PURE__*/_styled("img", {
+  target: "e1oynmvg1",
+  label: "PlayingImage"
+})(/*#__PURE__*/css({
+  ...imageStyles
+}, ";label:PlayingImage;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGF1c2FibGVJbWFnZS9CYXNlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsbEJ1dHRvbiwgSGlkZGVuVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFBhdXNlSWNvbiwgUGxheUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGcmVlemVmcmFtZSBmcm9tICdyZWFjdC1mcmVlemVmcmFtZSc7XG5cbmltcG9ydCB7IGltYWdlU3R5bGVzIH0gZnJvbSAnLi4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VJbWFnZVByb3BzIHtcbiAgYWx0OiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICA+IGltZyxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUsXG4gID4gLnJlYWN0LWZyZWV6ZWZyYW1lIGltZyB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG4gIC5mZi1jb250YWluZXIgLmZmLWNhbnZhcyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuICAuZmYtbG9hZGluZy1pY29uOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFBsYXlpbmdJbWFnZSA9IHN0eWxlZC5pbWcoY3NzKHsgLi4uaW1hZ2VTdHlsZXMgfSkpO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdfQ== */")), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGF1c2FibGVJbWFnZS9CYXNlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsbEJ1dHRvbiwgSGlkZGVuVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFBhdXNlSWNvbiwgUGxheUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGcmVlemVmcmFtZSBmcm9tICdyZWFjdC1mcmVlemVmcmFtZSc7XG5cbmltcG9ydCB7IGltYWdlU3R5bGVzIH0gZnJvbSAnLi4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VJbWFnZVByb3BzIHtcbiAgYWx0OiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICA+IGltZyxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUsXG4gID4gLnJlYWN0LWZyZWV6ZWZyYW1lIGltZyB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG4gIC5mZi1jb250YWluZXIgLmZmLWNhbnZhcyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuICAuZmYtbG9hZGluZy1pY29uOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFBsYXlpbmdJbWFnZSA9IHN0eWxlZC5pbWcoY3NzKHsgLi4uaW1hZ2VTdHlsZXMgfSkpO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdfQ== */");
 const StyledFreezeframe = /*#__PURE__*/_styled(Freezeframe, {
   target: "e1oynmvg0",
   label: "StyledFreezeframe"
-})(imageStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGF1c2FibGVJbWFnZS9CYXNlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsbEJ1dHRvbiwgSGlkZGVuVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFBhdXNlSWNvbiwgUGxheUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGcmVlemVmcmFtZSBmcm9tICdyZWFjdC1mcmVlemVmcmFtZSc7XG5cbmltcG9ydCB7IGltYWdlU3R5bGVzIH0gZnJvbSAnLi4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VJbWFnZVByb3BzIHtcbiAgYWx0OiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICA+IGltZyxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUsXG4gID4gLnJlYWN0LWZyZWV6ZWZyYW1lIGltZyB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG4gIC5mZi1jb250YWluZXIgLmZmLWNhbnZhcyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuICAuZmYtbG9hZGluZy1pY29uOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQbGF5aW5nSW1hZ2UgPSBpbWFnZVN0eWxlcztcblxuY29uc3QgU3R5bGVkRnJlZXplZnJhbWUgPSBzdHlsZWQoRnJlZXplZnJhbWUpKGltYWdlU3R5bGVzKTtcblxuZXhwb3J0IGNvbnN0IEJhc2VJbWFnZTogUmVhY3QuRkM8QmFzZUltYWdlUHJvcHM+ID0gKHsgYWx0LCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgW3BhdXNlZCwgc2V0UGF1c2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBbbGl2ZVRleHQsIGJ1dHRvbkxhYmVsLCBJY29uLCBJbWFnZV0gPSBwYXVzZWRcbiAgICA/IFtgJHthbHR9LCBwYXVzZWRgLCAnUGxheSBhbmltYXRlZCBpbWFnZScsIFBsYXlJY29uLCBTdHlsZWRGcmVlemVmcmFtZV1cbiAgICA6IFtgJHthbHR9LCBwbGF5aW5nYCwgJ1BhdXNlIGFuaW1hdGVkIGltYWdlJywgUGF1c2VJY29uLCBQbGF5aW5nSW1hZ2VdO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxJbWFnZSBhbHQ9e2FsdH0gey4uLnJlc3R9IC8+XG4gICAgICB7LyogZW5zdXJlIHByb3BlciBmYWxsIGJhY2sgbGFiZWwgaWYgYW4gZW1wdHkgc3RyaW5nIGlzIGdpdmVuIGFzIGFsdCAqL31cbiAgICAgIDxIaWRkZW5UZXh0IGFyaWEtbGl2ZT1cInBvbGl0ZVwiPnthbHQgPyBsaXZlVGV4dCA6IGJ1dHRvbkxhYmVsfTwvSGlkZGVuVGV4dD5cbiAgICAgIDxGaWxsQnV0dG9uXG4gICAgICAgIGJvdHRvbT17MH1cbiAgICAgICAgbT17OH1cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0UGF1c2VkKCFwYXVzZWQpfVxuICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgcmlnaHQ9ezB9XG4gICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICB6SW5kZXg9ezF9XG4gICAgICAgIGFyaWEtbGFiZWw9e2J1dHRvbkxhYmVsfVxuICAgICAgPlxuICAgICAgICA8SWNvbiBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICA8L0ZpbGxCdXR0b24+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYXNlSW1hZ2U7XG4iXX0= */");
+})(imageStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL0Jhc2VJbWFnZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0MwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUGF1c2FibGVJbWFnZS9CYXNlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmlsbEJ1dHRvbiwgSGlkZGVuVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IFBhdXNlSWNvbiwgUGxheUljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBGcmVlemVmcmFtZSBmcm9tICdyZWFjdC1mcmVlemVmcmFtZSc7XG5cbmltcG9ydCB7IGltYWdlU3R5bGVzIH0gZnJvbSAnLi4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VJbWFnZVByb3BzIHtcbiAgYWx0OiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICA+IGltZyxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUsXG4gID4gLnJlYWN0LWZyZWV6ZWZyYW1lIGltZyB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICB9XG4gIC5mZi1jb250YWluZXIgLmZmLWNhbnZhcyB7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgfVxuICAuZmYtbG9hZGluZy1pY29uOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFBsYXlpbmdJbWFnZSA9IHN0eWxlZC5pbWcoY3NzKHsgLi4uaW1hZ2VTdHlsZXMgfSkpO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdfQ== */");
 export const BaseImage = ({
   alt,
   ...rest

package/dist/PausableImage/index.d.ts

@@ -1,11 +1,39 @@
 import * as React from 'react';
+/** Compatible with Next.js StaticImageData and StaticRequire for next/image */
+type StaticImport = {
+    src: string;
+    width: number;
+    height: number;
+    blurDataURL?: string;
+} | {
+    default: {
+        src: string;
+        width: number;
+        height: number;
+        blurDataURL?: string;
+    };
+};
+export type PausableImageComponentProps = {
+    src: string | StaticImport;
+    alt: string;
+    width?: number | `${number}`;
+    height?: number | `${number}`;
+    sizes?: string;
+    style?: React.CSSProperties;
+};
+export declare const PausableImageProvider: React.Provider<React.ComponentType<PausableImageComponentProps> | null>;
 interface PauseableImageProps {
     src: string;
     alt: string;
 }
-export declare const imageStyles: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const imageStyles: {
+    height: string;
+    width: string;
+    maxHeight: string;
+    maxWidth: string;
+    '&[src$=".svg"]': {
+        width: string;
+    };
+};
 export declare const PausableImage: React.FC<PauseableImageProps>;
 export {};

package/dist/PausableImage/index.js

@@ -1,24 +1,68 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { css } from '@emotion/react';
 import * as React from 'react';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const BaseImage = /*#__PURE__*/React.lazy(() => import('./BaseImage'));
-export const imageStyles = /*#__PURE__*/_styled("img", {
+
+/** Compatible with Next.js StaticImageData and StaticRequire for next/image */
+
+const PausableImageContext = /*#__PURE__*/React.createContext(null);
+export const PausableImageProvider = PausableImageContext.Provider;
+const StyledImg = /*#__PURE__*/_styled("img", {
   target: "eubpdj90",
-  label: "imageStyles"
+  label: "StyledImg"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1hzevmy-imageStyles",
-  styles: "height:auto;max-height:100%;max-width:100%;&[src$=\".svg\"]{width:100%;};label:imageStyles;"
+  name: "1tuhvjl",
+  styles: "height:auto;max-height:100%;max-width:100%;object-fit:contain"
 } : {
-  name: "1hzevmy-imageStyles",
-  styles: "height:auto;max-height:100%;max-width:100%;&[src$=\".svg\"]{width:100%;};label:imageStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXRSIsImZpbGUiOiIuLi8uLi9zcmMvUGF1c2FibGVJbWFnZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IEJhc2VJbWFnZSA9IFJlYWN0LmxhenkoKCkgPT4gaW1wb3J0KCcuL0Jhc2VJbWFnZScpKTtcblxuaW50ZXJmYWNlIFBhdXNlYWJsZUltYWdlUHJvcHMge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgaW1hZ2VTdHlsZXMgPSBzdHlsZWQuaW1nKFxuICBjc3Moe1xuICAgIGhlaWdodDogJ2F1dG8nLFxuICAgIG1heEhlaWdodDogJzEwMCUnLFxuICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgJyZbc3JjJD1cIi5zdmdcIl0nOiB7XG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdGF0aWNJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5leHBvcnQgY29uc3QgUGF1c2FibGVJbWFnZTogUmVhY3QuRkM8UGF1c2VhYmxlSW1hZ2VQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qgc3RhdGljSW1hZ2UgPSA8U3RhdGljSW1hZ2Ugey4uLnByb3BzfSAvPjtcblxuICAvLyBBdm9pZCByZW5kZXJpbmcgUmVhY3QuU3VzcGVuc2Ugb24gdGhlIHNlcnZlciB1bnRpbCBpdCdzIGZ1bGx5IHN1cHBvcnRlZCBieSBSZWFjdCAmIG91ciBhcHBsaWNhdGlvbnNcbiAgY29uc3QgW2lzTW91bnRlZCwgc2V0SXNNb3VudGVkXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc01vdW50ZWQodHJ1ZSk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7aXNNb3VudGVkICYmIHByb3BzLnNyYz8uZW5kc1dpdGgoJy5naWYnKSA/IChcbiAgICAgICAgPFJlYWN0LlN1c3BlbnNlIGZhbGxiYWNrPXtzdGF0aWNJbWFnZX0+XG4gICAgICAgICAgPEJhc2VJbWFnZSB7Li4ucHJvcHN9IC8+XG4gICAgICAgIDwvUmVhY3QuU3VzcGVuc2U+XG4gICAgICApIDogKFxuICAgICAgICBzdGF0aWNJbWFnZVxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */",
+  name: "1tuhvjl",
+  styles: "height:auto;max-height:100%;max-width:100%;object-fit:contain/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmFzZUltYWdlID0gUmVhY3QubGF6eSgoKSA9PiBpbXBvcnQoJy4vQmFzZUltYWdlJykpO1xuXG4vKiogQ29tcGF0aWJsZSB3aXRoIE5leHQuanMgU3RhdGljSW1hZ2VEYXRhIGFuZCBTdGF0aWNSZXF1aXJlIGZvciBuZXh0L2ltYWdlICovXG50eXBlIFN0YXRpY0ltcG9ydCA9XG4gIHwgeyBzcmM6IHN0cmluZzsgd2lkdGg6IG51bWJlcjsgaGVpZ2h0OiBudW1iZXI7IGJsdXJEYXRhVVJMPzogc3RyaW5nIH1cbiAgfCB7XG4gICAgICBkZWZhdWx0OiB7XG4gICAgICAgIHNyYzogc3RyaW5nO1xuICAgICAgICB3aWR0aDogbnVtYmVyO1xuICAgICAgICBoZWlnaHQ6IG51bWJlcjtcbiAgICAgICAgYmx1ckRhdGFVUkw/OiBzdHJpbmc7XG4gICAgICB9O1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFBhdXNhYmxlSW1hZ2VDb21wb25lbnRQcm9wcyA9IHtcbiAgc3JjOiBzdHJpbmcgfCBTdGF0aWNJbXBvcnQ7XG4gIGFsdDogc3RyaW5nO1xuICB3aWR0aD86IG51bWJlciB8IGAke251bWJlcn1gO1xuICBoZWlnaHQ/OiBudW1iZXIgfCBgJHtudW1iZXJ9YDtcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbn07XG5cbmNvbnN0IFBhdXNhYmxlSW1hZ2VDb250ZXh0ID1cbiAgUmVhY3QuY3JlYXRlQ29udGV4dDxSZWFjdC5Db21wb25lbnRUeXBlPFBhdXNhYmxlSW1hZ2VDb21wb25lbnRQcm9wcz4gfCBudWxsPihcbiAgICBudWxsXG4gICk7XG5cbmV4cG9ydCBjb25zdCBQYXVzYWJsZUltYWdlUHJvdmlkZXIgPSBQYXVzYWJsZUltYWdlQ29udGV4dC5Qcm92aWRlcjtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG5gO1xuXG5jb25zdCBnZXRTcmNTdHJpbmcgPSAoc3JjOiBzdHJpbmcgfCBTdGF0aWNJbXBvcnQpOiBzdHJpbmcgPT5cbiAgdHlwZW9mIHNyYyA9PT0gJ3N0cmluZycgPyBzcmMgOiAnZGVmYXVsdCcgaW4gc3JjID8gc3JjLmRlZmF1bHQuc3JjIDogc3JjLnNyYztcblxuY29uc3QgRGVmYXVsdEltYWdlOiBSZWFjdC5GQzxQYXVzYWJsZUltYWdlQ29tcG9uZW50UHJvcHM+ID0gKHtcbiAgc3JjLFxuICBhbHQsXG4gIHN0eWxlOiBfc3R5bGUsXG4gIC4uLnJlc3Rcbn0pID0+IDxTdHlsZWRJbWcgc3JjPXtnZXRTcmNTdHJpbmcoc3JjKX0gYWx0PXthbHR9IHsuLi5yZXN0fSAvPjtcblxuaW50ZXJmYWNlIFBhdXNlYWJsZUltYWdlUHJvcHMge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5leHBvcnQgY29uc3QgaW1hZ2VTdHlsZXMgPSB7XG4gIGhlaWdodDogJ2F1dG8nLFxuICB3aWR0aDogJzEwMCUnLFxuICBtYXhIZWlnaHQ6ICcxMDAlJyxcbiAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgJyZbc3JjJD1cIi5zdmdcIl0nOiB7XG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgfSxcbn07XG5cbmNvbnN0IGltYWdlU3R5bGVQcm9wcyA9IChzcmM/OiBzdHJpbmcpID0+ICh7XG4gIHN0eWxlOiB7XG4gICAgaGVpZ2h0OiAnYXV0bycgYXMgY29uc3QsXG4gICAgbWF4SGVpZ2h0OiAnMTAwJScsXG4gICAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgICBvYmplY3RGaXQ6ICdjb250YWluJyBhcyBjb25zdCxcbiAgICAuLi4oc3JjPy5lbmRzV2l0aCgnLnN2ZycpICYmIHsgd2lkdGg6ICcxMDAlJyB9KSxcbiAgfSxcbn0pO1xuXG4vKiogTm9ybWFsaXplIHByb3RvY29sLXJlbGF0aXZlIFVSTHMgKC8vLi4uKSBmb3IgTmV4dC5qcyBJbWFnZSByZW1vdGVQYXR0ZXJucyBtYXRjaGluZyAqL1xuY29uc3Qgbm9ybWFsaXplSW1hZ2VTcmMgPSAoc3JjOiBzdHJpbmcpID0+XG4gIHNyYy5zdGFydHNXaXRoKCcvLycpID8gYGh0dHBzOiR7c3JjfWAgOiBzcmM7XG5cbmV4cG9ydCBjb25zdCBQYXVzYWJsZUltYWdlOiBSZWFjdC5GQzxQYXVzZWFibGVJbWFnZVByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCBJbWFnZUNvbXBvbmVudCA9IFJlYWN0LnVzZUNvbnRleHQoUGF1c2FibGVJbWFnZUNvbnRleHQpID8/IERlZmF1bHRJbWFnZTtcbiAgY29uc3Qgc3JjID0gbm9ybWFsaXplSW1hZ2VTcmMocHJvcHMuc3JjKTtcbiAgY29uc3Qgc3RhdGljSW1hZ2UgPSAoXG4gICAgPEltYWdlQ29tcG9uZW50XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBzcmM9e3NyY31cbiAgICAgIHdpZHRoPXsxMjAwfVxuICAgICAgaGVpZ2h0PXs4MDB9XG4gICAgICBzaXplcz1cIjEwMHZ3XCJcbiAgICAgIHsuLi5pbWFnZVN0eWxlUHJvcHMocHJvcHMuc3JjKX1cbiAgICAvPlxuICApO1xuXG4gIC8vIEF2b2lkIHJlbmRlcmluZyBSZWFjdC5TdXNwZW5zZSBvbiB0aGUgc2VydmVyIHVudGlsIGl0J3MgZnVsbHkgc3VwcG9ydGVkIGJ5IFJlYWN0ICYgb3VyIGFwcGxpY2F0aW9uc1xuICBjb25zdCBbaXNNb3VudGVkLCBzZXRJc01vdW50ZWRdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldElzTW91bnRlZCh0cnVlKTtcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtpc01vdW50ZWQgJiYgcHJvcHMuc3JjPy5lbmRzV2l0aCgnLmdpZicpID8gKFxuICAgICAgICA8UmVhY3QuU3VzcGVuc2UgZmFsbGJhY2s9e3N0YXRpY0ltYWdlfT5cbiAgICAgICAgICA8QmFzZUltYWdlIHsuLi5wcm9wc30gc3JjPXtzcmN9IC8+XG4gICAgICAgIDwvUmVhY3QuU3VzcGVuc2U+XG4gICAgICApIDogKFxuICAgICAgICBzdGF0aWNJbWFnZVxuICAgICAgKX1cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXVzYWJsZUltYWdlL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMkIiLCJmaWxlIjoiLi4vLi4vc3JjL1BhdXNhYmxlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBCYXNlSW1hZ2UgPSBSZWFjdC5sYXp5KCgpID0+IGltcG9ydCgnLi9CYXNlSW1hZ2UnKSk7XG5cbmludGVyZmFjZSBQYXVzZWFibGVJbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IGltYWdlU3R5bGVzID0gc3R5bGVkLmltZyhcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICBtYXhIZWlnaHQ6ICcxMDAlJyxcbiAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICcmW3NyYyQ9XCIuc3ZnXCJdJzoge1xuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3RhdGljSW1hZ2UgPSBpbWFnZVN0eWxlcztcblxuZXhwb3J0IGNvbnN0IFBhdXNhYmxlSW1hZ2U6IFJlYWN0LkZDPFBhdXNlYWJsZUltYWdlUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHN0YXRpY0ltYWdlID0gPFN0YXRpY0ltYWdlIHsuLi5wcm9wc30gLz47XG5cbiAgLy8gQXZvaWQgcmVuZGVyaW5nIFJlYWN0LlN1c3BlbnNlIG9uIHRoZSBzZXJ2ZXIgdW50aWwgaXQncyBmdWxseSBzdXBwb3J0ZWQgYnkgUmVhY3QgJiBvdXIgYXBwbGljYXRpb25zXG4gIGNvbnN0IFtpc01vdW50ZWQsIHNldElzTW91bnRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SXNNb3VudGVkKHRydWUpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2lzTW91bnRlZCAmJiBwcm9wcy5zcmM/LmVuZHNXaXRoKCcuZ2lmJykgPyAoXG4gICAgICAgIDxSZWFjdC5TdXNwZW5zZSBmYWxsYmFjaz17c3RhdGljSW1hZ2V9PlxuICAgICAgICAgIDxCYXNlSW1hZ2Ugey4uLnByb3BzfSAvPlxuICAgICAgICA8L1JlYWN0LlN1c3BlbnNlPlxuICAgICAgKSA6IChcbiAgICAgICAgc3RhdGljSW1hZ2VcbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
-const StaticImage = imageStyles;
+});
+const getSrcString = src => typeof src === 'string' ? src : 'default' in src ? src.default.src : src.src;
+const DefaultImage = ({
+  src,
+  alt,
+  style: _style,
+  ...rest
+}) => /*#__PURE__*/_jsx(StyledImg, {
+  src: getSrcString(src),
+  alt: alt,
+  ...rest
+});
+export const imageStyles = {
+  height: 'auto',
+  width: '100%',
+  maxHeight: '100%',
+  maxWidth: '100%',
+  '&[src$=".svg"]': {
+    width: '100%'
+  }
+};
+const imageStyleProps = src => ({
+  style: {
+    height: 'auto',
+    maxHeight: '100%',
+    maxWidth: '100%',
+    objectFit: 'contain',
+    ...(src?.endsWith('.svg') && {
+      width: '100%'
+    })
+  }
+});
+
+/** Normalize protocol-relative URLs (//...) for Next.js Image remotePatterns matching */
+const normalizeImageSrc = src => src.startsWith('//') ? `https:${src}` : src;
 export const PausableImage = props => {
-  const staticImage = /*#__PURE__*/_jsx(StaticImage, {
-    ...props
+  const ImageComponent = React.useContext(PausableImageContext) ?? DefaultImage;
+  const src = normalizeImageSrc(props.src);
+  const staticImage = /*#__PURE__*/_jsx(ImageComponent, {
+    ...props,
+    src: src,
+    width: 1200,
+    height: 800,
+    sizes: "100vw",
+    ...imageStyleProps(props.src)
   });
 
   // Avoid rendering React.Suspense on the server until it's fully supported by React & our applications
@@ -30,7 +74,8 @@ export const PausableImage = props => {
     children: isMounted && props.src?.endsWith('.gif') ? /*#__PURE__*/_jsx(React.Suspense, {
       fallback: staticImage,
       children: /*#__PURE__*/_jsx(BaseImage, {
-        ...props
+        ...props,
+        src: src
       })
     }) : staticImage
   });

package/dist/index.d.ts

@@ -43,7 +43,6 @@ export * from './Grid';
 export * from './HorizontalScrollMenu';
 export * from './HubCard';
 export * from './InfoCard';
-export * from './InstructorCard';
 export * from './Konamimojisplosion';
 export * from './LandingPage';
 export * from './LayoutMenu';

package/dist/index.js

@@ -43,7 +43,6 @@ export * from './Grid';
 export * from './HorizontalScrollMenu';
 export * from './HubCard';
 export * from './InfoCard';
-export * from './InstructorCard';
 export * from './Konamimojisplosion';
 export * from './LandingPage';
 export * from './LayoutMenu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codecademy/brand",
-  "version": "3.48.0-alpha.16f3db8a2.0",
+  "version": "3.48.0-alpha.42bf92583.0",
   "description": "Brand component library for Codecademy",
   "license": "MIT",
   "repository": "git@github.com:codecademy-engineering/mono.git",

package/dist/InstructorCard/__tests__/__fixtures__/index.d.ts

@@ -1,2 +0,0 @@
-import { InstructorCardProps } from '../../index';
-export declare const mockInstructorCardProps: InstructorCardProps;

package/dist/InstructorCard/index.d.ts

@@ -1,18 +0,0 @@
-export declare const Divider: React.FC;
-export type InstructorCardProps = {
-    /** The bootcamp title */
-    title: string;
-    /** Instructor's full name */
-    instructorName: string;
-    /** Instructor's professional title */
-    instructorTitle: string;
-    /** URL for the instructor's profile pic (includes background gradient) */
-    instructorImageUrl?: string;
-    /** Formatted start date for the next cohort (e.g. "Feb 10") */
-    nextCohortStartDate?: string;
-    /** Link destination */
-    href: string;
-    /** Click handler */
-    onClick: () => void;
-};
-export declare const InstructorCard: import("react").ForwardRefExoticComponent<InstructorCardProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/InstructorCard/index.js

@@ -1,174 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';
-import { CalendarIcon, CertificateIcon } from '@codecademy/gamut-icons';
-import { CheckerDense } from '@codecademy/gamut-patterns';
-import { css } from '@codecademy/gamut-styles';
-import { forwardRef } from 'react';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const CardAnchor = /*#__PURE__*/_styled(Anchor, {
-  target: "e171y2mq2",
-  label: "CardAnchor"
-})(css({
-  display: 'flex',
-  flexDirection: 'column',
-  height: '100%',
-  '&:hover, &:focus, &:focus-visible': {
-    color: 'text',
-    textDecoration: 'none'
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21CIiwiZmlsZSI6Ii4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgcD17MH1cbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICA+XG4gICAgICAgIDxDYXJkQW5jaG9yIGhyZWY9e2hyZWZ9IG9uQ2xpY2s9e29uQ2xpY2t9IHZhcmlhbnQ9XCJpbnRlcmZhY2VcIiByZWY9e3JlZn0+XG4gICAgICAgICAgPEJveFxuICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgIGhlaWdodD17MTYwfVxuICAgICAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgICBiZz1cIm5hdnktODAwXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aW5zdHJ1Y3RvckltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgPFN0eWxlZEltZyBzcmM9e2luc3RydWN0b3JJbWFnZVVybH0gYWx0PXtpbnN0cnVjdG9yTmFtZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgcHQ9ezEyfVxuICAgICAgICAgICAgcGI9ezR9XG4gICAgICAgICAgICBweD17MTJ9XG4gICAgICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIGFsaWduU2VsZj1cInN0cmV0Y2hcIlxuICAgICAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgICAgICBnYXA9ezR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZm9udFNpemU9ezIwfVxuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwidGl0bGVcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgbT17MH1cbiAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXszfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGdhcD17NH0gbXQ9XCJhdXRvXCIgbWluV2lkdGg9ezB9PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yTmFtZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZUxpbmVzPXsxfVxuICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3RvclRpdGxlfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25TZWxmPVwic3RyZXRjaFwiIG10PXs0fT5cbiAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGUgJiYgKFxuICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENhbGVuZGFySWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgICAgICBOZXh0IGNvaG9ydDogU3RhcnRzeycgJ31cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8RGl2aWRlciAvPlxuICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2VydGlmaWNhdGVJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgV2l0aHsnICd9XG4gICAgICAgICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgZm9udFdlaWdodD1cImJvbGRcIj5cbiAgICAgICAgICAgICAgICAgIENlcnRpZmljYXRlXG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0NhcmRBbmNob3I+XG4gICAgICA8L0NhcmQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
-const StyledImg = /*#__PURE__*/_styled("img", {
-  target: "e171y2mq1",
-  label: "StyledImg"
-})(process.env.NODE_ENV === "production" ? {
-  name: "q5j908",
-  styles: "width:100%;height:100%;object-fit:cover;display:block"
-} : {
-  name: "q5j908",
-  styles: "width:100%;height:100%;object-fit:cover;display:block/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUI0QiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgPlxuICAgICAgICA8Q2FyZEFuY2hvciBocmVmPXtocmVmfSBvbkNsaWNrPXtvbkNsaWNrfSB2YXJpYW50PVwiaW50ZXJmYWNlXCIgcmVmPXtyZWZ9PlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezE2MH1cbiAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgYmc9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2luc3RydWN0b3JJbWFnZVVybCAmJiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbnN0cnVjdG9ySW1hZ2VVcmx9IGFsdD17aW5zdHJ1Y3Rvck5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD17MX1cbiAgICAgICAgICAgIHB0PXsxMn1cbiAgICAgICAgICAgIHBiPXs0fVxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgICAgICAgZmxleD17MX1cbiAgICAgICAgICAgICAgZ2FwPXs0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgICAgIGZvbnRTaXplPXsyMH1cbiAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9IG10PVwiYXV0b1wiIG1pbldpZHRoPXswfT5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3Rvck5hbWV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JUaXRsZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduU2VsZj1cInN0cmV0Y2hcIiBtdD17NH0+XG4gICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlICYmIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDYWxlbmRhckljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICAgICAgTmV4dCBjb2hvcnQ6IFN0YXJ0c3snICd9XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgICAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGV9XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENlcnRpZmljYXRlSWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgIFdpdGh7JyAnfVxuICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgICAgICAgICAgICBDZXJ0aWZpY2F0ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9DYXJkQW5jaG9yPlxuICAgICAgPC9DYXJkPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const DottedLine = /*#__PURE__*/_styled(CheckerDense, {
-  target: "e171y2mq0",
-  label: "DottedLine"
-})(css({
-  height: '1px',
-  display: 'flex',
-  position: 'absolute',
-  marginTop: '-1px'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JbnN0cnVjdG9yQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtQiIsImZpbGUiOiIuLi8uLi9zcmMvSW5zdHJ1Y3RvckNhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQW5jaG9yLCBCb3gsIENhcmQsIEZsZXhCb3gsIFRleHQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBDYWxlbmRhckljb24sIENlcnRpZmljYXRlSWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBQcm9wc1dpdGhSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IENhcmRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKShcbiAgY3NzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgJyY6aG92ZXIsICY6Zm9jdXMsICY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgIGNvbG9yOiAndGV4dCcsXG4gICAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgZGlzcGxheTogYmxvY2s7XG5gO1xuXG5jb25zdCBEb3R0ZWRMaW5lID0gc3R5bGVkKENoZWNrZXJEZW5zZSkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbWFyZ2luVG9wOiAnLTFweCcsXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlcjogUmVhY3QuRkMgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgLy8gdGhlIGhlaWdodCBhbmQgcG9zaXRpb24gcHJvcGVydGllcyBhcmUgbmVjZXNzYXJ5IGZvciBpT1MgZGV2aWNlc1xuICAgIDxCb3ggcHk9ezR9IGhlaWdodD17MH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiIGFyaWEtaGlkZGVuPlxuICAgICAgPERvdHRlZExpbmUgLz5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbnR5cGUgSW5mb1Jvd1Byb3BzID0ge1xuICBpY29uOiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBJbmZvUm93OiBSZWFjdC5GQzxJbmZvUm93UHJvcHM+ID0gKHsgaWNvbiwgY2hpbGRyZW4gfSkgPT4gKFxuICA8RmxleEJveCBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZ2FwPXs4fT5cbiAgICB7aWNvbn1cbiAgICA8VGV4dCBmb250U2l6ZT17MTR9IGxpbmVIZWlnaHQ9XCJiYXNlXCIgY29sb3I9XCJ0ZXh0XCI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0PlxuICA8L0ZsZXhCb3g+XG4pO1xuXG5leHBvcnQgdHlwZSBJbnN0cnVjdG9yQ2FyZFByb3BzID0ge1xuICAvKiogVGhlIGJvb3RjYW1wIHRpdGxlICovXG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgZnVsbCBuYW1lICovXG4gIGluc3RydWN0b3JOYW1lOiBzdHJpbmc7XG4gIC8qKiBJbnN0cnVjdG9yJ3MgcHJvZmVzc2lvbmFsIHRpdGxlICovXG4gIGluc3RydWN0b3JUaXRsZTogc3RyaW5nO1xuICAvKiogVVJMIGZvciB0aGUgaW5zdHJ1Y3RvcidzIHByb2ZpbGUgcGljIChpbmNsdWRlcyBiYWNrZ3JvdW5kIGdyYWRpZW50KSAqL1xuICBpbnN0cnVjdG9ySW1hZ2VVcmw/OiBzdHJpbmc7XG4gIC8qKiBGb3JtYXR0ZWQgc3RhcnQgZGF0ZSBmb3IgdGhlIG5leHQgY29ob3J0IChlLmcuIFwiRmViIDEwXCIpICovXG4gIG5leHRDb2hvcnRTdGFydERhdGU/OiBzdHJpbmc7XG4gIC8qKiBMaW5rIGRlc3RpbmF0aW9uICovXG4gIGhyZWY6IHN0cmluZztcbiAgLyoqIENsaWNrIGhhbmRsZXIgKi9cbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBJbnN0cnVjdG9yQ2FyZCA9IGZvcndhcmRSZWY8XG4gIEhUTUxBbmNob3JFbGVtZW50LFxuICBQcm9wc1dpdGhSZWY8SW5zdHJ1Y3RvckNhcmRQcm9wcz5cbj4oXG4gIChcbiAgICB7XG4gICAgICB0aXRsZSxcbiAgICAgIGluc3RydWN0b3JOYW1lLFxuICAgICAgaW5zdHJ1Y3RvclRpdGxlLFxuICAgICAgaW5zdHJ1Y3RvckltYWdlVXJsLFxuICAgICAgbmV4dENvaG9ydFN0YXJ0RGF0ZSxcbiAgICAgIGhyZWYsXG4gICAgICBvbkNsaWNrLFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBib3JkZXJSYWRpdXM9XCJtZFwiXG4gICAgICAgIGJvcmRlckNvbG9yPVwiYm9yZGVyLXByaW1hcnlcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIGRpc3BsYXk9XCJmbGV4XCJcbiAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIHA9ezB9XG4gICAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgPlxuICAgICAgICA8Q2FyZEFuY2hvciBocmVmPXtocmVmfSBvbkNsaWNrPXtvbkNsaWNrfSB2YXJpYW50PVwiaW50ZXJmYWNlXCIgcmVmPXtyZWZ9PlxuICAgICAgICAgIDxCb3hcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICBoZWlnaHQ9ezE2MH1cbiAgICAgICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgICAgYmc9XCJuYXZ5LTgwMFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2luc3RydWN0b3JJbWFnZVVybCAmJiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbnN0cnVjdG9ySW1hZ2VVcmx9IGFsdD17aW5zdHJ1Y3Rvck5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQm94PlxuXG4gICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZmxleD17MX1cbiAgICAgICAgICAgIHB0PXsxMn1cbiAgICAgICAgICAgIHBiPXs0fVxuICAgICAgICAgICAgcHg9ezEyfVxuICAgICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBhbGlnblNlbGY9XCJzdHJldGNoXCJcbiAgICAgICAgICAgICAgZmxleD17MX1cbiAgICAgICAgICAgICAgZ2FwPXs0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgICAgIGZvbnRTaXplPXsyMH1cbiAgICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgICAgbGluZUhlaWdodD1cInRpdGxlXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInRleHRcIlxuICAgICAgICAgICAgICAgIG09ezB9XG4gICAgICAgICAgICAgICAgdHJ1bmNhdGU9XCJlbGxpcHNpc1wiXG4gICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17M31cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuXG4gICAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9IG10PVwiYXV0b1wiIG1pbldpZHRoPXswfT5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7aW5zdHJ1Y3Rvck5hbWV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICBmb250U2l6ZT17MTR9XG4gICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0PVwiYmFzZVwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj1cInRleHQtc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgICAgdHJ1bmNhdGVMaW5lcz17MX1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JUaXRsZX1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgIDwvRmxleEJveD5cblxuICAgICAgICAgICAgPEZsZXhCb3ggZmxleERpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduU2VsZj1cInN0cmV0Y2hcIiBtdD17NH0+XG4gICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlICYmIChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDYWxlbmRhckljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICAgICAgTmV4dCBjb2hvcnQ6IFN0YXJ0c3snICd9XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgICAgICAgICAgICAgICAge25leHRDb2hvcnRTdGFydERhdGV9XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgPEluZm9Sb3cgaWNvbj17PENlcnRpZmljYXRlSWNvbiBzaXplPXsxNn0gYXJpYS1oaWRkZW4gLz59PlxuICAgICAgICAgICAgICAgIFdpdGh7JyAnfVxuICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIGZvbnRXZWlnaHQ9XCJib2xkXCI+XG4gICAgICAgICAgICAgICAgICBDZXJ0aWZpY2F0ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9JbmZvUm93PlxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9DYXJkQW5jaG9yPlxuICAgICAgPC9DYXJkPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
-export const Divider = () => {
-  return (
-    /*#__PURE__*/
-    // the height and position properties are necessary for iOS devices
-    _jsx(Box, {
-      py: 4,
-      height: 0,
-      position: "relative",
-      "aria-hidden": true,
-      children: /*#__PURE__*/_jsx(DottedLine, {})
-    })
-  );
-};
-const InfoRow = ({
-  icon,
-  children
-}) => /*#__PURE__*/_jsxs(FlexBox, {
-  alignItems: "center",
-  gap: 8,
-  children: [icon, /*#__PURE__*/_jsx(Text, {
-    fontSize: 14,
-    lineHeight: "base",
-    color: "text",
-    children: children
-  })]
-});
-export const InstructorCard = /*#__PURE__*/forwardRef(({
-  title,
-  instructorName,
-  instructorTitle,
-  instructorImageUrl,
-  nextCohortStartDate,
-  href,
-  onClick
-}, ref) => {
-  return /*#__PURE__*/_jsx(Card, {
-    borderRadius: "md",
-    borderColor: "border-primary",
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column",
-    p: 0,
-    height: "100%",
-    width: "100%",
-    children: /*#__PURE__*/_jsxs(CardAnchor, {
-      href: href,
-      onClick: onClick,
-      variant: "interface",
-      ref: ref,
-      children: [/*#__PURE__*/_jsx(Box, {
-        width: "100%",
-        height: 160,
-        position: "relative",
-        overflow: "hidden",
-        bg: "navy-800",
-        children: instructorImageUrl && /*#__PURE__*/_jsx(StyledImg, {
-          src: instructorImageUrl,
-          alt: instructorName
-        })
-      }), /*#__PURE__*/_jsxs(FlexBox, {
-        flexDirection: "column",
-        flex: 1,
-        pt: 12,
-        pb: 4,
-        px: 12,
-        overflow: "hidden",
-        children: [/*#__PURE__*/_jsxs(FlexBox, {
-          flexDirection: "column",
-          alignSelf: "stretch",
-          flex: 1,
-          gap: 4,
-          children: [/*#__PURE__*/_jsx(Text, {
-            as: "h3",
-            fontSize: 20,
-            fontWeight: "bold",
-            lineHeight: "title",
-            color: "text",
-            m: 0,
-            truncate: "ellipsis",
-            truncateLines: 3,
-            children: title
-          }), /*#__PURE__*/_jsxs(FlexBox, {
-            flexDirection: "column",
-            gap: 4,
-            mt: "auto",
-            minWidth: 0,
-            children: [/*#__PURE__*/_jsx(Text, {
-              fontSize: 14,
-              fontWeight: "bold",
-              lineHeight: "base",
-              color: "text",
-              children: instructorName
-            }), /*#__PURE__*/_jsx(Text, {
-              fontSize: 14,
-              lineHeight: "base",
-              color: "text-secondary",
-              truncate: "ellipsis",
-              truncateLines: 1,
-              width: "100%",
-              children: instructorTitle
-            })]
-          })]
-        }), /*#__PURE__*/_jsxs(FlexBox, {
-          flexDirection: "column",
-          alignSelf: "stretch",
-          mt: 4,
-          children: [nextCohortStartDate && /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
-              icon: /*#__PURE__*/_jsx(CalendarIcon, {
-                size: 16,
-                "aria-hidden": true
-              }),
-              children: ["Next cohort: Starts", ' ', /*#__PURE__*/_jsx(Text, {
-                as: "span",
-                fontWeight: "bold",
-                children: nextCohortStartDate
-              })]
-            })]
-          }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(InfoRow, {
-            icon: /*#__PURE__*/_jsx(CertificateIcon, {
-              size: 16,
-              "aria-hidden": true
-            }),
-            children: ["With", ' ', /*#__PURE__*/_jsx(Text, {
-              as: "span",
-              fontWeight: "bold",
-              children: "Certificate"
-            })]
-          })]
-        })]
-      })]
-    })
-  });
-});

package/dist/stories/Molecules/InstructorCard.stories.js

@@ -1,125 +0,0 @@
-import { Box, Column, LayoutGrid } from '@codecademy/gamut';
-import { InstructorCard } from '../../InstructorCard';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const meta = {
-  component: InstructorCard,
-  args: {
-    title: 'Building Agentic AI Applications',
-    instructorName: 'Dr. Satyajit Pattnaik',
-    instructorTitle: 'Lead AI and Data Engineer @ PALO IT',
-    instructorImageUrl: 'https://static-assets.codecademy.com/assets/bootcamp-instructors/profile-pics/v1/satyajit_pattnaik.png',
-    nextCohortStartDate: 'Feb 10',
-    href: '/bootcamps/agentic-ai',
-    onClick: () => {}
-  }
-};
-export default meta;
-export const Default = {
-  render: args => /*#__PURE__*/_jsx(Box, {
-    pb: 8,
-    children: /*#__PURE__*/_jsx(InstructorCard, {
-      ...args
-    })
-  }),
-  name: 'InstructorCard'
-};
-export const InstructorCardWithLongTitle = {
-  render: args => /*#__PURE__*/_jsx(Box, {
-    pb: 8,
-    children: /*#__PURE__*/_jsx(InstructorCard, {
-      ...args,
-      title: "AI Maker: Learn to Build with AI Tools and Applications"
-    })
-  }),
-  name: 'InstructorCard with Long Title'
-};
-export const InstructorCardWithLongInstructorTitle = {
-  render: args => /*#__PURE__*/_jsx(Box, {
-    pb: 8,
-    children: /*#__PURE__*/_jsx(InstructorCard, {
-      ...args,
-      instructorTitle: "Software Engineering Manager and Full-Stack Instructor at Codecademy"
-    })
-  }),
-  name: 'InstructorCard with Long Instructor Title'
-};
-export const InstructorCardWithoutImage = {
-  render: args => /*#__PURE__*/_jsx(Box, {
-    pb: 8,
-    children: /*#__PURE__*/_jsx(InstructorCard, {
-      ...args,
-      instructorImageUrl: undefined
-    })
-  }),
-  name: 'InstructorCard without Image'
-};
-export const InstructorCardWithoutNextCohort = {
-  render: args => /*#__PURE__*/_jsx(Box, {
-    pb: 8,
-    children: /*#__PURE__*/_jsx(InstructorCard, {
-      ...args,
-      nextCohortStartDate: undefined
-    })
-  }),
-  name: 'InstructorCard without Next Cohort'
-};
-export const InstructorCardGrid = {
-  render: args => /*#__PURE__*/_jsxs(LayoutGrid, {
-    gap: 24,
-    pb: 8,
-    children: [/*#__PURE__*/_jsx(Column, {
-      size: {
-        _: 12,
-        sm: 6,
-        md: 4,
-        lg: 3
-      },
-      children: /*#__PURE__*/_jsx(InstructorCard, {
-        ...args
-      })
-    }), /*#__PURE__*/_jsx(Column, {
-      size: {
-        _: 12,
-        sm: 6,
-        md: 4,
-        lg: 3
-      },
-      children: /*#__PURE__*/_jsx(InstructorCard, {
-        ...args,
-        title: "Full-Stack Developer",
-        instructorName: "Tyler Lemke",
-        instructorTitle: "Software Engineering Manager and Full-Stack Instructor",
-        nextCohortStartDate: "Mar 17"
-      })
-    }), /*#__PURE__*/_jsx(Column, {
-      size: {
-        _: 12,
-        sm: 6,
-        md: 4,
-        lg: 3
-      },
-      children: /*#__PURE__*/_jsx(InstructorCard, {
-        ...args,
-        title: "Data Science with AI",
-        instructorName: "Jeff Herman",
-        instructorTitle: "Senior Data Scientist @ H&R Block",
-        nextCohortStartDate: "Mar 2"
-      })
-    }), /*#__PURE__*/_jsx(Column, {
-      size: {
-        _: 12,
-        sm: 6,
-        md: 4,
-        lg: 3
-      },
-      children: /*#__PURE__*/_jsx(InstructorCard, {
-        ...args,
-        title: "AI Maker: Learn to Build with AI Tools",
-        instructorName: "Yash Thakker",
-        instructorTitle: "Founder of AISOLO Technologies, AI Entrepreneur",
-        nextCohortStartDate: "Mar 28"
-      })
-    })]
-  }),
-  name: 'InstructorCard Grid'
-};