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

package/dist/AvatarChooser/index.d.mts

@@ -1,16 +0,0 @@
-import { UseFormReturn, Validate } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/AvatarChooser/index.d.ts
-type AvatarChooserProps = {
-  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 };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/AvatarChooser/index.tsx"],"sourcesContent":[],"mappings":";;;;KAeK,kBAAA;;EAAA,IAAA,CAAA,EAAA,MAAA;EAGQ,QAAA,CAAA,EAAA,aAAA,CAAA,UAAA,CAAA;EACsB,cAAA,CAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,GAAA,IAAA;EAEpB,QAAA,CAAA,EAAT,QAAS,CAAA,QAAA,EAAA,CAAW,QAAX,CAAA,CAAA,GACT,MADS,CAAA,MAAA,EACM,QADN,CACe,QADf,EAAA,CAC0B,QAD1B,CAAA,CAAA,CAAA;EAAW,KAAA,CAAA,EAAA,MAAA;CAApB;AACwB,cA8BjB,aA9BiB,EA8BF,OAAA,CAAM,EA9BJ,CA8BO,kBA9BP,CAAA"}

package/dist/AvatarChooser/index.mjs

@@ -1,78 +0,0 @@
-import { Avatar } from "../Avatar/index.mjs";
-import { FlexBox, FormError, Input, TextButton } from "@codecademy/gamut";
-import { pxRem, theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useCallback, useRef, useState } from "react";
-
-//#region src/AvatarChooser/index.tsx
-const baseSize = 75;
-const smBreakpointSize = 120;
-const StyledAvatar = /* @__PURE__ */ styled(Avatar, {
-	target: "e1hggsdq0",
-	label: "brand-StyledAvatar"
-})("img{width:", pxRem(baseSize), ";height:", pxRem(baseSize), ";}", theme.breakpoints.sm, "{img{width:", pxRem(smBreakpointSize), ";height:", pxRem(smBreakpointSize), ";}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0F2YXRhckNob29zZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXZhdGFyQ2hvb3Nlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRmxleEJveCxcbiAgRm9ybUVycm9yLFxuICBJbnB1dCxcbiAgVGV4dEJ1dHRvbixcbiAgVXNlRm9ybVJldHVybixcbiAgVmFsaWRhdGUsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vQXZhdGFyJztcblxudHlwZSBBdmF0YXJDaG9vc2VyUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICByZWdpc3Rlcj86IFVzZUZvcm1SZXR1cm5bJ3JlZ2lzdGVyJ107XG4gIG9uSW1hZ2VDaGFuZ2VkPzogKGltYWdlRmlsZUxpc3Q6IEZpbGVMaXN0KSA9PiB2b2lkO1xuICB2YWxpZGF0ZT86XG4gICAgfCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT5cbiAgICB8IFJlY29yZDxzdHJpbmcsIFZhbGlkYXRlPEZpbGVMaXN0LCBbRmlsZUxpc3RdPj47XG4gIGVycm9yPzogc3RyaW5nO1xufTtcblxuY29uc3QgYmFzZVNpemUgPSA3NTtcbmNvbnN0IHNtQnJlYWtwb2ludFNpemUgPSAxMjA7XG5cbmNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChBdmF0YXIpYFxuICBpbWcge1xuICAgIHdpZHRoOiAke3B4UmVtKGJhc2VTaXplKX07XG4gICAgaGVpZ2h0OiAke3B4UmVtKGJhc2VTaXplKX07XG4gIH1cblxuICAke3RoZW1lLmJyZWFrcG9pbnRzLnNtfSB7XG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAke3B4UmVtKHNtQnJlYWtwb2ludFNpemUpfTtcbiAgICAgIGhlaWdodDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZChJbnB1dClgXG4gIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtRXJyb3IgPSBzdHlsZWQoRm9ybUVycm9yKWBcbiAgcG9zaXRpb246IGluaXRpYWw7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJDaG9vc2VyOiBSZWFjdC5GQzxBdmF0YXJDaG9vc2VyUHJvcHM+ID0gKHtcbiAgc3JjOiBleGlzdGluZ1NyYyxcbiAgb25JbWFnZUNoYW5nZWQsXG4gIGVycm9yLFxuICByZWdpc3RlcixcbiAgdmFsaWRhdGUgPSB2YWxpZGF0ZVBob3RvVXBsb2FkLFxuICBuYW1lID0gJ0F2YXRhciBQaG90bycsXG59KSA9PiB7XG4gIGNvbnN0IFtpbWFnZVNyYywgc2V0SW1hZ2VTcmNdID0gdXNlU3RhdGU8c3RyaW5nPihleGlzdGluZ1NyYyk7XG4gIGNvbnN0IGNob29zZVBob3RvTGFiZWxSZWYgPSB1c2VSZWY8SFRNTExhYmVsRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3Qgb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQ/LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgY29uc3QgaW1hZ2VGaWxlbGlzdCA9IHRhcmdldD8uZmlsZXM7XG4gICAgICBjb25zdCBpbWFnZUZpbGUgPSBpbWFnZUZpbGVsaXN0Py5bMF07XG5cbiAgICAgIGlmIChpbWFnZUZpbGVsaXN0KSBvbkltYWdlQ2hhbmdlZD8uKGltYWdlRmlsZWxpc3QpO1xuICAgICAgaWYgKGltYWdlRmlsZSkgc2V0SW1hZ2VTcmMoVVJMLmNyZWF0ZU9iamVjdFVSTChpbWFnZUZpbGUpKTtcbiAgICB9LFxuICAgIFtzZXRJbWFnZVNyYywgb25JbWFnZUNoYW5nZWRdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgIHdpZHRoPVwiZml0LWNvbnRlbnRcIlxuICAgICAgbWF4V2lkdGg9e3B4UmVtKDEyMCl9XG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgID5cbiAgICAgIDxTdHlsZWRBdmF0YXIgc3JjPXtpbWFnZVNyY30gZGlzYWJsZURyb3BzaGFkb3cgYWx0PVwiQXZhdGFyIFBob3RvXCIgLz5cbiAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgIG10PXt7IF86IDQsIHNtOiAxMiB9fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBjaG9vc2VQaG90b0xhYmVsUmVmLmN1cnJlbnQ/LmNsaWNrKCl9XG4gICAgICA+XG4gICAgICAgIHsvKiBodHRwczovL2dpdGh1Yi5jb20vanN4LWVzbGludC9lc2xpbnQtcGx1Z2luLWpzeC1hMTF5L2Jsb2IvbWFpbi9kb2NzL3J1bGVzL2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wubWQgKi99XG4gICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL31cbiAgICAgICAgPGxhYmVsIHJlZj17Y2hvb3NlUGhvdG9MYWJlbFJlZn0gaHRtbEZvcj1cImF2YXRhci1jaG9vc2VyXCI+XG4gICAgICAgICAgQ2hvb3NlIFBob3RvXG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L1RleHRCdXR0b24+XG5cbiAgICAgIDxIaWRkZW5JbnB1dFxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIGlkPVwiYXZhdGFyLWNob29zZXJcIlxuICAgICAgICBhcmlhLWludmFsaWQ9e0Jvb2xlYW4oZXJyb3IpfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHsuLi5yZWdpc3Rlcj8uKG5hbWUsIHtcbiAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICB2YWxpZGF0ZSxcbiAgICAgICAgICByZXF1aXJlZDogZmFsc2UsXG4gICAgICAgIH0pfVxuICAgICAgLz5cbiAgICAgIHtlcnJvciAmJiA8U3R5bGVkRm9ybUVycm9yIHJvbGU9XCJhbGVydFwiPntlcnJvcn08L1N0eWxlZEZvcm1FcnJvcj59XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuY29uc3QgdmFsaWRhdGVQaG90b1VwbG9hZCA9IChmaWxlczogRmlsZUxpc3QpOiBib29sZWFuIHwgc3RyaW5nID0+IHtcbiAgY29uc3QgTUFYX0ZJTEVfU0laRSA9IDUyNDI4ODA7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkVfSU5fTUIgPSA1O1xuXG4gIGNvbnN0IGZpbGUgPSBmaWxlcz8uaXRlbSgwKTtcbiAgaWYgKCFmaWxlKSByZXR1cm4gdHJ1ZTtcblxuICBjb25zdCB7IHR5cGUsIHNpemUgfSA9IGZpbGU7XG4gIGlmICghWydpbWFnZS9qcGVnJywgJ2ltYWdlL3BuZyddLmluY2x1ZGVzKHR5cGUpKVxuICAgIHJldHVybiAnUGxlYXNlIHVwbG9hZCBhIGpwZWcgb3IgcG5nIGZpbGUuJztcblxuICBpZiAoc2l6ZSA+IE1BWF9GSUxFX1NJWkUpXG4gICAgcmV0dXJuIGBTb3JyeSwgd2UgY2Fubm90IGFjY2VwdCBmaWxlcyBsYXJnZXIgdGhhbiAke01BWF9GSUxFX1NJWkVfSU5fTUJ9IE1CLmA7XG5cbiAgcmV0dXJuIHRydWU7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCcUIifQ== */");
-const HiddenInput = /* @__PURE__ */ styled(Input, {
-	target: "e1hggsdq1",
-	label: "brand-HiddenInput"
-})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0F2YXRhckNob29zZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXZhdGFyQ2hvb3Nlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRmxleEJveCxcbiAgRm9ybUVycm9yLFxuICBJbnB1dCxcbiAgVGV4dEJ1dHRvbixcbiAgVXNlRm9ybVJldHVybixcbiAgVmFsaWRhdGUsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vQXZhdGFyJztcblxudHlwZSBBdmF0YXJDaG9vc2VyUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICByZWdpc3Rlcj86IFVzZUZvcm1SZXR1cm5bJ3JlZ2lzdGVyJ107XG4gIG9uSW1hZ2VDaGFuZ2VkPzogKGltYWdlRmlsZUxpc3Q6IEZpbGVMaXN0KSA9PiB2b2lkO1xuICB2YWxpZGF0ZT86XG4gICAgfCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT5cbiAgICB8IFJlY29yZDxzdHJpbmcsIFZhbGlkYXRlPEZpbGVMaXN0LCBbRmlsZUxpc3RdPj47XG4gIGVycm9yPzogc3RyaW5nO1xufTtcblxuY29uc3QgYmFzZVNpemUgPSA3NTtcbmNvbnN0IHNtQnJlYWtwb2ludFNpemUgPSAxMjA7XG5cbmNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChBdmF0YXIpYFxuICBpbWcge1xuICAgIHdpZHRoOiAke3B4UmVtKGJhc2VTaXplKX07XG4gICAgaGVpZ2h0OiAke3B4UmVtKGJhc2VTaXplKX07XG4gIH1cblxuICAke3RoZW1lLmJyZWFrcG9pbnRzLnNtfSB7XG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAke3B4UmVtKHNtQnJlYWtwb2ludFNpemUpfTtcbiAgICAgIGhlaWdodDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZChJbnB1dClgXG4gIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtRXJyb3IgPSBzdHlsZWQoRm9ybUVycm9yKWBcbiAgcG9zaXRpb246IGluaXRpYWw7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJDaG9vc2VyOiBSZWFjdC5GQzxBdmF0YXJDaG9vc2VyUHJvcHM+ID0gKHtcbiAgc3JjOiBleGlzdGluZ1NyYyxcbiAgb25JbWFnZUNoYW5nZWQsXG4gIGVycm9yLFxuICByZWdpc3RlcixcbiAgdmFsaWRhdGUgPSB2YWxpZGF0ZVBob3RvVXBsb2FkLFxuICBuYW1lID0gJ0F2YXRhciBQaG90bycsXG59KSA9PiB7XG4gIGNvbnN0IFtpbWFnZVNyYywgc2V0SW1hZ2VTcmNdID0gdXNlU3RhdGU8c3RyaW5nPihleGlzdGluZ1NyYyk7XG4gIGNvbnN0IGNob29zZVBob3RvTGFiZWxSZWYgPSB1c2VSZWY8SFRNTExhYmVsRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3Qgb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQ/LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgY29uc3QgaW1hZ2VGaWxlbGlzdCA9IHRhcmdldD8uZmlsZXM7XG4gICAgICBjb25zdCBpbWFnZUZpbGUgPSBpbWFnZUZpbGVsaXN0Py5bMF07XG5cbiAgICAgIGlmIChpbWFnZUZpbGVsaXN0KSBvbkltYWdlQ2hhbmdlZD8uKGltYWdlRmlsZWxpc3QpO1xuICAgICAgaWYgKGltYWdlRmlsZSkgc2V0SW1hZ2VTcmMoVVJMLmNyZWF0ZU9iamVjdFVSTChpbWFnZUZpbGUpKTtcbiAgICB9LFxuICAgIFtzZXRJbWFnZVNyYywgb25JbWFnZUNoYW5nZWRdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgIHdpZHRoPVwiZml0LWNvbnRlbnRcIlxuICAgICAgbWF4V2lkdGg9e3B4UmVtKDEyMCl9XG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgID5cbiAgICAgIDxTdHlsZWRBdmF0YXIgc3JjPXtpbWFnZVNyY30gZGlzYWJsZURyb3BzaGFkb3cgYWx0PVwiQXZhdGFyIFBob3RvXCIgLz5cbiAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgIG10PXt7IF86IDQsIHNtOiAxMiB9fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBjaG9vc2VQaG90b0xhYmVsUmVmLmN1cnJlbnQ/LmNsaWNrKCl9XG4gICAgICA+XG4gICAgICAgIHsvKiBodHRwczovL2dpdGh1Yi5jb20vanN4LWVzbGludC9lc2xpbnQtcGx1Z2luLWpzeC1hMTF5L2Jsb2IvbWFpbi9kb2NzL3J1bGVzL2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wubWQgKi99XG4gICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL31cbiAgICAgICAgPGxhYmVsIHJlZj17Y2hvb3NlUGhvdG9MYWJlbFJlZn0gaHRtbEZvcj1cImF2YXRhci1jaG9vc2VyXCI+XG4gICAgICAgICAgQ2hvb3NlIFBob3RvXG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L1RleHRCdXR0b24+XG5cbiAgICAgIDxIaWRkZW5JbnB1dFxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIGlkPVwiYXZhdGFyLWNob29zZXJcIlxuICAgICAgICBhcmlhLWludmFsaWQ9e0Jvb2xlYW4oZXJyb3IpfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHsuLi5yZWdpc3Rlcj8uKG5hbWUsIHtcbiAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICB2YWxpZGF0ZSxcbiAgICAgICAgICByZXF1aXJlZDogZmFsc2UsXG4gICAgICAgIH0pfVxuICAgICAgLz5cbiAgICAgIHtlcnJvciAmJiA8U3R5bGVkRm9ybUVycm9yIHJvbGU9XCJhbGVydFwiPntlcnJvcn08L1N0eWxlZEZvcm1FcnJvcj59XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuY29uc3QgdmFsaWRhdGVQaG90b1VwbG9hZCA9IChmaWxlczogRmlsZUxpc3QpOiBib29sZWFuIHwgc3RyaW5nID0+IHtcbiAgY29uc3QgTUFYX0ZJTEVfU0laRSA9IDUyNDI4ODA7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkVfSU5fTUIgPSA1O1xuXG4gIGNvbnN0IGZpbGUgPSBmaWxlcz8uaXRlbSgwKTtcbiAgaWYgKCFmaWxlKSByZXR1cm4gdHJ1ZTtcblxuICBjb25zdCB7IHR5cGUsIHNpemUgfSA9IGZpbGU7XG4gIGlmICghWydpbWFnZS9qcGVnJywgJ2ltYWdlL3BuZyddLmluY2x1ZGVzKHR5cGUpKVxuICAgIHJldHVybiAnUGxlYXNlIHVwbG9hZCBhIGpwZWcgb3IgcG5nIGZpbGUuJztcblxuICBpZiAoc2l6ZSA+IE1BWF9GSUxFX1NJWkUpXG4gICAgcmV0dXJuIGBTb3JyeSwgd2UgY2Fubm90IGFjY2VwdCBmaWxlcyBsYXJnZXIgdGhhbiAke01BWF9GSUxFX1NJWkVfSU5fTUJ9IE1CLmA7XG5cbiAgcmV0dXJuIHRydWU7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0IifQ== */");
-const StyledFormError = /* @__PURE__ */ styled(FormError, {
-	target: "e1hggsdq2",
-	label: "brand-StyledFormError"
-})("position:initial;text-align:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0F2YXRhckNob29zZXIvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvQXZhdGFyQ2hvb3Nlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRmxleEJveCxcbiAgRm9ybUVycm9yLFxuICBJbnB1dCxcbiAgVGV4dEJ1dHRvbixcbiAgVXNlRm9ybVJldHVybixcbiAgVmFsaWRhdGUsXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHB4UmVtLCB0aGVtZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyIH0gZnJvbSAnLi4vQXZhdGFyJztcblxudHlwZSBBdmF0YXJDaG9vc2VyUHJvcHMgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICByZWdpc3Rlcj86IFVzZUZvcm1SZXR1cm5bJ3JlZ2lzdGVyJ107XG4gIG9uSW1hZ2VDaGFuZ2VkPzogKGltYWdlRmlsZUxpc3Q6IEZpbGVMaXN0KSA9PiB2b2lkO1xuICB2YWxpZGF0ZT86XG4gICAgfCBWYWxpZGF0ZTxGaWxlTGlzdCwgW0ZpbGVMaXN0XT5cbiAgICB8IFJlY29yZDxzdHJpbmcsIFZhbGlkYXRlPEZpbGVMaXN0LCBbRmlsZUxpc3RdPj47XG4gIGVycm9yPzogc3RyaW5nO1xufTtcblxuY29uc3QgYmFzZVNpemUgPSA3NTtcbmNvbnN0IHNtQnJlYWtwb2ludFNpemUgPSAxMjA7XG5cbmNvbnN0IFN0eWxlZEF2YXRhciA9IHN0eWxlZChBdmF0YXIpYFxuICBpbWcge1xuICAgIHdpZHRoOiAke3B4UmVtKGJhc2VTaXplKX07XG4gICAgaGVpZ2h0OiAke3B4UmVtKGJhc2VTaXplKX07XG4gIH1cblxuICAke3RoZW1lLmJyZWFrcG9pbnRzLnNtfSB7XG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAke3B4UmVtKHNtQnJlYWtwb2ludFNpemUpfTtcbiAgICAgIGhlaWdodDogJHtweFJlbShzbUJyZWFrcG9pbnRTaXplKX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZChJbnB1dClgXG4gIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtRXJyb3IgPSBzdHlsZWQoRm9ybUVycm9yKWBcbiAgcG9zaXRpb246IGluaXRpYWw7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJDaG9vc2VyOiBSZWFjdC5GQzxBdmF0YXJDaG9vc2VyUHJvcHM+ID0gKHtcbiAgc3JjOiBleGlzdGluZ1NyYyxcbiAgb25JbWFnZUNoYW5nZWQsXG4gIGVycm9yLFxuICByZWdpc3RlcixcbiAgdmFsaWRhdGUgPSB2YWxpZGF0ZVBob3RvVXBsb2FkLFxuICBuYW1lID0gJ0F2YXRhciBQaG90bycsXG59KSA9PiB7XG4gIGNvbnN0IFtpbWFnZVNyYywgc2V0SW1hZ2VTcmNdID0gdXNlU3RhdGU8c3RyaW5nPihleGlzdGluZ1NyYyk7XG4gIGNvbnN0IGNob29zZVBob3RvTGFiZWxSZWYgPSB1c2VSZWY8SFRNTExhYmVsRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3Qgb25DaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQ/LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgY29uc3QgaW1hZ2VGaWxlbGlzdCA9IHRhcmdldD8uZmlsZXM7XG4gICAgICBjb25zdCBpbWFnZUZpbGUgPSBpbWFnZUZpbGVsaXN0Py5bMF07XG5cbiAgICAgIGlmIChpbWFnZUZpbGVsaXN0KSBvbkltYWdlQ2hhbmdlZD8uKGltYWdlRmlsZWxpc3QpO1xuICAgICAgaWYgKGltYWdlRmlsZSkgc2V0SW1hZ2VTcmMoVVJMLmNyZWF0ZU9iamVjdFVSTChpbWFnZUZpbGUpKTtcbiAgICB9LFxuICAgIFtzZXRJbWFnZVNyYywgb25JbWFnZUNoYW5nZWRdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveFxuICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgIHdpZHRoPVwiZml0LWNvbnRlbnRcIlxuICAgICAgbWF4V2lkdGg9e3B4UmVtKDEyMCl9XG4gICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgID5cbiAgICAgIDxTdHlsZWRBdmF0YXIgc3JjPXtpbWFnZVNyY30gZGlzYWJsZURyb3BzaGFkb3cgYWx0PVwiQXZhdGFyIFBob3RvXCIgLz5cbiAgICAgIDxUZXh0QnV0dG9uXG4gICAgICAgIG10PXt7IF86IDQsIHNtOiAxMiB9fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBjaG9vc2VQaG90b0xhYmVsUmVmLmN1cnJlbnQ/LmNsaWNrKCl9XG4gICAgICA+XG4gICAgICAgIHsvKiBodHRwczovL2dpdGh1Yi5jb20vanN4LWVzbGludC9lc2xpbnQtcGx1Z2luLWpzeC1hMTF5L2Jsb2IvbWFpbi9kb2NzL3J1bGVzL2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wubWQgKi99XG4gICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL31cbiAgICAgICAgPGxhYmVsIHJlZj17Y2hvb3NlUGhvdG9MYWJlbFJlZn0gaHRtbEZvcj1cImF2YXRhci1jaG9vc2VyXCI+XG4gICAgICAgICAgQ2hvb3NlIFBob3RvXG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L1RleHRCdXR0b24+XG5cbiAgICAgIDxIaWRkZW5JbnB1dFxuICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgIGlkPVwiYXZhdGFyLWNob29zZXJcIlxuICAgICAgICBhcmlhLWludmFsaWQ9e0Jvb2xlYW4oZXJyb3IpfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHsuLi5yZWdpc3Rlcj8uKG5hbWUsIHtcbiAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICB2YWxpZGF0ZSxcbiAgICAgICAgICByZXF1aXJlZDogZmFsc2UsXG4gICAgICAgIH0pfVxuICAgICAgLz5cbiAgICAgIHtlcnJvciAmJiA8U3R5bGVkRm9ybUVycm9yIHJvbGU9XCJhbGVydFwiPntlcnJvcn08L1N0eWxlZEZvcm1FcnJvcj59XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuY29uc3QgdmFsaWRhdGVQaG90b1VwbG9hZCA9IChmaWxlczogRmlsZUxpc3QpOiBib29sZWFuIHwgc3RyaW5nID0+IHtcbiAgY29uc3QgTUFYX0ZJTEVfU0laRSA9IDUyNDI4ODA7XG4gIGNvbnN0IE1BWF9GSUxFX1NJWkVfSU5fTUIgPSA1O1xuXG4gIGNvbnN0IGZpbGUgPSBmaWxlcz8uaXRlbSgwKTtcbiAgaWYgKCFmaWxlKSByZXR1cm4gdHJ1ZTtcblxuICBjb25zdCB7IHR5cGUsIHNpemUgfSA9IGZpbGU7XG4gIGlmICghWydpbWFnZS9qcGVnJywgJ2ltYWdlL3BuZyddLmluY2x1ZGVzKHR5cGUpKVxuICAgIHJldHVybiAnUGxlYXNlIHVwbG9hZCBhIGpwZWcgb3IgcG5nIGZpbGUuJztcblxuICBpZiAoc2l6ZSA+IE1BWF9GSUxFX1NJWkUpXG4gICAgcmV0dXJuIGBTb3JyeSwgd2UgY2Fubm90IGFjY2VwdCBmaWxlcyBsYXJnZXIgdGhhbiAke01BWF9GSUxFX1NJWkVfSU5fTUJ9IE1CLmA7XG5cbiAgcmV0dXJuIHRydWU7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDd0IifQ== */");
-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__ */ React$1.createElement(FlexBox, {
-		alignItems: "center",
-		flexDirection: "column",
-		justifyContent: "center",
-		width: "fit-content",
-		maxWidth: pxRem(120),
-		"aria-live": "polite"
-	}, /* @__PURE__ */ React$1.createElement(StyledAvatar, {
-		src: imageSrc,
-		disableDropshadow: true,
-		alt: "Avatar Photo"
-	}), /* @__PURE__ */ React$1.createElement(TextButton, {
-		mt: {
-			_: 4,
-			sm: 12
-		},
-		onClick: () => choosePhotoLabelRef.current?.click()
-	}, /* @__PURE__ */ React$1.createElement("label", {
-		ref: choosePhotoLabelRef,
-		htmlFor: "avatar-chooser"
-	}, "Choose Photo")), /* @__PURE__ */ React$1.createElement(HiddenInput, {
-		type: "file",
-		id: "avatar-chooser",
-		"aria-invalid": Boolean(error),
-		name,
-		onChange,
-		...register?.(name, {
-			onChange,
-			validate,
-			required: false
-		})
-	}), error && /* @__PURE__ */ React$1.createElement(StyledFormError, { role: "alert" }, 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 };
-//# sourceMappingURL=index.mjs.map

package/dist/AvatarChooser/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["FlexBox","FormError","Input","TextButton","pxRem","theme","styled","useCallback","useRef","useState","React","Avatar","baseSize","smBreakpointSize","StyledAvatar","breakpoints","sm","HiddenInput","StyledFormError","AvatarChooser","src","existingSrc","onImageChanged","error","register","validate","validatePhotoUpload","name","imageSrc","setImageSrc","choosePhotoLabelRef","onChange","event","target","imageFilelist","files","imageFile","URL","createObjectURL","alignItems","flexDirection","justifyContent","width","maxWidth","aria-live","disableDropshadow","alt","mt","_","onClick","current","click","label","ref","htmlFor","type","id","aria-invalid","Boolean","required","role","MAX_FILE_SIZE","MAX_FILE_SIZE_IN_MB","file","item","size","includes"],"sources":["../../src/AvatarChooser/index.tsx"],"sourcesContent":["import {\n  FlexBox,\n  FormError,\n  Input,\n  TextButton,\n  UseFormReturn,\n  Validate,\n} from '@codecademy/gamut';\nimport { pxRem, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useRef, useState } from 'react';\nimport * as React from 'react';\n\nimport { Avatar } from '../Avatar';\n\ntype AvatarChooserProps = {\n  src: string;\n  name?: string;\n  register?: UseFormReturn['register'];\n  onImageChanged?: (imageFileList: FileList) => void;\n  validate?:\n    | Validate<FileList, [FileList]>\n    | Record<string, Validate<FileList, [FileList]>>;\n  error?: string;\n};\n\nconst baseSize = 75;\nconst smBreakpointSize = 120;\n\nconst StyledAvatar = styled(Avatar)`\n  img {\n    width: ${pxRem(baseSize)};\n    height: ${pxRem(baseSize)};\n  }\n\n  ${theme.breakpoints.sm} {\n    img {\n      width: ${pxRem(smBreakpointSize)};\n      height: ${pxRem(smBreakpointSize)};\n    }\n  }\n`;\n\nconst HiddenInput = styled(Input)`\n  display: none;\n`;\n\nconst StyledFormError = styled(FormError)`\n  position: initial;\n  text-align: center;\n`;\n\nexport const AvatarChooser: React.FC<AvatarChooserProps> = ({\n  src: existingSrc,\n  onImageChanged,\n  error,\n  register,\n  validate = validatePhotoUpload,\n  name = 'Avatar Photo',\n}) => {\n  const [imageSrc, setImageSrc] = useState<string>(existingSrc);\n  const choosePhotoLabelRef = useRef<HTMLLabelElement>(null);\n\n  const onChange = useCallback(\n    (event: React.FormEvent<HTMLInputElement>) => {\n      const target = event?.target as HTMLInputElement;\n      const imageFilelist = target?.files;\n      const imageFile = imageFilelist?.[0];\n\n      if (imageFilelist) onImageChanged?.(imageFilelist);\n      if (imageFile) setImageSrc(URL.createObjectURL(imageFile));\n    },\n    [setImageSrc, onImageChanged]\n  );\n\n  return (\n    <FlexBox\n      alignItems=\"center\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      width=\"fit-content\"\n      maxWidth={pxRem(120)}\n      aria-live=\"polite\"\n    >\n      <StyledAvatar src={imageSrc} disableDropshadow alt=\"Avatar Photo\" />\n      <TextButton\n        mt={{ _: 4, sm: 12 }}\n        onClick={() => choosePhotoLabelRef.current?.click()}\n      >\n        {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/label-has-associated-control.md */}\n        {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}\n        <label ref={choosePhotoLabelRef} htmlFor=\"avatar-chooser\">\n          Choose Photo\n        </label>\n      </TextButton>\n\n      <HiddenInput\n        type=\"file\"\n        id=\"avatar-chooser\"\n        aria-invalid={Boolean(error)}\n        name={name}\n        onChange={onChange}\n        {...register?.(name, {\n          onChange,\n          validate,\n          required: false,\n        })}\n      />\n      {error && <StyledFormError role=\"alert\">{error}</StyledFormError>}\n    </FlexBox>\n  );\n};\n\nconst validatePhotoUpload = (files: FileList): boolean | string => {\n  const MAX_FILE_SIZE = 5242880;\n  const MAX_FILE_SIZE_IN_MB = 5;\n\n  const file = files?.item(0);\n  if (!file) return true;\n\n  const { type, size } = file;\n  if (!['image/jpeg', 'image/png'].includes(type))\n    return 'Please upload a jpeg or png file.';\n\n  if (size > MAX_FILE_SIZE)\n    return `Sorry, we cannot accept files larger than ${MAX_FILE_SIZE_IN_MB} MB.`;\n\n  return true;\n};\n"],"mappings":";;;;;;;;AA0BA,MAAMY,WAAW;AACjB,MAAMC,mBAAmB;AAEzB,MAAMC,eAAeR,uBAAOK,QAAAA;;;iBAEfP,MAAMQ,SAAAA,EAAAA,YACLR,MAAMQ,SAAAA,EAAAA,MAGhBP,MAAMU,YAAYC,IAAE,eAETZ,MAAMS,iBAAAA,EAAAA,YACLT,MAAMS,iBAAAA,EAAAA,OAAAA,k4JAAAA;AAKtB,MAAMI,cAAcX,uBAAOJ,OAAAA;;;;AAI3B,MAAMgB,kBAAkBZ,uBAAOL,WAAAA;;;;AAK/B,MAAakB,iBAA+C,EAC1DC,KAAKC,aACLC,gBACAC,OACAC,UACAC,WAAWC,qBACXC,OAAO,qBACR;CACC,MAAM,CAACC,UAAUC,eAAepB,SAAiBY,YAAAA;CACjD,MAAMS,sBAAsBtB,OAAyB,KAAA;CAErD,MAAMuB,WAAWxB,aACdyB,UAAAA;EAEC,MAAME,iBADSF,OAAOC,SACQE;EAC9B,MAAMC,YAAYF,gBAAgB;AAElC,MAAIA,cAAeZ,kBAAiBY,cAAAA;AACpC,MAAIE,UAAWP,aAAYQ,IAAIC,gBAAgBF,UAAAA,CAAAA;IAEjD,CAACP,aAAaP,eAAe,CAAA;AAG/B,QACE,wBAAA,cAACtB,SAAAA;EACCuC,YAAW;EACXC,eAAc;EACdC,gBAAe;EACfC,OAAM;EACNC,UAAUvC,MAAM,IAAA;EAChBwC,aAAU;IAEV,wBAAA,cAAC9B,cAAAA;EAAaM,KAAKQ;EAAUiB,mBAAAA;EAAkBC,KAAI;KACnD,wBAAA,cAAC3C,YAAAA;EACC4C,IAAI;GAAEC,GAAG;GAAGhC,IAAI;GAAG;EACnBiC,eAAenB,oBAAoBoB,SAASC,OAAAA;IAI5C,wBAAA,cAACC,SAAAA;EAAMC,KAAKvB;EAAqBwB,SAAQ;IAAiB,eAAA,CAAA,EAK5D,wBAAA,cAACrC,aAAAA;EACCsC,MAAK;EACLC,IAAG;EACHC,gBAAcC,QAAQnC,MAAAA;EAChBI;EACII;EACT,GAAGP,WAAWG,MAAM;GACnBI;GACAN;GACAkC,UAAU;GACZ,CAAE;KAEHpC,SAAS,wBAAA,cAACL,iBAAAA,EAAgB0C,MAAK,WAASrC,MAAAA,CAAAA;;AAK/C,MAAMG,uBAAuBS,UAAAA;CAC3B,MAAM0B,gBAAgB;CACtB,MAAMC,sBAAsB;CAE5B,MAAMC,OAAO5B,OAAO6B,KAAK,EAAA;AACzB,KAAI,CAACD,KAAM,QAAO;CAElB,MAAM,EAAER,MAAMU,SAASF;AACvB,KAAI,CAAC,CAAC,cAAc,YAAY,CAACG,SAASX,KAAAA,CACxC,QAAO;AAET,KAAIU,OAAOJ,cACT,QAAO,6CAA6CC,oBAAoB;AAE1E,QAAO"}

package/dist/BackToTopAnchor/index.cjs

@@ -1,31 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-
-//#region src/BackToTopAnchor/index.tsx
-const BackToTopAnchor = ({ targetId, showIcon = true, size = "base", onClick, variant }) => {
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.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
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
-		alignItems: "center",
-		justifyContent: "center"
-	}, showIcon && /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.ArrowUpIcon, {
-		size: 24,
-		mr: 8
-	}), " Back to top"));
-};
-
-//#endregion
-exports.BackToTopAnchor = BackToTopAnchor;
-//# sourceMappingURL=index.cjs.map

package/dist/BackToTopAnchor/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Anchor","FlexBox","ArrowUpIcon","BackToTopAnchor","targetId","showIcon","size","onClick","variant","document","getElementById","focus","preventScroll","window","scrollTo","top","behavior","matchMedia","matches","undefined","fontSize","alignSelf","mt","alignItems","justifyContent","mr"],"sources":["../../src/BackToTopAnchor/index.tsx"],"sourcesContent":["import { Anchor, FlexBox } from '@codecademy/gamut';\nimport { ArrowUpIcon } from '@codecademy/gamut-icons';\n\ntype BackToTopAnchorProps = {\n  /** The id of the element to scroll to */\n  targetId: string;\n  /** Whether to show the arrow icon */\n  showIcon?: boolean;\n  /** The size of the anchor */\n  size?: 'small' | 'base';\n  /**  The onClick here usually contains tracking data */\n  onClick?: () => void;\n  variant?: false | 'inline' | 'standard' | 'interface';\n};\n\nexport const BackToTopAnchor: React.FC<BackToTopAnchorProps> = ({\n  targetId,\n  showIcon = true,\n  size = 'base',\n  onClick,\n  variant,\n}) => {\n  return (\n    <Anchor\n      onClick={() => {\n        // move focus to page title without scrolling page\n        document.getElementById(targetId)?.focus({ preventScroll: true });\n\n        // scroll to top (or jump to top if user prefers reduced motion)\n        window.scrollTo({\n          top: 0,\n          behavior: window.matchMedia('(prefers-reduced-motion: reduce)')\n            .matches\n            ? undefined\n            : 'smooth',\n        });\n\n        onClick?.();\n      }}\n      variant={variant || 'interface'}\n      fontSize={size === 'small' ? 14 : 18}\n      alignSelf=\"end\"\n      mt={64}\n    >\n      <FlexBox alignItems=\"center\" justifyContent=\"center\">\n        {showIcon && <ArrowUpIcon size={24} mr={8} />} Back to top\n      </FlexBox>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;AAeA,MAAaG,mBAAmD,EAC9DC,UACAC,WAAW,MACXC,OAAO,QACPC,SACAC,cACD;AACC,QACE,sBAAA,cAACR,0BAAAA;EACCO,eAAS;AAEPE,YAASC,eAAeN,SAAAA,EAAWO,MAAM,EAAEC,eAAe,MAAK,CAAA;AAG/DC,UAAOC,SAAS;IACdC,KAAK;IACLC,UAAUH,OAAOI,WAAW,mCAAA,CACzBC,UACCC,SACA;IACN,CAAA;AAEAZ,cAAAA;;EAEFC,SAASA,WAAW;EACpBY,UAAUd,SAAS,UAAU,KAAK;EAClCe,WAAU;EACVC,IAAI;IAEJ,sBAAA,cAACrB,2BAAAA;EAAQsB,YAAW;EAASC,gBAAe;IACzCnB,YAAY,sBAAA,cAACH,qCAAAA;EAAYI,MAAM;EAAImB,IAAI;KAAM,eAAA,CAAA"}

package/dist/BackToTopAnchor/index.d.cts

@@ -1,16 +0,0 @@
-//#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';
-};
-declare const BackToTopAnchor: React.FC<BackToTopAnchorProps>;
-//#endregion
-export { BackToTopAnchor };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/BackToTopAnchor/index.tsx"],"sourcesContent":[],"mappings":";KAGK,oBAAA;EAAA;EAYQ,QAAA,EAAA,MAAA;;;;;;;;;cAAA,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/BackToTopAnchor/index.d.mts

@@ -1,16 +0,0 @@
-//#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';
-};
-declare const BackToTopAnchor: React.FC<BackToTopAnchorProps>;
-//#endregion
-export { BackToTopAnchor };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/BackToTopAnchor/index.tsx"],"sourcesContent":[],"mappings":";KAGK,oBAAA;EAAA;EAYQ,QAAA,EAAA,MAAA;;;;;;;;;cAAA,iBAAiB,KAAA,CAAM,GAAG"}

package/dist/BackToTopAnchor/index.mjs

@@ -1,30 +0,0 @@
-import { Anchor, FlexBox } from "@codecademy/gamut";
-import { ArrowUpIcon } from "@codecademy/gamut-icons";
-
-//#region src/BackToTopAnchor/index.tsx
-const BackToTopAnchor = ({ targetId, showIcon = true, size = "base", onClick, variant }) => {
-	return /* @__PURE__ */ React.createElement(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
-	}, /* @__PURE__ */ React.createElement(FlexBox, {
-		alignItems: "center",
-		justifyContent: "center"
-	}, showIcon && /* @__PURE__ */ React.createElement(ArrowUpIcon, {
-		size: 24,
-		mr: 8
-	}), " Back to top"));
-};
-
-//#endregion
-export { BackToTopAnchor };
-//# sourceMappingURL=index.mjs.map

package/dist/BackToTopAnchor/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Anchor","FlexBox","ArrowUpIcon","BackToTopAnchor","targetId","showIcon","size","onClick","variant","document","getElementById","focus","preventScroll","window","scrollTo","top","behavior","matchMedia","matches","undefined","fontSize","alignSelf","mt","alignItems","justifyContent","mr"],"sources":["../../src/BackToTopAnchor/index.tsx"],"sourcesContent":["import { Anchor, FlexBox } from '@codecademy/gamut';\nimport { ArrowUpIcon } from '@codecademy/gamut-icons';\n\ntype BackToTopAnchorProps = {\n  /** The id of the element to scroll to */\n  targetId: string;\n  /** Whether to show the arrow icon */\n  showIcon?: boolean;\n  /** The size of the anchor */\n  size?: 'small' | 'base';\n  /**  The onClick here usually contains tracking data */\n  onClick?: () => void;\n  variant?: false | 'inline' | 'standard' | 'interface';\n};\n\nexport const BackToTopAnchor: React.FC<BackToTopAnchorProps> = ({\n  targetId,\n  showIcon = true,\n  size = 'base',\n  onClick,\n  variant,\n}) => {\n  return (\n    <Anchor\n      onClick={() => {\n        // move focus to page title without scrolling page\n        document.getElementById(targetId)?.focus({ preventScroll: true });\n\n        // scroll to top (or jump to top if user prefers reduced motion)\n        window.scrollTo({\n          top: 0,\n          behavior: window.matchMedia('(prefers-reduced-motion: reduce)')\n            .matches\n            ? undefined\n            : 'smooth',\n        });\n\n        onClick?.();\n      }}\n      variant={variant || 'interface'}\n      fontSize={size === 'small' ? 14 : 18}\n      alignSelf=\"end\"\n      mt={64}\n    >\n      <FlexBox alignItems=\"center\" justifyContent=\"center\">\n        {showIcon && <ArrowUpIcon size={24} mr={8} />} Back to top\n      </FlexBox>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;AAeA,MAAaG,mBAAmD,EAC9DC,UACAC,WAAW,MACXC,OAAO,QACPC,SACAC,cACD;AACC,QACE,sBAAA,cAACR,QAAAA;EACCO,eAAS;AAEPE,YAASC,eAAeN,SAAAA,EAAWO,MAAM,EAAEC,eAAe,MAAK,CAAA;AAG/DC,UAAOC,SAAS;IACdC,KAAK;IACLC,UAAUH,OAAOI,WAAW,mCAAA,CACzBC,UACCC,SACA;IACN,CAAA;AAEAZ,cAAAA;;EAEFC,SAASA,WAAW;EACpBY,UAAUd,SAAS,UAAU,KAAK;EAClCe,WAAU;EACVC,IAAI;IAEJ,sBAAA,cAACrB,SAAAA;EAAQsB,YAAW;EAASC,gBAAe;IACzCnB,YAAY,sBAAA,cAACH,aAAAA;EAAYI,MAAM;EAAImB,IAAI;KAAM,eAAA,CAAA"}

package/dist/Banner/CountdownTimer.cjs

@@ -1,96 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/Banner/CountdownTimer.tsx
-const MS_SECOND = 1e3;
-const MS_MINUTE = 60 * MS_SECOND;
-const MS_HOUR = 60 * MS_MINUTE;
-const MS_DAY = 24 * MS_HOUR;
-const getTimeRemaining = (target) => {
-	const diff = Math.max(0, target - Date.now());
-	return {
-		days: Math.floor(diff / MS_DAY),
-		hours: Math.floor(diff % MS_DAY / MS_HOUR),
-		minutes: Math.floor(diff % MS_HOUR / MS_MINUTE),
-		seconds: Math.floor(diff % MS_MINUTE / MS_SECOND)
-	};
-};
-const TimeUnit = /* @__PURE__ */ react.default.memo(({ value, label }) => /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, { alignItems: "center" }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-	fontFamily: "accent",
-	fontWeight: 700,
-	variant: "title-md",
-	fontSize: {
-		_: 20,
-		md: 26
-	},
-	as: "span",
-	color: "inherit"
-}, value.toString().padStart(2, "0")), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-	fontFamily: "accent",
-	fontWeight: 700,
-	variant: "title-md",
-	fontSize: {
-		_: 20,
-		md: 26
-	},
-	as: "span",
-	color: "inherit"
-}, label)));
-const Separator = /* @__PURE__ */ react.default.memo(() => /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, {
-	fontFamily: "accent",
-	variant: "title-md",
-	fontSize: 16,
-	color: "inherit",
-	fontWeight: "bold"
-}, ":"));
-const CountdownTimer = ({ targetDate, onExpire }) => {
-	const targetTimestamp = (0, react.useMemo)(() => new Date(targetDate).getTime(), [targetDate]);
-	const [timeRemaining, setTimeRemaining] = (0, react.useState)(() => getTimeRemaining(targetTimestamp));
-	(0, react.useEffect)(() => {
-		setTimeRemaining(getTimeRemaining(targetTimestamp));
-		if (targetTimestamp <= Date.now()) {
-			onExpire?.();
-			return;
-		}
-		const id = window.setInterval(() => {
-			setTimeRemaining(getTimeRemaining(targetTimestamp));
-			if (targetTimestamp <= Date.now()) {
-				onExpire?.();
-				window.clearInterval(id);
-			}
-		}, MS_SECOND);
-		return () => window.clearInterval(id);
-	}, [targetTimestamp, onExpire]);
-	if (targetTimestamp <= Date.now()) return null;
-	const { days, hours, minutes, seconds } = timeRemaining;
-	return /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, {
-		display: "inline-flex",
-		alignItems: "center",
-		py: 8,
-		px: 16,
-		bg: "yellow-0",
-		borderRadius: 6,
-		color: "navy",
-		"data-testid": "branded-countdown-timer",
-		boxShadow: "minimal",
-		gap: 2
-	}, /* @__PURE__ */ react.default.createElement(TimeUnit, {
-		value: days,
-		label: "d"
-	}), /* @__PURE__ */ react.default.createElement(Separator, null), /* @__PURE__ */ react.default.createElement(TimeUnit, {
-		value: hours,
-		label: "h"
-	}), /* @__PURE__ */ react.default.createElement(Separator, null), /* @__PURE__ */ react.default.createElement(TimeUnit, {
-		value: minutes,
-		label: "m"
-	}), /* @__PURE__ */ react.default.createElement(Separator, null), /* @__PURE__ */ react.default.createElement(TimeUnit, {
-		value: seconds,
-		label: "s"
-	}));
-};
-
-//#endregion
-exports.CountdownTimer = CountdownTimer;
-//# sourceMappingURL=CountdownTimer.cjs.map

package/dist/Banner/CountdownTimer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownTimer.cjs","names":["Box","FlexBox","Text","React","useEffect","useMemo","useState","MS_SECOND","MS_MINUTE","MS_HOUR","MS_DAY","getTimeRemaining","target","diff","Math","max","Date","now","days","floor","hours","minutes","seconds","TimeUnit","memo","value","label","alignItems","fontFamily","fontWeight","variant","fontSize","_","md","as","color","toString","padStart","Separator","CountdownTimer","targetDate","onExpire","targetTimestamp","getTime","timeRemaining","setTimeRemaining","id","window","setInterval","next","clearInterval","display","py","px","bg","borderRadius","data-testid","boxShadow","gap"],"sources":["../../src/Banner/CountdownTimer.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React, { useEffect, useMemo, useState } from 'react';\n\ninterface CountdownTimerProps {\n  targetDate: string;\n  onExpire?: () => void;\n}\n\ninterface TimeRemaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nconst MS_SECOND = 1000;\nconst MS_MINUTE = 60 * MS_SECOND;\nconst MS_HOUR = 60 * MS_MINUTE;\nconst MS_DAY = 24 * MS_HOUR;\n\nconst getTimeRemaining = (target: number): TimeRemaining => {\n  const diff = Math.max(0, target - Date.now());\n\n  return {\n    days: Math.floor(diff / MS_DAY),\n    hours: Math.floor((diff % MS_DAY) / MS_HOUR),\n    minutes: Math.floor((diff % MS_HOUR) / MS_MINUTE),\n    seconds: Math.floor((diff % MS_MINUTE) / MS_SECOND),\n  };\n};\n\nconst TimeUnit = React.memo<{ value: number; label: string }>(\n  ({ value, label }) => (\n    <FlexBox alignItems=\"center\">\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {value.toString().padStart(2, '0')}\n      </Text>\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {label}\n      </Text>\n    </FlexBox>\n  )\n);\n\nconst Separator = React.memo(() => (\n  <Text\n    fontFamily=\"accent\"\n    variant=\"title-md\"\n    fontSize={16}\n    color=\"inherit\"\n    fontWeight=\"bold\"\n  >\n    :\n  </Text>\n));\n\nexport const CountdownTimer: React.FC<CountdownTimerProps> = ({\n  targetDate,\n  onExpire,\n}) => {\n  const targetTimestamp = useMemo(\n    () => new Date(targetDate).getTime(),\n    [targetDate]\n  );\n\n  const [timeRemaining, setTimeRemaining] = useState<TimeRemaining>(() =>\n    getTimeRemaining(targetTimestamp)\n  );\n\n  useEffect(() => {\n    setTimeRemaining(getTimeRemaining(targetTimestamp));\n\n    if (targetTimestamp <= Date.now()) {\n      onExpire?.();\n      return;\n    }\n\n    const id = window.setInterval(() => {\n      const next = getTimeRemaining(targetTimestamp);\n      setTimeRemaining(next);\n\n      if (targetTimestamp <= Date.now()) {\n        onExpire?.();\n        window.clearInterval(id);\n      }\n    }, MS_SECOND);\n\n    return () => window.clearInterval(id);\n  }, [targetTimestamp, onExpire]);\n\n  if (targetTimestamp <= Date.now()) {\n    return null;\n  }\n\n  const { days, hours, minutes, seconds } = timeRemaining;\n\n  return (\n    <Box\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      py={8}\n      px={16}\n      bg=\"yellow-0\"\n      borderRadius={6 as never}\n      color=\"navy\"\n      data-testid=\"branded-countdown-timer\"\n      boxShadow=\"minimal\"\n      gap={2 as never}\n    >\n      <TimeUnit value={days} label=\"d\" />\n      <Separator />\n      <TimeUnit value={hours} label=\"h\" />\n      <Separator />\n      <TimeUnit value={minutes} label=\"m\" />\n      <Separator />\n      <TimeUnit value={seconds} label=\"s\" />\n    </Box>\n  );\n};\n"],"mappings":";;;;;;AAeA,MAAMO,YAAY;AAClB,MAAMC,YAAY,KAAKD;AACvB,MAAME,UAAU,KAAKD;AACrB,MAAME,SAAS,KAAKD;AAEpB,MAAME,oBAAoBC,WAAAA;CACxB,MAAMC,OAAOC,KAAKC,IAAI,GAAGH,SAASI,KAAKC,KAAG,CAAA;AAE1C,QAAO;EACLC,MAAMJ,KAAKK,MAAMN,OAAOH,OAAAA;EACxBU,OAAON,KAAKK,MAAM,OAAQT,SAAUD,QAAAA;EACpCY,SAASP,KAAKK,MAAM,OAAQV,UAAWD,UAAAA;EACvCc,SAASR,KAAKK,MAAM,OAAQX,YAAaD,UAAAA;EAC3C;;AAGF,MAAMgB,WAAWpB,8BAAMqB,MACpB,EAAEC,OAAOC,YACR,8BAAA,cAACzB,2BAAAA,EAAQ0B,YAAW,YAClB,8BAAA,cAACzB,wBAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELV,MAAMW,UAAQ,CAAGC,SAAS,GAAG,IAAA,CAAA,EAEhC,8BAAA,cAACnC,wBAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELT,MAAAA,CAAAA,CAAAA;AAMT,MAAMY,YAAYnC,8BAAMqB,WACtB,8BAAA,cAACtB,wBAAAA;CACC0B,YAAW;CACXE,SAAQ;CACRC,UAAU;CACVI,OAAM;CACNN,YAAW;GACZ,IAAA,CAAA;AAKH,MAAaU,kBAAiD,EAC5DC,YACAC,eACD;CACC,MAAMC,2CACE,IAAI1B,KAAKwB,WAAAA,CAAYG,SAAO,EAClC,CAACH,WAAW,CAAA;CAGd,MAAM,CAACI,eAAeC,8CACpBlC,iBAAiB+B,gBAAAA,CAAAA;AAGnBtC,4BAAU;AACRyC,mBAAiBlC,iBAAiB+B,gBAAAA,CAAAA;AAElC,MAAIA,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,eAAAA;AACA;;EAGF,MAAMK,KAAKC,OAAOC,kBAAY;AAE5BH,oBADalC,iBAAiB+B,gBAAAA,CACbO;AAEjB,OAAIP,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,gBAAAA;AACAM,WAAOG,cAAcJ,GAAAA;;KAEtBvC,UAAAA;AAEH,eAAawC,OAAOG,cAAcJ,GAAAA;IACjC,CAACJ,iBAAiBD,SAAS,CAAA;AAE9B,KAAIC,mBAAmB1B,KAAKC,KAAG,CAC7B,QAAO;CAGT,MAAM,EAAEC,MAAME,OAAOC,SAASC,YAAYsB;AAE1C,QACE,8BAAA,cAAC5C,uBAAAA;EACCmD,SAAQ;EACRxB,YAAW;EACXyB,IAAI;EACJC,IAAI;EACJC,IAAG;EACHC,cAAc;EACdpB,OAAM;EACNqB,eAAY;EACZC,WAAU;EACVC,KAAK;IAEL,8BAAA,cAACnC,UAAAA;EAASE,OAAOP;EAAMQ,OAAM;KAC7B,8BAAA,cAACY,WAAAA,KAAAA,EACD,8BAAA,cAACf,UAAAA;EAASE,OAAOL;EAAOM,OAAM;KAC9B,8BAAA,cAACY,WAAAA,KAAAA,EACD,8BAAA,cAACf,UAAAA;EAASE,OAAOJ;EAASK,OAAM;KAChC,8BAAA,cAACY,WAAAA,KAAAA,EACD,8BAAA,cAACf,UAAAA;EAASE,OAAOH;EAASI,OAAM"}

package/dist/Banner/CountdownTimer.d.cts

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

package/dist/Banner/CountdownTimer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownTimer.d.cts","names":[],"sources":["../../src/Banner/CountdownTimer.tsx"],"sourcesContent":[],"mappings":";;;UAGU,mBAAA;;EAAA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAmEV;cAAa,gBAAgB,KAAA,CAAM,GAAG"}

package/dist/Banner/CountdownTimer.d.mts

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

package/dist/Banner/CountdownTimer.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownTimer.d.mts","names":[],"sources":["../../src/Banner/CountdownTimer.tsx"],"sourcesContent":[],"mappings":";;;UAGU,mBAAA;;EAAA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAmEV;cAAa,gBAAgB,KAAA,CAAM,GAAG"}

package/dist/Banner/CountdownTimer.mjs

@@ -1,94 +0,0 @@
-import { Box, FlexBox, Text } from "@codecademy/gamut";
-import React, { useEffect, useMemo, useState } from "react";
-
-//#region src/Banner/CountdownTimer.tsx
-const MS_SECOND = 1e3;
-const MS_MINUTE = 60 * MS_SECOND;
-const MS_HOUR = 60 * MS_MINUTE;
-const MS_DAY = 24 * MS_HOUR;
-const getTimeRemaining = (target) => {
-	const diff = Math.max(0, target - Date.now());
-	return {
-		days: Math.floor(diff / MS_DAY),
-		hours: Math.floor(diff % MS_DAY / MS_HOUR),
-		minutes: Math.floor(diff % MS_HOUR / MS_MINUTE),
-		seconds: Math.floor(diff % MS_MINUTE / MS_SECOND)
-	};
-};
-const TimeUnit = /* @__PURE__ */ React.memo(({ value, label }) => /* @__PURE__ */ React.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React.createElement(Text, {
-	fontFamily: "accent",
-	fontWeight: 700,
-	variant: "title-md",
-	fontSize: {
-		_: 20,
-		md: 26
-	},
-	as: "span",
-	color: "inherit"
-}, value.toString().padStart(2, "0")), /* @__PURE__ */ React.createElement(Text, {
-	fontFamily: "accent",
-	fontWeight: 700,
-	variant: "title-md",
-	fontSize: {
-		_: 20,
-		md: 26
-	},
-	as: "span",
-	color: "inherit"
-}, label)));
-const Separator = /* @__PURE__ */ React.memo(() => /* @__PURE__ */ React.createElement(Text, {
-	fontFamily: "accent",
-	variant: "title-md",
-	fontSize: 16,
-	color: "inherit",
-	fontWeight: "bold"
-}, ":"));
-const CountdownTimer = ({ targetDate, onExpire }) => {
-	const targetTimestamp = useMemo(() => new Date(targetDate).getTime(), [targetDate]);
-	const [timeRemaining, setTimeRemaining] = useState(() => getTimeRemaining(targetTimestamp));
-	useEffect(() => {
-		setTimeRemaining(getTimeRemaining(targetTimestamp));
-		if (targetTimestamp <= Date.now()) {
-			onExpire?.();
-			return;
-		}
-		const id = window.setInterval(() => {
-			setTimeRemaining(getTimeRemaining(targetTimestamp));
-			if (targetTimestamp <= Date.now()) {
-				onExpire?.();
-				window.clearInterval(id);
-			}
-		}, MS_SECOND);
-		return () => window.clearInterval(id);
-	}, [targetTimestamp, onExpire]);
-	if (targetTimestamp <= Date.now()) return null;
-	const { days, hours, minutes, seconds } = timeRemaining;
-	return /* @__PURE__ */ React.createElement(Box, {
-		display: "inline-flex",
-		alignItems: "center",
-		py: 8,
-		px: 16,
-		bg: "yellow-0",
-		borderRadius: 6,
-		color: "navy",
-		"data-testid": "branded-countdown-timer",
-		boxShadow: "minimal",
-		gap: 2
-	}, /* @__PURE__ */ React.createElement(TimeUnit, {
-		value: days,
-		label: "d"
-	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
-		value: hours,
-		label: "h"
-	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
-		value: minutes,
-		label: "m"
-	}), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TimeUnit, {
-		value: seconds,
-		label: "s"
-	}));
-};
-
-//#endregion
-export { CountdownTimer };
-//# sourceMappingURL=CountdownTimer.mjs.map

package/dist/Banner/CountdownTimer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownTimer.mjs","names":["Box","FlexBox","Text","React","useEffect","useMemo","useState","MS_SECOND","MS_MINUTE","MS_HOUR","MS_DAY","getTimeRemaining","target","diff","Math","max","Date","now","days","floor","hours","minutes","seconds","TimeUnit","memo","value","label","alignItems","fontFamily","fontWeight","variant","fontSize","_","md","as","color","toString","padStart","Separator","CountdownTimer","targetDate","onExpire","targetTimestamp","getTime","timeRemaining","setTimeRemaining","id","window","setInterval","next","clearInterval","display","py","px","bg","borderRadius","data-testid","boxShadow","gap"],"sources":["../../src/Banner/CountdownTimer.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React, { useEffect, useMemo, useState } from 'react';\n\ninterface CountdownTimerProps {\n  targetDate: string;\n  onExpire?: () => void;\n}\n\ninterface TimeRemaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nconst MS_SECOND = 1000;\nconst MS_MINUTE = 60 * MS_SECOND;\nconst MS_HOUR = 60 * MS_MINUTE;\nconst MS_DAY = 24 * MS_HOUR;\n\nconst getTimeRemaining = (target: number): TimeRemaining => {\n  const diff = Math.max(0, target - Date.now());\n\n  return {\n    days: Math.floor(diff / MS_DAY),\n    hours: Math.floor((diff % MS_DAY) / MS_HOUR),\n    minutes: Math.floor((diff % MS_HOUR) / MS_MINUTE),\n    seconds: Math.floor((diff % MS_MINUTE) / MS_SECOND),\n  };\n};\n\nconst TimeUnit = React.memo<{ value: number; label: string }>(\n  ({ value, label }) => (\n    <FlexBox alignItems=\"center\">\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {value.toString().padStart(2, '0')}\n      </Text>\n      <Text\n        fontFamily=\"accent\"\n        fontWeight={700}\n        variant=\"title-md\"\n        fontSize={{ _: 20, md: 26 }}\n        as=\"span\"\n        color=\"inherit\"\n      >\n        {label}\n      </Text>\n    </FlexBox>\n  )\n);\n\nconst Separator = React.memo(() => (\n  <Text\n    fontFamily=\"accent\"\n    variant=\"title-md\"\n    fontSize={16}\n    color=\"inherit\"\n    fontWeight=\"bold\"\n  >\n    :\n  </Text>\n));\n\nexport const CountdownTimer: React.FC<CountdownTimerProps> = ({\n  targetDate,\n  onExpire,\n}) => {\n  const targetTimestamp = useMemo(\n    () => new Date(targetDate).getTime(),\n    [targetDate]\n  );\n\n  const [timeRemaining, setTimeRemaining] = useState<TimeRemaining>(() =>\n    getTimeRemaining(targetTimestamp)\n  );\n\n  useEffect(() => {\n    setTimeRemaining(getTimeRemaining(targetTimestamp));\n\n    if (targetTimestamp <= Date.now()) {\n      onExpire?.();\n      return;\n    }\n\n    const id = window.setInterval(() => {\n      const next = getTimeRemaining(targetTimestamp);\n      setTimeRemaining(next);\n\n      if (targetTimestamp <= Date.now()) {\n        onExpire?.();\n        window.clearInterval(id);\n      }\n    }, MS_SECOND);\n\n    return () => window.clearInterval(id);\n  }, [targetTimestamp, onExpire]);\n\n  if (targetTimestamp <= Date.now()) {\n    return null;\n  }\n\n  const { days, hours, minutes, seconds } = timeRemaining;\n\n  return (\n    <Box\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      py={8}\n      px={16}\n      bg=\"yellow-0\"\n      borderRadius={6 as never}\n      color=\"navy\"\n      data-testid=\"branded-countdown-timer\"\n      boxShadow=\"minimal\"\n      gap={2 as never}\n    >\n      <TimeUnit value={days} label=\"d\" />\n      <Separator />\n      <TimeUnit value={hours} label=\"h\" />\n      <Separator />\n      <TimeUnit value={minutes} label=\"m\" />\n      <Separator />\n      <TimeUnit value={seconds} label=\"s\" />\n    </Box>\n  );\n};\n"],"mappings":";;;;AAeA,MAAMO,YAAY;AAClB,MAAMC,YAAY,KAAKD;AACvB,MAAME,UAAU,KAAKD;AACrB,MAAME,SAAS,KAAKD;AAEpB,MAAME,oBAAoBC,WAAAA;CACxB,MAAMC,OAAOC,KAAKC,IAAI,GAAGH,SAASI,KAAKC,KAAG,CAAA;AAE1C,QAAO;EACLC,MAAMJ,KAAKK,MAAMN,OAAOH,OAAAA;EACxBU,OAAON,KAAKK,MAAM,OAAQT,SAAUD,QAAAA;EACpCY,SAASP,KAAKK,MAAM,OAAQV,UAAWD,UAAAA;EACvCc,SAASR,KAAKK,MAAM,OAAQX,YAAaD,UAAAA;EAC3C;;AAGF,MAAMgB,WAAWpB,sBAAMqB,MACpB,EAAEC,OAAOC,YACR,sBAAA,cAACzB,SAAAA,EAAQ0B,YAAW,YAClB,sBAAA,cAACzB,MAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELV,MAAMW,UAAQ,CAAGC,SAAS,GAAG,IAAA,CAAA,EAEhC,sBAAA,cAACnC,MAAAA;CACC0B,YAAW;CACXC,YAAY;CACZC,SAAQ;CACRC,UAAU;EAAEC,GAAG;EAAIC,IAAI;EAAG;CAC1BC,IAAG;CACHC,OAAM;GAELT,MAAAA,CAAAA,CAAAA;AAMT,MAAMY,YAAYnC,sBAAMqB,WACtB,sBAAA,cAACtB,MAAAA;CACC0B,YAAW;CACXE,SAAQ;CACRC,UAAU;CACVI,OAAM;CACNN,YAAW;GACZ,IAAA,CAAA;AAKH,MAAaU,kBAAiD,EAC5DC,YACAC,eACD;CACC,MAAMC,kBAAkBrC,cAChB,IAAIW,KAAKwB,WAAAA,CAAYG,SAAO,EAClC,CAACH,WAAW,CAAA;CAGd,MAAM,CAACI,eAAeC,oBAAoBvC,eACxCK,iBAAiB+B,gBAAAA,CAAAA;AAGnBtC,iBAAU;AACRyC,mBAAiBlC,iBAAiB+B,gBAAAA,CAAAA;AAElC,MAAIA,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,eAAAA;AACA;;EAGF,MAAMK,KAAKC,OAAOC,kBAAY;AAE5BH,oBADalC,iBAAiB+B,gBAAAA,CACbO;AAEjB,OAAIP,mBAAmB1B,KAAKC,KAAG,EAAI;AACjCwB,gBAAAA;AACAM,WAAOG,cAAcJ,GAAAA;;KAEtBvC,UAAAA;AAEH,eAAawC,OAAOG,cAAcJ,GAAAA;IACjC,CAACJ,iBAAiBD,SAAS,CAAA;AAE9B,KAAIC,mBAAmB1B,KAAKC,KAAG,CAC7B,QAAO;CAGT,MAAM,EAAEC,MAAME,OAAOC,SAASC,YAAYsB;AAE1C,QACE,sBAAA,cAAC5C,KAAAA;EACCmD,SAAQ;EACRxB,YAAW;EACXyB,IAAI;EACJC,IAAI;EACJC,IAAG;EACHC,cAAc;EACdpB,OAAM;EACNqB,eAAY;EACZC,WAAU;EACVC,KAAK;IAEL,sBAAA,cAACnC,UAAAA;EAASE,OAAOP;EAAMQ,OAAM;KAC7B,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOL;EAAOM,OAAM;KAC9B,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOJ;EAASK,OAAM;KAChC,sBAAA,cAACY,WAAAA,KAAAA,EACD,sBAAA,cAACf,UAAAA;EAASE,OAAOH;EAASI,OAAM"}