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

package/dist/Avatar/index.js

@@ -1,49 +1,45 @@
-import { styledOptions, system, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { css as css$1 } from "@emotion/react";
-
-//#region src/Avatar/index.tsx
-const Image = styled("img", styledOptions())(system.layout);
-const AvatarContainer = styled.div`
-  position: relative;
-  display: table;
-
-  ${({ disableDropshadow, mode }) => !disableDropshadow && css$1`
-      &::before {
-        content: '';
-        position: absolute;
-        border-radius: 50%;
-        transform: scale(0.92);
-        transform-origin: bottom right;
-        height: 100%;
-        width: 100%;
-        background-color: ${mode ? mode === "light" ? theme.colors.lightGreen : theme.colors.green : theme.colors["feedback-success"]};
-      }
-    `}
-
-  ${Image} {
-    position: relative;
-    border-radius: 50%;
-    object-fit: cover;
-
-    ${({ disableDropshadow }) => !disableDropshadow && css$1`
-        transform: scale(0.92);
-        transform-origin: top left;
-      `}
-  }
-`;
-const Avatar = ({ mode, disableDropshadow, size = 24, className, ...avatarImageProps }) => /* @__PURE__ */ jsx(AvatarContainer, {
-	className,
-	mode,
-	disableDropshadow,
-	"data-testid": "avatar-container",
-	children: /* @__PURE__ */ jsx(Image, {
-		dimensions: size,
-		...avatarImageProps
-	})
-});
-
-//#endregion
-export { Avatar };
+import _styled from "@emotion/styled/base";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { styledOptions, system, theme } from '@codecademy/gamut-styles';
+import { css } from '@emotion/react';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Image = /*#__PURE__*/_styled('img', _extends({}, {
+  target: "e1u51ndw1",
+  label: "Image"
+}, styledOptions()))(system.layout, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9jIiwiZmlsZSI6Ii4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlzdWFsVGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zLCBzeXN0ZW0sIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFJlc3BvbnNpdmVQcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZCgnaW1nJywgc3R5bGVkT3B0aW9uczwnaW1nJz4oKSkoc3lzdGVtLmxheW91dCk7XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBtb2RlPzogVmlzdWFsVGhlbWU7XG4gIGRpc2FibGVEcm9wc2hhZG93PzogYm9vbGVhbjtcbn0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IHRhYmxlO1xuXG4gICR7KHsgZGlzYWJsZURyb3BzaGFkb3csIG1vZGUgfSkgPT5cbiAgICAhZGlzYWJsZURyb3BzaGFkb3cgJiZcbiAgICBjc3NgXG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbSByaWdodDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHttb2RlXG4gICAgICAgICAgPyBtb2RlID09PSAnbGlnaHQnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5saWdodEdyZWVuXG4gICAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5ncmVlblxuICAgICAgICAgIDogdGhlbWUuY29sb3JzWydmZWVkYmFjay1zdWNjZXNzJ119O1xuICAgICAgfVxuICAgIGB9XG5cbiAgJHtJbWFnZX0ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG5cbiAgICAkeyh7IGRpc2FibGVEcm9wc2hhZG93IH0pID0+XG4gICAgICAhZGlzYWJsZURyb3BzaGFkb3cgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjkyKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG4gICAgICBgfVxuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJJbWFnZVByb3BzID1cbiAgfCB7IGFsdDogc3RyaW5nOyAnYXJpYS1sYWJlbGxlZGJ5Jz86IG5ldmVyIH1cbiAgfCB7IGFsdD86IG5ldmVyOyAnYXJpYS1sYWJlbGxlZGJ5Jzogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIEF2YXRhckJhc2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIHBhdGggdG8gaW1hZ2UgYXNzZXRcbiAgICovXG4gIHNyYzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgZHJvcCBzaGFkb3cgZW50aXJlbHkuXG4gICAqL1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIEF2YXRhci5cbiAgICovXG4gIHNpemU/OiBSZXNwb25zaXZlUHJvcDwyNCB8IDMyIHwgNDAgfCA0OCB8IDY0IHwgMTE4PiB8ICcxMDAlJztcblxuICAvKipcbiAgICogT3ZlcnJpZGVzIHN0eWxlcyBvbiB0aGUgQXZhdGFyIGNvbnRhaW5lci5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogVGhpcyB3aWxsIGJlIGRldGVybWluZWQgYXV0b21hdGljYWxseSBieSB0aGUgdGhlbWUgbW92aW5nIGZvcndhcmQuXG4gICAqIFN1cHBseWluZyBpdCB3aWxsIGRldGVybWluZSB0aGUgY29sb3Igb2YgZHJvcCBzaGFkb3cuXG4gICAqL1xuICBtb2RlPzogVmlzdWFsVGhlbWU7XG59O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJQcm9wcyA9IEF2YXRhckJhc2VQcm9wcyAmIEF2YXRhckltYWdlUHJvcHM7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXI6IFJlYWN0LkZDPEF2YXRhclByb3BzPiA9ICh7XG4gIG1vZGUsXG4gIGRpc2FibGVEcm9wc2hhZG93LFxuICAvLyBFTlQtMzYxIEZpeGVkIEZpcmVmb3ggSXNzdWUsIHNldCBkZWZhdWx0IHNpemUgdG8gMjQgZnJvbSAxMThcbiAgc2l6ZSA9IDI0LFxuICBjbGFzc05hbWUsXG4gIC4uLmF2YXRhckltYWdlUHJvcHNcbn0pID0+IChcbiAgPEF2YXRhckNvbnRhaW5lclxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIG1vZGU9e21vZGV9XG4gICAgZGlzYWJsZURyb3BzaGFkb3c9e2Rpc2FibGVEcm9wc2hhZG93fVxuICAgIGRhdGEtdGVzdGlkPVwiYXZhdGFyLWNvbnRhaW5lclwiXG4gID5cbiAgICA8SW1hZ2UgZGltZW5zaW9ucz17c2l6ZX0gey4uLmF2YXRhckltYWdlUHJvcHN9IC8+XG4gIDwvQXZhdGFyQ29udGFpbmVyPlxuKTtcbiJdfQ== */");
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "im73wu-AvatarContainer",
+  styles: "transform:scale(0.92);transform-origin:top left;label:AvatarContainer;"
+} : {
+  name: "im73wu-AvatarContainer",
+  styles: "transform:scale(0.92);transform-origin:top left;label:AvatarContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDUyIsImZpbGUiOiIuLi8uLi9zcmMvQXZhdGFyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZpc3VhbFRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBSZXNwb25zaXZlUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQoJ2ltZycsIHN0eWxlZE9wdGlvbnM8J2ltZyc+KCkpKHN5c3RlbS5sYXlvdXQpO1xuXG5jb25zdCBBdmF0YXJDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiB0YWJsZTtcblxuICAkeyh7IGRpc2FibGVEcm9wc2hhZG93LCBtb2RlIH0pID0+XG4gICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOTIpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gcmlnaHQ7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7bW9kZVxuICAgICAgICAgID8gbW9kZSA9PT0gJ2xpZ2h0J1xuICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMubGlnaHRHcmVlblxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuZ3JlZW5cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stc3VjY2VzcyddfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7SW1hZ2V9IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuXG4gICAgJHsoeyBkaXNhYmxlRHJvcHNoYWRvdyB9KSA9PlxuICAgICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgICBjc3NgXG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuICAgICAgYH1cbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgQXZhdGFySW1hZ2VQcm9wcyA9XG4gIHwgeyBhbHQ6IHN0cmluZzsgJ2FyaWEtbGFiZWxsZWRieSc/OiBuZXZlciB9XG4gIHwgeyBhbHQ/OiBuZXZlcjsgJ2FyaWEtbGFiZWxsZWRieSc6IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJCYXNlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBwYXRoIHRvIGltYWdlIGFzc2V0XG4gICAqL1xuICBzcmM6IHN0cmluZztcblxuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIGRyb3Agc2hhZG93IGVudGlyZWx5LlxuICAgKi9cbiAgZGlzYWJsZURyb3BzaGFkb3c/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBBdmF0YXIuXG4gICAqL1xuICBzaXplPzogUmVzcG9uc2l2ZVByb3A8MjQgfCAzMiB8IDQwIHwgNDggfCA2NCB8IDExOD4gfCAnMTAwJSc7XG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlcyBzdHlsZXMgb24gdGhlIEF2YXRhciBjb250YWluZXIuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFRoaXMgd2lsbCBiZSBkZXRlcm1pbmVkIGF1dG9tYXRpY2FsbHkgYnkgdGhlIHRoZW1lIG1vdmluZyBmb3J3YXJkLlxuICAgKiBTdXBwbHlpbmcgaXQgd2lsbCBkZXRlcm1pbmUgdGhlIGNvbG9yIG9mIGRyb3Agc2hhZG93LlxuICAgKi9cbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xufTtcblxuZXhwb3J0IHR5cGUgQXZhdGFyUHJvcHMgPSBBdmF0YXJCYXNlUHJvcHMgJiBBdmF0YXJJbWFnZVByb3BzO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBSZWFjdC5GQzxBdmF0YXJQcm9wcz4gPSAoe1xuICBtb2RlLFxuICBkaXNhYmxlRHJvcHNoYWRvdyxcbiAgLy8gRU5ULTM2MSBGaXhlZCBGaXJlZm94IElzc3VlLCBzZXQgZGVmYXVsdCBzaXplIHRvIDI0IGZyb20gMTE4XG4gIHNpemUgPSAyNCxcbiAgY2xhc3NOYW1lLFxuICAuLi5hdmF0YXJJbWFnZVByb3BzXG59KSA9PiAoXG4gIDxBdmF0YXJDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtb2RlPXttb2RlfVxuICAgIGRpc2FibGVEcm9wc2hhZG93PXtkaXNhYmxlRHJvcHNoYWRvd31cbiAgICBkYXRhLXRlc3RpZD1cImF2YXRhci1jb250YWluZXJcIlxuICA+XG4gICAgPEltYWdlIGRpbWVuc2lvbnM9e3NpemV9IHsuLi5hdmF0YXJJbWFnZVByb3BzfSAvPlxuICA8L0F2YXRhckNvbnRhaW5lcj5cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const AvatarContainer = /*#__PURE__*/_styled("div", {
+  target: "e1u51ndw0",
+  label: "AvatarContainer"
+})("position:relative;display:table;", ({
+  disableDropshadow,
+  mode
+}) => !disableDropshadow && /*#__PURE__*/css("&::before{content:'';position:absolute;border-radius:50%;transform:scale(0.92);transform-origin:bottom right;height:100%;width:100%;background-color:", mode ? mode === 'light' ? theme.colors.lightGreen : theme.colors.green : theme.colors['feedback-success'], ";};label:AvatarContainer;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi9zcmMvQXZhdGFyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZpc3VhbFRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBSZXNwb25zaXZlUHJvcCB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3QgSW1hZ2UgPSBzdHlsZWQoJ2ltZycsIHN0eWxlZE9wdGlvbnM8J2ltZyc+KCkpKHN5c3RlbS5sYXlvdXQpO1xuXG5jb25zdCBBdmF0YXJDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG59PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiB0YWJsZTtcblxuICAkeyh7IGRpc2FibGVEcm9wc2hhZG93LCBtb2RlIH0pID0+XG4gICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOTIpO1xuICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gcmlnaHQ7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7bW9kZVxuICAgICAgICAgID8gbW9kZSA9PT0gJ2xpZ2h0J1xuICAgICAgICAgICAgPyB0aGVtZS5jb2xvcnMubGlnaHRHcmVlblxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMuZ3JlZW5cbiAgICAgICAgICA6IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stc3VjY2VzcyddfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICR7SW1hZ2V9IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuXG4gICAgJHsoeyBkaXNhYmxlRHJvcHNoYWRvdyB9KSA9PlxuICAgICAgIWRpc2FibGVEcm9wc2hhZG93ICYmXG4gICAgICBjc3NgXG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IHRvcCBsZWZ0O1xuICAgICAgYH1cbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgQXZhdGFySW1hZ2VQcm9wcyA9XG4gIHwgeyBhbHQ6IHN0cmluZzsgJ2FyaWEtbGFiZWxsZWRieSc/OiBuZXZlciB9XG4gIHwgeyBhbHQ/OiBuZXZlcjsgJ2FyaWEtbGFiZWxsZWRieSc6IHN0cmluZyB9O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJCYXNlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBwYXRoIHRvIGltYWdlIGFzc2V0XG4gICAqL1xuICBzcmM6IHN0cmluZztcblxuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIGRyb3Agc2hhZG93IGVudGlyZWx5LlxuICAgKi9cbiAgZGlzYWJsZURyb3BzaGFkb3c/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBBdmF0YXIuXG4gICAqL1xuICBzaXplPzogUmVzcG9uc2l2ZVByb3A8MjQgfCAzMiB8IDQwIHwgNDggfCA2NCB8IDExOD4gfCAnMTAwJSc7XG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlcyBzdHlsZXMgb24gdGhlIEF2YXRhciBjb250YWluZXIuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkXG4gICAqIFRoaXMgd2lsbCBiZSBkZXRlcm1pbmVkIGF1dG9tYXRpY2FsbHkgYnkgdGhlIHRoZW1lIG1vdmluZyBmb3J3YXJkLlxuICAgKiBTdXBwbHlpbmcgaXQgd2lsbCBkZXRlcm1pbmUgdGhlIGNvbG9yIG9mIGRyb3Agc2hhZG93LlxuICAgKi9cbiAgbW9kZT86IFZpc3VhbFRoZW1lO1xufTtcblxuZXhwb3J0IHR5cGUgQXZhdGFyUHJvcHMgPSBBdmF0YXJCYXNlUHJvcHMgJiBBdmF0YXJJbWFnZVByb3BzO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyOiBSZWFjdC5GQzxBdmF0YXJQcm9wcz4gPSAoe1xuICBtb2RlLFxuICBkaXNhYmxlRHJvcHNoYWRvdyxcbiAgLy8gRU5ULTM2MSBGaXhlZCBGaXJlZm94IElzc3VlLCBzZXQgZGVmYXVsdCBzaXplIHRvIDI0IGZyb20gMTE4XG4gIHNpemUgPSAyNCxcbiAgY2xhc3NOYW1lLFxuICAuLi5hdmF0YXJJbWFnZVByb3BzXG59KSA9PiAoXG4gIDxBdmF0YXJDb250YWluZXJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtb2RlPXttb2RlfVxuICAgIGRpc2FibGVEcm9wc2hhZG93PXtkaXNhYmxlRHJvcHNoYWRvd31cbiAgICBkYXRhLXRlc3RpZD1cImF2YXRhci1jb250YWluZXJcIlxuICA+XG4gICAgPEltYWdlIGRpbWVuc2lvbnM9e3NpemV9IHsuLi5hdmF0YXJJbWFnZVByb3BzfSAvPlxuICA8L0F2YXRhckNvbnRhaW5lcj5cbik7XG4iXX0= */")), " ", Image, "{position:relative;border-radius:50%;object-fit:cover;", ({
+  disableDropshadow
+}) => !disableDropshadow && _ref, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlFIiwiZmlsZSI6Ii4uLy4uL3NyYy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVmlzdWFsVGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBzdHlsZWRPcHRpb25zLCBzeXN0ZW0sIHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFJlc3BvbnNpdmVQcm9wIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBJbWFnZSA9IHN0eWxlZCgnaW1nJywgc3R5bGVkT3B0aW9uczwnaW1nJz4oKSkoc3lzdGVtLmxheW91dCk7XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBtb2RlPzogVmlzdWFsVGhlbWU7XG4gIGRpc2FibGVEcm9wc2hhZG93PzogYm9vbGVhbjtcbn0+YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IHRhYmxlO1xuXG4gICR7KHsgZGlzYWJsZURyb3BzaGFkb3csIG1vZGUgfSkgPT5cbiAgICAhZGlzYWJsZURyb3BzaGFkb3cgJiZcbiAgICBjc3NgXG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC45Mik7XG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbSByaWdodDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHttb2RlXG4gICAgICAgICAgPyBtb2RlID09PSAnbGlnaHQnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5saWdodEdyZWVuXG4gICAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5ncmVlblxuICAgICAgICAgIDogdGhlbWUuY29sb3JzWydmZWVkYmFjay1zdWNjZXNzJ119O1xuICAgICAgfVxuICAgIGB9XG5cbiAgJHtJbWFnZX0ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG5cbiAgICAkeyh7IGRpc2FibGVEcm9wc2hhZG93IH0pID0+XG4gICAgICAhZGlzYWJsZURyb3BzaGFkb3cgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjkyKTtcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogdG9wIGxlZnQ7XG4gICAgICBgfVxuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJJbWFnZVByb3BzID1cbiAgfCB7IGFsdDogc3RyaW5nOyAnYXJpYS1sYWJlbGxlZGJ5Jz86IG5ldmVyIH1cbiAgfCB7IGFsdD86IG5ldmVyOyAnYXJpYS1sYWJlbGxlZGJ5Jzogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIEF2YXRhckJhc2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIHBhdGggdG8gaW1hZ2UgYXNzZXRcbiAgICovXG4gIHNyYzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgZHJvcCBzaGFkb3cgZW50aXJlbHkuXG4gICAqL1xuICBkaXNhYmxlRHJvcHNoYWRvdz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIEF2YXRhci5cbiAgICovXG4gIHNpemU/OiBSZXNwb25zaXZlUHJvcDwyNCB8IDMyIHwgNDAgfCA0OCB8IDY0IHwgMTE4PiB8ICcxMDAlJztcblxuICAvKipcbiAgICogT3ZlcnJpZGVzIHN0eWxlcyBvbiB0aGUgQXZhdGFyIGNvbnRhaW5lci5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogVGhpcyB3aWxsIGJlIGRldGVybWluZWQgYXV0b21hdGljYWxseSBieSB0aGUgdGhlbWUgbW92aW5nIGZvcndhcmQuXG4gICAqIFN1cHBseWluZyBpdCB3aWxsIGRldGVybWluZSB0aGUgY29sb3Igb2YgZHJvcCBzaGFkb3cuXG4gICAqL1xuICBtb2RlPzogVmlzdWFsVGhlbWU7XG59O1xuXG5leHBvcnQgdHlwZSBBdmF0YXJQcm9wcyA9IEF2YXRhckJhc2VQcm9wcyAmIEF2YXRhckltYWdlUHJvcHM7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXI6IFJlYWN0LkZDPEF2YXRhclByb3BzPiA9ICh7XG4gIG1vZGUsXG4gIGRpc2FibGVEcm9wc2hhZG93LFxuICAvLyBFTlQtMzYxIEZpeGVkIEZpcmVmb3ggSXNzdWUsIHNldCBkZWZhdWx0IHNpemUgdG8gMjQgZnJvbSAxMThcbiAgc2l6ZSA9IDI0LFxuICBjbGFzc05hbWUsXG4gIC4uLmF2YXRhckltYWdlUHJvcHNcbn0pID0+IChcbiAgPEF2YXRhckNvbnRhaW5lclxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIG1vZGU9e21vZGV9XG4gICAgZGlzYWJsZURyb3BzaGFkb3c9e2Rpc2FibGVEcm9wc2hhZG93fVxuICAgIGRhdGEtdGVzdGlkPVwiYXZhdGFyLWNvbnRhaW5lclwiXG4gID5cbiAgICA8SW1hZ2UgZGltZW5zaW9ucz17c2l6ZX0gey4uLmF2YXRhckltYWdlUHJvcHN9IC8+XG4gIDwvQXZhdGFyQ29udGFpbmVyPlxuKTtcbiJdfQ== */"));
+export const Avatar = ({
+  mode,
+  disableDropshadow,
+  // ENT-361 Fixed Firefox Issue, set default size to 24 from 118
+  size = 24,
+  className,
+  ...avatarImageProps
+}) => /*#__PURE__*/_jsx(AvatarContainer, {
+  className: className,
+  mode: mode,
+  disableDropshadow: disableDropshadow,
+  "data-testid": "avatar-container",
+  children: /*#__PURE__*/_jsx(Image, {
+    dimensions: size,
+    ...avatarImageProps
+  })
+});

package/dist/AvatarChooser/index.d.ts

@@ -1,15 +1,12 @@
-import { UseFormReturn, Validate } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/AvatarChooser/index.d.ts
+import { UseFormReturn, Validate } from '@codecademy/gamut';
+import * as React from 'react';
 type AvatarChooserProps = {
-  src: string;
-  name?: string;
-  register?: UseFormReturn['register'];
-  onImageChanged?: (imageFileList: FileList) => void;
-  validate?: Validate<FileList, [FileList]> | Record<string, Validate<FileList, [FileList]>>;
-  error?: string;
+    src: string;
+    name?: string;
+    register?: UseFormReturn['register'];
+    onImageChanged?: (imageFileList: FileList) => void;
+    validate?: Validate<FileList, [FileList]> | Record<string, Validate<FileList, [FileList]>>;
+    error?: string;
 };
-declare const AvatarChooser: React$1.FC<AvatarChooserProps>;
-//#endregion
-export { AvatarChooser };
+export declare const AvatarChooser: React.FC<AvatarChooserProps>;
+export {};

package/dist/AvatarChooser/index.js

@@ -1,96 +1,105 @@
-import { Avatar } from "../Avatar/index.js";
-import { FlexBox, FormError, Input, TextButton } from "@codecademy/gamut";
-import { pxRem, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useCallback, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/AvatarChooser/index.tsx
+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 { FlexBox, FormError, Input, TextButton } from '@codecademy/gamut';
+import { pxRem, theme } from '@codecademy/gamut-styles';
+import { useCallback, useRef, useState } from 'react';
+import * as React from 'react';
+import { Avatar } from '../Avatar';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const baseSize = 75;
 const smBreakpointSize = 120;
-const StyledAvatar = styled(Avatar)`
-  img {
-    width: ${pxRem(baseSize)};
-    height: ${pxRem(baseSize)};
-  }
-
-  ${theme.breakpoints.sm} {
-    img {
-      width: ${pxRem(smBreakpointSize)};
-      height: ${pxRem(smBreakpointSize)};
-    }
-  }
-`;
-const HiddenInput = styled(Input)`
-  display: none;
-`;
-const StyledFormError = styled(FormError)`
-  position: initial;
-  text-align: center;
-`;
-const AvatarChooser = ({ src: existingSrc, onImageChanged, error, register, validate = validatePhotoUpload, name = "Avatar Photo" }) => {
-	const [imageSrc, setImageSrc] = useState(existingSrc);
-	const choosePhotoLabelRef = useRef(null);
-	const onChange = useCallback((event) => {
-		const imageFilelist = (event?.target)?.files;
-		const imageFile = imageFilelist?.[0];
-		if (imageFilelist) onImageChanged?.(imageFilelist);
-		if (imageFile) setImageSrc(URL.createObjectURL(imageFile));
-	}, [setImageSrc, onImageChanged]);
-	return /* @__PURE__ */ jsxs(FlexBox, {
-		alignItems: "center",
-		flexDirection: "column",
-		justifyContent: "center",
-		width: "fit-content",
-		maxWidth: pxRem(120),
-		"aria-live": "polite",
-		children: [
-			/* @__PURE__ */ jsx(StyledAvatar, {
-				src: imageSrc,
-				disableDropshadow: true,
-				alt: "Avatar Photo"
-			}),
-			/* @__PURE__ */ jsx(TextButton, {
-				mt: {
-					_: 4,
-					sm: 12
-				},
-				onClick: () => choosePhotoLabelRef.current?.click(),
-				children: /* @__PURE__ */ jsx("label", {
-					ref: choosePhotoLabelRef,
-					htmlFor: "avatar-chooser",
-					children: "Choose Photo"
-				})
-			}),
-			/* @__PURE__ */ jsx(HiddenInput, {
-				type: "file",
-				id: "avatar-chooser",
-				"aria-invalid": Boolean(error),
-				name,
-				onChange,
-				...register?.(name, {
-					onChange,
-					validate,
-					required: false
-				})
-			}),
-			error && /* @__PURE__ */ jsx(StyledFormError, {
-				role: "alert",
-				children: error
-			})
-		]
-	});
+const StyledAvatar = /*#__PURE__*/_styled(Avatar, {
+  target: "e1ouehc42",
+  label: "StyledAvatar"
+})("img{width:", pxRem(baseSize), ";height:", pxRem(baseSize), ";}", theme.breakpoints.sm, "{img{width:", pxRem(smBreakpointSize), ";height:", pxRem(smBreakpointSize), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qm1DIiwiZmlsZSI6Ii4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEZsZXhCb3gsXG4gIEZvcm1FcnJvcixcbiAgSW5wdXQsXG4gIFRleHRCdXR0b24sXG4gIFVzZUZvcm1SZXR1cm4sXG4gIFZhbGlkYXRlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBweFJlbSwgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEF2YXRhciB9IGZyb20gJy4uL0F2YXRhcic7XG5cbnR5cGUgQXZhdGFyQ2hvb3NlclByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgcmVnaXN0ZXI/OiBVc2VGb3JtUmV0dXJuWydyZWdpc3RlciddO1xuICBvbkltYWdlQ2hhbmdlZD86IChpbWFnZUZpbGVMaXN0OiBGaWxlTGlzdCkgPT4gdm9pZDtcbiAgdmFsaWRhdGU/OlxuICAgIHwgVmFsaWRhdGU8RmlsZUxpc3QsIFtGaWxlTGlzdF0+XG4gICAgfCBSZWNvcmQ8c3RyaW5nLCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT4+O1xuICBlcnJvcj86IHN0cmluZztcbn07XG5cbmNvbnN0IGJhc2VTaXplID0gNzU7XG5jb25zdCBzbUJyZWFrcG9pbnRTaXplID0gMTIwO1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKWBcbiAgaW1nIHtcbiAgICB3aWR0aDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICAgIGhlaWdodDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICB9XG5cbiAgJHt0aGVtZS5icmVha3BvaW50cy5zbX0ge1xuICAgIGltZyB7XG4gICAgICB3aWR0aDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgICBoZWlnaHQ6ICR7cHhSZW0oc21CcmVha3BvaW50U2l6ZSl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQoSW5wdXQpYFxuICBkaXNwbGF5OiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkRm9ybUVycm9yID0gc3R5bGVkKEZvcm1FcnJvcilgXG4gIHBvc2l0aW9uOiBpbml0aWFsO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyQ2hvb3NlcjogUmVhY3QuRkM8QXZhdGFyQ2hvb3NlclByb3BzPiA9ICh7XG4gIHNyYzogZXhpc3RpbmdTcmMsXG4gIG9uSW1hZ2VDaGFuZ2VkLFxuICBlcnJvcixcbiAgcmVnaXN0ZXIsXG4gIHZhbGlkYXRlID0gdmFsaWRhdGVQaG90b1VwbG9hZCxcbiAgbmFtZSA9ICdBdmF0YXIgUGhvdG8nLFxufSkgPT4ge1xuICBjb25zdCBbaW1hZ2VTcmMsIHNldEltYWdlU3JjXSA9IHVzZVN0YXRlPHN0cmluZz4oZXhpc3RpbmdTcmMpO1xuICBjb25zdCBjaG9vc2VQaG90b0xhYmVsUmVmID0gdXNlUmVmPEhUTUxMYWJlbEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50Py50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgIGNvbnN0IGltYWdlRmlsZWxpc3QgPSB0YXJnZXQ/LmZpbGVzO1xuICAgICAgY29uc3QgaW1hZ2VGaWxlID0gaW1hZ2VGaWxlbGlzdD8uWzBdO1xuXG4gICAgICBpZiAoaW1hZ2VGaWxlbGlzdCkgb25JbWFnZUNoYW5nZWQ/LihpbWFnZUZpbGVsaXN0KTtcbiAgICAgIGlmIChpbWFnZUZpbGUpIHNldEltYWdlU3JjKFVSTC5jcmVhdGVPYmplY3RVUkwoaW1hZ2VGaWxlKSk7XG4gICAgfSxcbiAgICBbc2V0SW1hZ2VTcmMsIG9uSW1hZ2VDaGFuZ2VkXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgIG1heFdpZHRoPXtweFJlbSgxMjApfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICA+XG4gICAgICA8U3R5bGVkQXZhdGFyIHNyYz17aW1hZ2VTcmN9IGRpc2FibGVEcm9wc2hhZG93IGFsdD1cIkF2YXRhciBQaG90b1wiIC8+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBtdD17eyBfOiA0LCBzbTogMTIgfX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gY2hvb3NlUGhvdG9MYWJlbFJlZi5jdXJyZW50Py5jbGljaygpfVxuICAgICAgPlxuICAgICAgICB7LyogaHR0cHM6Ly9naXRodWIuY29tL2pzeC1lc2xpbnQvZXNsaW50LXBsdWdpbi1qc3gtYTExeS9ibG9iL21haW4vZG9jcy9ydWxlcy9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sLm1kICovfVxuICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wgKi99XG4gICAgICAgIDxsYWJlbCByZWY9e2Nob29zZVBob3RvTGFiZWxSZWZ9IGh0bWxGb3I9XCJhdmF0YXItY2hvb3NlclwiPlxuICAgICAgICAgIENob29zZSBQaG90b1xuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICA8SGlkZGVuSW5wdXRcbiAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICBpZD1cImF2YXRhci1jaG9vc2VyXCJcbiAgICAgICAgYXJpYS1pbnZhbGlkPXtCb29sZWFuKGVycm9yKX1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICB7Li4ucmVnaXN0ZXI/LihuYW1lLCB7XG4gICAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgICAgdmFsaWRhdGUsXG4gICAgICAgICAgcmVxdWlyZWQ6IGZhbHNlLFxuICAgICAgICB9KX1cbiAgICAgIC8+XG4gICAgICB7ZXJyb3IgJiYgPFN0eWxlZEZvcm1FcnJvciByb2xlPVwiYWxlcnRcIj57ZXJyb3J9PC9TdHlsZWRGb3JtRXJyb3I+fVxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG5cbmNvbnN0IHZhbGlkYXRlUGhvdG9VcGxvYWQgPSAoZmlsZXM6IEZpbGVMaXN0KTogYm9vbGVhbiB8IHN0cmluZyA9PiB7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkUgPSA1MjQyODgwO1xuICBjb25zdCBNQVhfRklMRV9TSVpFX0lOX01CID0gNTtcblxuICBjb25zdCBmaWxlID0gZmlsZXM/Lml0ZW0oMCk7XG4gIGlmICghZmlsZSkgcmV0dXJuIHRydWU7XG5cbiAgY29uc3QgeyB0eXBlLCBzaXplIH0gPSBmaWxlO1xuICBpZiAoIVsnaW1hZ2UvanBlZycsICdpbWFnZS9wbmcnXS5pbmNsdWRlcyh0eXBlKSlcbiAgICByZXR1cm4gJ1BsZWFzZSB1cGxvYWQgYSBqcGVnIG9yIHBuZyBmaWxlLic7XG5cbiAgaWYgKHNpemUgPiBNQVhfRklMRV9TSVpFKVxuICAgIHJldHVybiBgU29ycnksIHdlIGNhbm5vdCBhY2NlcHQgZmlsZXMgbGFyZ2VyIHRoYW4gJHtNQVhfRklMRV9TSVpFX0lOX01CfSBNQi5gO1xuXG4gIHJldHVybiB0cnVlO1xufTtcbiJdfQ== */"));
+const HiddenInput = /*#__PURE__*/_styled(Input, {
+  target: "e1ouehc41",
+  label: "HiddenInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "eivff4",
+  styles: "display:none"
+} : {
+  name: "eivff4",
+  styles: "display:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2lDIiwiZmlsZSI6Ii4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEZsZXhCb3gsXG4gIEZvcm1FcnJvcixcbiAgSW5wdXQsXG4gIFRleHRCdXR0b24sXG4gIFVzZUZvcm1SZXR1cm4sXG4gIFZhbGlkYXRlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBweFJlbSwgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEF2YXRhciB9IGZyb20gJy4uL0F2YXRhcic7XG5cbnR5cGUgQXZhdGFyQ2hvb3NlclByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgcmVnaXN0ZXI/OiBVc2VGb3JtUmV0dXJuWydyZWdpc3RlciddO1xuICBvbkltYWdlQ2hhbmdlZD86IChpbWFnZUZpbGVMaXN0OiBGaWxlTGlzdCkgPT4gdm9pZDtcbiAgdmFsaWRhdGU/OlxuICAgIHwgVmFsaWRhdGU8RmlsZUxpc3QsIFtGaWxlTGlzdF0+XG4gICAgfCBSZWNvcmQ8c3RyaW5nLCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT4+O1xuICBlcnJvcj86IHN0cmluZztcbn07XG5cbmNvbnN0IGJhc2VTaXplID0gNzU7XG5jb25zdCBzbUJyZWFrcG9pbnRTaXplID0gMTIwO1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKWBcbiAgaW1nIHtcbiAgICB3aWR0aDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICAgIGhlaWdodDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICB9XG5cbiAgJHt0aGVtZS5icmVha3BvaW50cy5zbX0ge1xuICAgIGltZyB7XG4gICAgICB3aWR0aDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgICBoZWlnaHQ6ICR7cHhSZW0oc21CcmVha3BvaW50U2l6ZSl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQoSW5wdXQpYFxuICBkaXNwbGF5OiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkRm9ybUVycm9yID0gc3R5bGVkKEZvcm1FcnJvcilgXG4gIHBvc2l0aW9uOiBpbml0aWFsO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyQ2hvb3NlcjogUmVhY3QuRkM8QXZhdGFyQ2hvb3NlclByb3BzPiA9ICh7XG4gIHNyYzogZXhpc3RpbmdTcmMsXG4gIG9uSW1hZ2VDaGFuZ2VkLFxuICBlcnJvcixcbiAgcmVnaXN0ZXIsXG4gIHZhbGlkYXRlID0gdmFsaWRhdGVQaG90b1VwbG9hZCxcbiAgbmFtZSA9ICdBdmF0YXIgUGhvdG8nLFxufSkgPT4ge1xuICBjb25zdCBbaW1hZ2VTcmMsIHNldEltYWdlU3JjXSA9IHVzZVN0YXRlPHN0cmluZz4oZXhpc3RpbmdTcmMpO1xuICBjb25zdCBjaG9vc2VQaG90b0xhYmVsUmVmID0gdXNlUmVmPEhUTUxMYWJlbEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50Py50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgIGNvbnN0IGltYWdlRmlsZWxpc3QgPSB0YXJnZXQ/LmZpbGVzO1xuICAgICAgY29uc3QgaW1hZ2VGaWxlID0gaW1hZ2VGaWxlbGlzdD8uWzBdO1xuXG4gICAgICBpZiAoaW1hZ2VGaWxlbGlzdCkgb25JbWFnZUNoYW5nZWQ/LihpbWFnZUZpbGVsaXN0KTtcbiAgICAgIGlmIChpbWFnZUZpbGUpIHNldEltYWdlU3JjKFVSTC5jcmVhdGVPYmplY3RVUkwoaW1hZ2VGaWxlKSk7XG4gICAgfSxcbiAgICBbc2V0SW1hZ2VTcmMsIG9uSW1hZ2VDaGFuZ2VkXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgIG1heFdpZHRoPXtweFJlbSgxMjApfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICA+XG4gICAgICA8U3R5bGVkQXZhdGFyIHNyYz17aW1hZ2VTcmN9IGRpc2FibGVEcm9wc2hhZG93IGFsdD1cIkF2YXRhciBQaG90b1wiIC8+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBtdD17eyBfOiA0LCBzbTogMTIgfX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gY2hvb3NlUGhvdG9MYWJlbFJlZi5jdXJyZW50Py5jbGljaygpfVxuICAgICAgPlxuICAgICAgICB7LyogaHR0cHM6Ly9naXRodWIuY29tL2pzeC1lc2xpbnQvZXNsaW50LXBsdWdpbi1qc3gtYTExeS9ibG9iL21haW4vZG9jcy9ydWxlcy9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sLm1kICovfVxuICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wgKi99XG4gICAgICAgIDxsYWJlbCByZWY9e2Nob29zZVBob3RvTGFiZWxSZWZ9IGh0bWxGb3I9XCJhdmF0YXItY2hvb3NlclwiPlxuICAgICAgICAgIENob29zZSBQaG90b1xuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICA8SGlkZGVuSW5wdXRcbiAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICBpZD1cImF2YXRhci1jaG9vc2VyXCJcbiAgICAgICAgYXJpYS1pbnZhbGlkPXtCb29sZWFuKGVycm9yKX1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICB7Li4ucmVnaXN0ZXI/LihuYW1lLCB7XG4gICAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgICAgdmFsaWRhdGUsXG4gICAgICAgICAgcmVxdWlyZWQ6IGZhbHNlLFxuICAgICAgICB9KX1cbiAgICAgIC8+XG4gICAgICB7ZXJyb3IgJiYgPFN0eWxlZEZvcm1FcnJvciByb2xlPVwiYWxlcnRcIj57ZXJyb3J9PC9TdHlsZWRGb3JtRXJyb3I+fVxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG5cbmNvbnN0IHZhbGlkYXRlUGhvdG9VcGxvYWQgPSAoZmlsZXM6IEZpbGVMaXN0KTogYm9vbGVhbiB8IHN0cmluZyA9PiB7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkUgPSA1MjQyODgwO1xuICBjb25zdCBNQVhfRklMRV9TSVpFX0lOX01CID0gNTtcblxuICBjb25zdCBmaWxlID0gZmlsZXM/Lml0ZW0oMCk7XG4gIGlmICghZmlsZSkgcmV0dXJuIHRydWU7XG5cbiAgY29uc3QgeyB0eXBlLCBzaXplIH0gPSBmaWxlO1xuICBpZiAoIVsnaW1hZ2UvanBlZycsICdpbWFnZS9wbmcnXS5pbmNsdWRlcyh0eXBlKSlcbiAgICByZXR1cm4gJ1BsZWFzZSB1cGxvYWQgYSBqcGVnIG9yIHBuZyBmaWxlLic7XG5cbiAgaWYgKHNpemUgPiBNQVhfRklMRV9TSVpFKVxuICAgIHJldHVybiBgU29ycnksIHdlIGNhbm5vdCBhY2NlcHQgZmlsZXMgbGFyZ2VyIHRoYW4gJHtNQVhfRklMRV9TSVpFX0lOX01CfSBNQi5gO1xuXG4gIHJldHVybiB0cnVlO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledFormError = /*#__PURE__*/_styled(FormError, {
+  target: "e1ouehc40",
+  label: "StyledFormError"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1l8affw",
+  styles: "position:initial;text-align:center"
+} : {
+  name: "1l8affw",
+  styles: "position:initial;text-align:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3lDIiwiZmlsZSI6Ii4uLy4uL3NyYy9BdmF0YXJDaG9vc2VyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEZsZXhCb3gsXG4gIEZvcm1FcnJvcixcbiAgSW5wdXQsXG4gIFRleHRCdXR0b24sXG4gIFVzZUZvcm1SZXR1cm4sXG4gIFZhbGlkYXRlLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBweFJlbSwgdGhlbWUgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEF2YXRhciB9IGZyb20gJy4uL0F2YXRhcic7XG5cbnR5cGUgQXZhdGFyQ2hvb3NlclByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgcmVnaXN0ZXI/OiBVc2VGb3JtUmV0dXJuWydyZWdpc3RlciddO1xuICBvbkltYWdlQ2hhbmdlZD86IChpbWFnZUZpbGVMaXN0OiBGaWxlTGlzdCkgPT4gdm9pZDtcbiAgdmFsaWRhdGU/OlxuICAgIHwgVmFsaWRhdGU8RmlsZUxpc3QsIFtGaWxlTGlzdF0+XG4gICAgfCBSZWNvcmQ8c3RyaW5nLCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT4+O1xuICBlcnJvcj86IHN0cmluZztcbn07XG5cbmNvbnN0IGJhc2VTaXplID0gNzU7XG5jb25zdCBzbUJyZWFrcG9pbnRTaXplID0gMTIwO1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKWBcbiAgaW1nIHtcbiAgICB3aWR0aDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICAgIGhlaWdodDogJHtweFJlbShiYXNlU2l6ZSl9O1xuICB9XG5cbiAgJHt0aGVtZS5icmVha3BvaW50cy5zbX0ge1xuICAgIGltZyB7XG4gICAgICB3aWR0aDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgICBoZWlnaHQ6ICR7cHhSZW0oc21CcmVha3BvaW50U2l6ZSl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQoSW5wdXQpYFxuICBkaXNwbGF5OiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkRm9ybUVycm9yID0gc3R5bGVkKEZvcm1FcnJvcilgXG4gIHBvc2l0aW9uOiBpbml0aWFsO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQXZhdGFyQ2hvb3NlcjogUmVhY3QuRkM8QXZhdGFyQ2hvb3NlclByb3BzPiA9ICh7XG4gIHNyYzogZXhpc3RpbmdTcmMsXG4gIG9uSW1hZ2VDaGFuZ2VkLFxuICBlcnJvcixcbiAgcmVnaXN0ZXIsXG4gIHZhbGlkYXRlID0gdmFsaWRhdGVQaG90b1VwbG9hZCxcbiAgbmFtZSA9ICdBdmF0YXIgUGhvdG8nLFxufSkgPT4ge1xuICBjb25zdCBbaW1hZ2VTcmMsIHNldEltYWdlU3JjXSA9IHVzZVN0YXRlPHN0cmluZz4oZXhpc3RpbmdTcmMpO1xuICBjb25zdCBjaG9vc2VQaG90b0xhYmVsUmVmID0gdXNlUmVmPEhUTUxMYWJlbEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50Py50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICAgIGNvbnN0IGltYWdlRmlsZWxpc3QgPSB0YXJnZXQ/LmZpbGVzO1xuICAgICAgY29uc3QgaW1hZ2VGaWxlID0gaW1hZ2VGaWxlbGlzdD8uWzBdO1xuXG4gICAgICBpZiAoaW1hZ2VGaWxlbGlzdCkgb25JbWFnZUNoYW5nZWQ/LihpbWFnZUZpbGVsaXN0KTtcbiAgICAgIGlmIChpbWFnZUZpbGUpIHNldEltYWdlU3JjKFVSTC5jcmVhdGVPYmplY3RVUkwoaW1hZ2VGaWxlKSk7XG4gICAgfSxcbiAgICBbc2V0SW1hZ2VTcmMsIG9uSW1hZ2VDaGFuZ2VkXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgIG1heFdpZHRoPXtweFJlbSgxMjApfVxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICA+XG4gICAgICA8U3R5bGVkQXZhdGFyIHNyYz17aW1hZ2VTcmN9IGRpc2FibGVEcm9wc2hhZG93IGFsdD1cIkF2YXRhciBQaG90b1wiIC8+XG4gICAgICA8VGV4dEJ1dHRvblxuICAgICAgICBtdD17eyBfOiA0LCBzbTogMTIgfX1cbiAgICAgICAgb25DbGljaz17KCkgPT4gY2hvb3NlUGhvdG9MYWJlbFJlZi5jdXJyZW50Py5jbGljaygpfVxuICAgICAgPlxuICAgICAgICB7LyogaHR0cHM6Ly9naXRodWIuY29tL2pzeC1lc2xpbnQvZXNsaW50LXBsdWdpbi1qc3gtYTExeS9ibG9iL21haW4vZG9jcy9ydWxlcy9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sLm1kICovfVxuICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wgKi99XG4gICAgICAgIDxsYWJlbCByZWY9e2Nob29zZVBob3RvTGFiZWxSZWZ9IGh0bWxGb3I9XCJhdmF0YXItY2hvb3NlclwiPlxuICAgICAgICAgIENob29zZSBQaG90b1xuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9UZXh0QnV0dG9uPlxuXG4gICAgICA8SGlkZGVuSW5wdXRcbiAgICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgICBpZD1cImF2YXRhci1jaG9vc2VyXCJcbiAgICAgICAgYXJpYS1pbnZhbGlkPXtCb29sZWFuKGVycm9yKX1cbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICB7Li4ucmVnaXN0ZXI/LihuYW1lLCB7XG4gICAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgICAgdmFsaWRhdGUsXG4gICAgICAgICAgcmVxdWlyZWQ6IGZhbHNlLFxuICAgICAgICB9KX1cbiAgICAgIC8+XG4gICAgICB7ZXJyb3IgJiYgPFN0eWxlZEZvcm1FcnJvciByb2xlPVwiYWxlcnRcIj57ZXJyb3J9PC9TdHlsZWRGb3JtRXJyb3I+fVxuICAgIDwvRmxleEJveD5cbiAgKTtcbn07XG5cbmNvbnN0IHZhbGlkYXRlUGhvdG9VcGxvYWQgPSAoZmlsZXM6IEZpbGVMaXN0KTogYm9vbGVhbiB8IHN0cmluZyA9PiB7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkUgPSA1MjQyODgwO1xuICBjb25zdCBNQVhfRklMRV9TSVpFX0lOX01CID0gNTtcblxuICBjb25zdCBmaWxlID0gZmlsZXM/Lml0ZW0oMCk7XG4gIGlmICghZmlsZSkgcmV0dXJuIHRydWU7XG5cbiAgY29uc3QgeyB0eXBlLCBzaXplIH0gPSBmaWxlO1xuICBpZiAoIVsnaW1hZ2UvanBlZycsICdpbWFnZS9wbmcnXS5pbmNsdWRlcyh0eXBlKSlcbiAgICByZXR1cm4gJ1BsZWFzZSB1cGxvYWQgYSBqcGVnIG9yIHBuZyBmaWxlLic7XG5cbiAgaWYgKHNpemUgPiBNQVhfRklMRV9TSVpFKVxuICAgIHJldHVybiBgU29ycnksIHdlIGNhbm5vdCBhY2NlcHQgZmlsZXMgbGFyZ2VyIHRoYW4gJHtNQVhfRklMRV9TSVpFX0lOX01CfSBNQi5gO1xuXG4gIHJldHVybiB0cnVlO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const AvatarChooser = ({
+  src: existingSrc,
+  onImageChanged,
+  error,
+  register,
+  validate = validatePhotoUpload,
+  name = 'Avatar Photo'
+}) => {
+  const [imageSrc, setImageSrc] = useState(existingSrc);
+  const choosePhotoLabelRef = useRef(null);
+  const onChange = useCallback(event => {
+    const target = event?.target;
+    const imageFilelist = target?.files;
+    const imageFile = imageFilelist?.[0];
+    if (imageFilelist) onImageChanged?.(imageFilelist);
+    if (imageFile) setImageSrc(URL.createObjectURL(imageFile));
+  }, [setImageSrc, onImageChanged]);
+  return /*#__PURE__*/_jsxs(FlexBox, {
+    alignItems: "center",
+    flexDirection: "column",
+    justifyContent: "center",
+    width: "fit-content",
+    maxWidth: pxRem(120),
+    "aria-live": "polite",
+    children: [/*#__PURE__*/_jsx(StyledAvatar, {
+      src: imageSrc,
+      disableDropshadow: true,
+      alt: "Avatar Photo"
+    }), /*#__PURE__*/_jsx(TextButton, {
+      mt: {
+        _: 4,
+        sm: 12
+      },
+      onClick: () => choosePhotoLabelRef.current?.click(),
+      children: /*#__PURE__*/_jsx("label", {
+        ref: choosePhotoLabelRef,
+        htmlFor: "avatar-chooser",
+        children: "Choose Photo"
+      })
+    }), /*#__PURE__*/_jsx(HiddenInput, {
+      type: "file",
+      id: "avatar-chooser",
+      "aria-invalid": Boolean(error),
+      name: name,
+      onChange: onChange,
+      ...register?.(name, {
+        onChange,
+        validate,
+        required: false
+      })
+    }), error && /*#__PURE__*/_jsx(StyledFormError, {
+      role: "alert",
+      children: error
+    })]
+  });
 };
-const validatePhotoUpload = (files) => {
-	const MAX_FILE_SIZE = 5242880;
-	const MAX_FILE_SIZE_IN_MB = 5;
-	const file = files?.item(0);
-	if (!file) return true;
-	const { type, size } = file;
-	if (!["image/jpeg", "image/png"].includes(type)) return "Please upload a jpeg or png file.";
-	if (size > MAX_FILE_SIZE) return `Sorry, we cannot accept files larger than ${MAX_FILE_SIZE_IN_MB} MB.`;
-	return true;
-};
-
-//#endregion
-export { AvatarChooser };
+const validatePhotoUpload = files => {
+  const MAX_FILE_SIZE = 5242880;
+  const MAX_FILE_SIZE_IN_MB = 5;
+  const file = files?.item(0);
+  if (!file) return true;
+  const {
+    type,
+    size
+  } = file;
+  if (!['image/jpeg', 'image/png'].includes(type)) return 'Please upload a jpeg or png file.';
+  if (size > MAX_FILE_SIZE) return `Sorry, we cannot accept files larger than ${MAX_FILE_SIZE_IN_MB} MB.`;
+  return true;
+};

package/dist/BackToTopAnchor/index.d.ts

@@ -1,15 +1,13 @@
-//#region src/BackToTopAnchor/index.d.ts
 type BackToTopAnchorProps = {
-  /** The id of the element to scroll to */
-  targetId: string;
-  /** Whether to show the arrow icon */
-  showIcon?: boolean;
-  /** The size of the anchor */
-  size?: 'small' | 'base';
-  /**  The onClick here usually contains tracking data */
-  onClick?: () => void;
-  variant?: false | 'inline' | 'standard' | 'interface';
+    /** The id of the element to scroll to */
+    targetId: string;
+    /** Whether to show the arrow icon */
+    showIcon?: boolean;
+    /** The size of the anchor */
+    size?: 'small' | 'base';
+    /**  The onClick here usually contains tracking data */
+    onClick?: () => void;
+    variant?: false | 'inline' | 'standard' | 'interface';
 };
-declare const BackToTopAnchor: React.FC<BackToTopAnchorProps>;
-//#endregion
-export { BackToTopAnchor };
+export declare const BackToTopAnchor: React.FC<BackToTopAnchorProps>;
+export {};

package/dist/BackToTopAnchor/index.js

@@ -1,32 +1,38 @@
-import { Anchor, FlexBox } from "@codecademy/gamut";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowUpIcon } from "@codecademy/gamut-icons";
+import { Anchor, FlexBox } from '@codecademy/gamut';
+import { ArrowUpIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BackToTopAnchor = ({
+  targetId,
+  showIcon = true,
+  size = 'base',
+  onClick,
+  variant
+}) => {
+  return /*#__PURE__*/_jsx(Anchor, {
+    onClick: () => {
+      // move focus to page title without scrolling page
+      document.getElementById(targetId)?.focus({
+        preventScroll: true
+      });
 
-//#region src/BackToTopAnchor/index.tsx
-const BackToTopAnchor = ({ targetId, showIcon = true, size = "base", onClick, variant }) => {
-	return /* @__PURE__ */ jsx(Anchor, {
-		onClick: () => {
-			document.getElementById(targetId)?.focus({ preventScroll: true });
-			window.scrollTo({
-				top: 0,
-				behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? void 0 : "smooth"
-			});
-			onClick?.();
-		},
-		variant: variant || "interface",
-		fontSize: size === "small" ? 14 : 18,
-		alignSelf: "end",
-		mt: 64,
-		children: /* @__PURE__ */ jsxs(FlexBox, {
-			alignItems: "center",
-			justifyContent: "center",
-			children: [showIcon && /* @__PURE__ */ jsx(ArrowUpIcon, {
-				size: 24,
-				mr: 8
-			}), " Back to top"]
-		})
-	});
-};
-
-//#endregion
-export { BackToTopAnchor };
+      // scroll to top (or jump to top if user prefers reduced motion)
+      window.scrollTo({
+        top: 0,
+        behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? undefined : 'smooth'
+      });
+      onClick?.();
+    },
+    variant: variant || 'interface',
+    fontSize: size === 'small' ? 14 : 18,
+    alignSelf: "end",
+    mt: 64,
+    children: /*#__PURE__*/_jsxs(FlexBox, {
+      alignItems: "center",
+      justifyContent: "center",
+      children: [showIcon && /*#__PURE__*/_jsx(ArrowUpIcon, {
+        size: 24,
+        mr: 8
+      }), " Back to top"]
+    })
+  });
+};

package/dist/Banner/CountdownTimer.d.ts

@@ -1,10 +1,7 @@
-import React from "react";
-
-//#region src/Banner/CountdownTimer.d.ts
+import React from 'react';
 interface CountdownTimerProps {
-  targetDate: string;
-  onExpire?: () => void;
+    targetDate: string;
+    onExpire?: () => void;
 }
-declare const CountdownTimer: React.FC<CountdownTimerProps>;
-//#endregion
-export { CountdownTimer };
+export declare const CountdownTimer: React.FC<CountdownTimerProps>;
+export {};