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

package/dist/PageSection/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","FlexBox","Text","TextButton","React","isSectionButtonATextButton","button","text","undefined","PageSection","title","headerButton","headerSecondaryButton","footerButton","children","renderSectionButton","sectionButton","buttonProps","maybeRenderHeaderButton","ml","display","maybeRenderHeaderSecondaryButton","renderSectionHeader","height","mb","justifyContent","alignItems","as","fontSize","maybeRenderSectionFooter","mt","flexDirection"],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":["import {\n  Box,\n  FlexBox,\n  Text,\n  TextButton,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { AriaAttributes, ReactNode } from 'react';\nimport * as React from 'react';\n\ntype TextButtonMinimumProps = AriaAttributes & {\n  text: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type SectionButton = TextButtonMinimumProps | ReactNode;\n\nfunction isSectionButtonATextButton(\n  button: SectionButton\n): button is TextButtonMinimumProps {\n  return (button as TextButtonMinimumProps).text !== undefined;\n}\n\nexport interface PageSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  footerButton?: SectionButton;\n}\n\nexport const PageSection: React.FC<PageSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  footerButton,\n  children,\n}) => {\n  const renderSectionButton = (sectionButton: SectionButton) => {\n    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;\n\n    const { text, ...buttonProps } = sectionButton;\n    return <TextButton {...buttonProps}>{text}</TextButton>;\n  };\n\n  const maybeRenderHeaderButton = () => {\n    if (!headerButton) return null;\n    return (\n      <Box ml={4} display=\"inline\">\n        {renderSectionButton(headerButton)}\n      </Box>\n    );\n  };\n\n  const maybeRenderHeaderSecondaryButton = () => {\n    if (!headerSecondaryButton) return null;\n    return renderSectionButton(headerSecondaryButton);\n  };\n\n  const renderSectionHeader = () => (\n    // Setting height directly to height of the buttons so if they are omitted\n    // the header remains the same height.\n    <FlexBox height=\"2.5rem\" mb={8} justifyContent=\"space-between\">\n      <FlexBox alignItems=\"center\">\n        <Text as=\"h2\" fontSize={22}>\n          {title}\n        </Text>\n        {maybeRenderHeaderButton()}\n      </FlexBox>\n      {maybeRenderHeaderSecondaryButton()}\n    </FlexBox>\n  );\n\n  const maybeRenderSectionFooter = () => {\n    if (!footerButton) return null;\n    return (\n      <FlexBox justifyContent=\"flex-end\" mt={16}>\n        {renderSectionButton(footerButton)}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <FlexBox flexDirection=\"column\" mb={48}>\n      {renderSectionHeader()}\n      {children}\n      {maybeRenderSectionFooter()}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;AAkBA,SAASK,2BACPC,QAAqB;AAErB,QAAO,OAAmCC,SAASC;;AAUrD,MAAaC,eAA2C,EACtDC,OACAC,cACAC,uBACAC,cACAC,eACD;CACC,MAAMC,uBAAuBC,kBAAAA;AAC3B,MAAI,CAACX,2BAA2BW,cAAAA,CAAgB,QAAOA;EAEvD,MAAM,EAAET,MAAM,GAAGU,gBAAgBD;AACjC,SAAO,sBAAA,cAACb,8BAAec,aAAcV,KAAAA;;CAGvC,MAAMW,gCAA0B;AAC9B,MAAI,CAACP,aAAc,QAAO;AAC1B,SACE,sBAAA,cAACX,uBAAAA;GAAImB,IAAI;GAAGC,SAAQ;KACjBL,oBAAoBJ,aAAAA,CAAAA;;CAK3B,MAAMU,yCAAmC;AACvC,MAAI,CAACT,sBAAuB,QAAO;AACnC,SAAOG,oBAAoBH,sBAAAA;;CAG7B,MAAMU,4BAGJ,sBAAA,cAACrB,2BAAAA;EAAQsB,QAAO;EAASC,IAAI;EAAGC,gBAAe;IAC7C,sBAAA,cAACxB,2BAAAA,EAAQyB,YAAW,YAClB,sBAAA,cAACxB,wBAAAA;EAAKyB,IAAG;EAAKC,UAAU;IACrBlB,MAAAA,EAEFQ,yBAAAA,CAAAA,EAEFG,kCAAAA,CAAAA;CAIL,MAAMQ,iCAA2B;AAC/B,MAAI,CAAChB,aAAc,QAAO;AAC1B,SACE,sBAAA,cAACZ,2BAAAA;GAAQwB,gBAAe;GAAWK,IAAI;KACpCf,oBAAoBF,aAAAA,CAAAA;;AAK3B,QACE,sBAAA,cAACZ,2BAAAA;EAAQ8B,eAAc;EAASP,IAAI;IACjCF,qBAAAA,EACAR,UACAe,0BAAAA,CAAAA"}

package/dist/PageSection/index.d.cts

@@ -1,21 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { AriaAttributes, ReactNode } from "react";
-
-//#region src/PageSection/index.d.ts
-type TextButtonMinimumProps = AriaAttributes & {
-  text: string;
-  href?: string;
-  onClick?: () => void;
-};
-type SectionButton = TextButtonMinimumProps | ReactNode;
-interface PageSectionProps extends WithChildrenProp {
-  title: string;
-  headerButton?: SectionButton;
-  headerSecondaryButton?: SectionButton;
-  footerButton?: SectionButton;
-}
-declare const PageSection: React$1.FC<PageSectionProps>;
-//#endregion
-export { PageSection, PageSectionProps, SectionButton };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAUK,sBAAA,GAAyB;;EAAzB,IAAA,CAAA,EAAA,MAAA;EAMO,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;AAQzB,CAAA;AAEiB,KAVL,aAAA,GAAgB,sBAUX,GAVoC,SAUpC;AACS,UAHT,gBAAA,SAAyB,gBAGhB,CAAA;EACT,KAAA,EAAA,MAAA;EAJyB,YAAA,CAAA,EAEzB,aAFyB;EAAgB,qBAAA,CAAA,EAGhC,aAHgC;EAO7C,YAAA,CAAA,EAHI,aAGkB;;cAAtB,aAAa,OAAA,CAAM,GAAG"}

package/dist/PageSection/index.d.mts

@@ -1,21 +0,0 @@
-import { WithChildrenProp } from "@codecademy/gamut";
-import * as React$1 from "react";
-import { AriaAttributes, ReactNode } from "react";
-
-//#region src/PageSection/index.d.ts
-type TextButtonMinimumProps = AriaAttributes & {
-  text: string;
-  href?: string;
-  onClick?: () => void;
-};
-type SectionButton = TextButtonMinimumProps | ReactNode;
-interface PageSectionProps extends WithChildrenProp {
-  title: string;
-  headerButton?: SectionButton;
-  headerSecondaryButton?: SectionButton;
-  footerButton?: SectionButton;
-}
-declare const PageSection: React$1.FC<PageSectionProps>;
-//#endregion
-export { PageSection, PageSectionProps, SectionButton };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAUK,sBAAA,GAAyB;;EAAzB,IAAA,CAAA,EAAA,MAAA;EAMO,OAAA,CAAA,EAAA,GAAA,GAAa,IAAA;AAQzB,CAAA;AAEiB,KAVL,aAAA,GAAgB,sBAUX,GAVoC,SAUpC;AACS,UAHT,gBAAA,SAAyB,gBAGhB,CAAA;EACT,KAAA,EAAA,MAAA;EAJyB,YAAA,CAAA,EAEzB,aAFyB;EAAgB,qBAAA,CAAA,EAGhC,aAHgC;EAO7C,YAAA,CAAA,EAHI,aAGkB;;cAAtB,aAAa,OAAA,CAAM,GAAG"}

package/dist/PageSection/index.mjs

@@ -1,48 +0,0 @@
-import { Box, FlexBox, Text, TextButton } from "@codecademy/gamut";
-import * as React$1 from "react";
-
-//#region src/PageSection/index.tsx
-function isSectionButtonATextButton(button) {
-	return button.text !== void 0;
-}
-const PageSection = ({ title, headerButton, headerSecondaryButton, footerButton, children }) => {
-	const renderSectionButton = (sectionButton) => {
-		if (!isSectionButtonATextButton(sectionButton)) return sectionButton;
-		const { text, ...buttonProps } = sectionButton;
-		return /* @__PURE__ */ React$1.createElement(TextButton, buttonProps, text);
-	};
-	const maybeRenderHeaderButton = () => {
-		if (!headerButton) return null;
-		return /* @__PURE__ */ React$1.createElement(Box, {
-			ml: 4,
-			display: "inline"
-		}, renderSectionButton(headerButton));
-	};
-	const maybeRenderHeaderSecondaryButton = () => {
-		if (!headerSecondaryButton) return null;
-		return renderSectionButton(headerSecondaryButton);
-	};
-	const renderSectionHeader = () => /* @__PURE__ */ React$1.createElement(FlexBox, {
-		height: "2.5rem",
-		mb: 8,
-		justifyContent: "space-between"
-	}, /* @__PURE__ */ React$1.createElement(FlexBox, { alignItems: "center" }, /* @__PURE__ */ React$1.createElement(Text, {
-		as: "h2",
-		fontSize: 22
-	}, title), maybeRenderHeaderButton()), maybeRenderHeaderSecondaryButton());
-	const maybeRenderSectionFooter = () => {
-		if (!footerButton) return null;
-		return /* @__PURE__ */ React$1.createElement(FlexBox, {
-			justifyContent: "flex-end",
-			mt: 16
-		}, renderSectionButton(footerButton));
-	};
-	return /* @__PURE__ */ React$1.createElement(FlexBox, {
-		flexDirection: "column",
-		mb: 48
-	}, renderSectionHeader(), children, maybeRenderSectionFooter());
-};
-
-//#endregion
-export { PageSection };
-//# sourceMappingURL=index.mjs.map

package/dist/PageSection/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","FlexBox","Text","TextButton","React","isSectionButtonATextButton","button","text","undefined","PageSection","title","headerButton","headerSecondaryButton","footerButton","children","renderSectionButton","sectionButton","buttonProps","maybeRenderHeaderButton","ml","display","maybeRenderHeaderSecondaryButton","renderSectionHeader","height","mb","justifyContent","alignItems","as","fontSize","maybeRenderSectionFooter","mt","flexDirection"],"sources":["../../src/PageSection/index.tsx"],"sourcesContent":["import {\n  Box,\n  FlexBox,\n  Text,\n  TextButton,\n  WithChildrenProp,\n} from '@codecademy/gamut';\nimport { AriaAttributes, ReactNode } from 'react';\nimport * as React from 'react';\n\ntype TextButtonMinimumProps = AriaAttributes & {\n  text: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type SectionButton = TextButtonMinimumProps | ReactNode;\n\nfunction isSectionButtonATextButton(\n  button: SectionButton\n): button is TextButtonMinimumProps {\n  return (button as TextButtonMinimumProps).text !== undefined;\n}\n\nexport interface PageSectionProps extends WithChildrenProp {\n  title: string;\n  headerButton?: SectionButton;\n  headerSecondaryButton?: SectionButton;\n  footerButton?: SectionButton;\n}\n\nexport const PageSection: React.FC<PageSectionProps> = ({\n  title,\n  headerButton,\n  headerSecondaryButton,\n  footerButton,\n  children,\n}) => {\n  const renderSectionButton = (sectionButton: SectionButton) => {\n    if (!isSectionButtonATextButton(sectionButton)) return sectionButton;\n\n    const { text, ...buttonProps } = sectionButton;\n    return <TextButton {...buttonProps}>{text}</TextButton>;\n  };\n\n  const maybeRenderHeaderButton = () => {\n    if (!headerButton) return null;\n    return (\n      <Box ml={4} display=\"inline\">\n        {renderSectionButton(headerButton)}\n      </Box>\n    );\n  };\n\n  const maybeRenderHeaderSecondaryButton = () => {\n    if (!headerSecondaryButton) return null;\n    return renderSectionButton(headerSecondaryButton);\n  };\n\n  const renderSectionHeader = () => (\n    // Setting height directly to height of the buttons so if they are omitted\n    // the header remains the same height.\n    <FlexBox height=\"2.5rem\" mb={8} justifyContent=\"space-between\">\n      <FlexBox alignItems=\"center\">\n        <Text as=\"h2\" fontSize={22}>\n          {title}\n        </Text>\n        {maybeRenderHeaderButton()}\n      </FlexBox>\n      {maybeRenderHeaderSecondaryButton()}\n    </FlexBox>\n  );\n\n  const maybeRenderSectionFooter = () => {\n    if (!footerButton) return null;\n    return (\n      <FlexBox justifyContent=\"flex-end\" mt={16}>\n        {renderSectionButton(footerButton)}\n      </FlexBox>\n    );\n  };\n\n  return (\n    <FlexBox flexDirection=\"column\" mb={48}>\n      {renderSectionHeader()}\n      {children}\n      {maybeRenderSectionFooter()}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;AAkBA,SAASK,2BACPC,QAAqB;AAErB,QAAO,OAAmCC,SAASC;;AAUrD,MAAaC,eAA2C,EACtDC,OACAC,cACAC,uBACAC,cACAC,eACD;CACC,MAAMC,uBAAuBC,kBAAAA;AAC3B,MAAI,CAACX,2BAA2BW,cAAAA,CAAgB,QAAOA;EAEvD,MAAM,EAAET,MAAM,GAAGU,gBAAgBD;AACjC,SAAO,wBAAA,cAACb,YAAec,aAAcV,KAAAA;;CAGvC,MAAMW,gCAA0B;AAC9B,MAAI,CAACP,aAAc,QAAO;AAC1B,SACE,wBAAA,cAACX,KAAAA;GAAImB,IAAI;GAAGC,SAAQ;KACjBL,oBAAoBJ,aAAAA,CAAAA;;CAK3B,MAAMU,yCAAmC;AACvC,MAAI,CAACT,sBAAuB,QAAO;AACnC,SAAOG,oBAAoBH,sBAAAA;;CAG7B,MAAMU,4BAGJ,wBAAA,cAACrB,SAAAA;EAAQsB,QAAO;EAASC,IAAI;EAAGC,gBAAe;IAC7C,wBAAA,cAACxB,SAAAA,EAAQyB,YAAW,YAClB,wBAAA,cAACxB,MAAAA;EAAKyB,IAAG;EAAKC,UAAU;IACrBlB,MAAAA,EAEFQ,yBAAAA,CAAAA,EAEFG,kCAAAA,CAAAA;CAIL,MAAMQ,iCAA2B;AAC/B,MAAI,CAAChB,aAAc,QAAO;AAC1B,SACE,wBAAA,cAACZ,SAAAA;GAAQwB,gBAAe;GAAWK,IAAI;KACpCf,oBAAoBF,aAAAA,CAAAA;;AAK3B,QACE,wBAAA,cAACZ,SAAAA;EAAQ8B,eAAc;EAASP,IAAI;IACjCF,qBAAAA,EACAR,UACAe,0BAAAA,CAAAA"}

package/dist/PastDue/PastDueModalContents/index.cjs

@@ -1,18 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_pastDueMessages = require('../pastDueMessages.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/PastDue/PastDueModalContents/index.tsx
-const PastDueModalContents = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {
-	const pastDueErrorMessage = require_pastDueMessages.pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] || require_pastDueMessages.pastDueErrorMessages(isSilverPlan, false).default;
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, { column: true }, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Box, null, /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { mb: 12 }, pastDueErrorMessage.text1), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.Text, { mb: 12 }, pastDueErrorMessage.text2))), /* @__PURE__ */ react.default.createElement(_codecademy_gamut.FlexBox, {
-		justifyContent: "end",
-		alignItems: "end"
-	}, closeButton, updatePaymentButton));
-};
-
-//#endregion
-exports.PastDueModalContents = PastDueModalContents;
-//# sourceMappingURL=index.cjs.map

package/dist/PastDue/PastDueModalContents/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","FlexBox","Text","React","pastDueErrorMessages","PastDueModalContents","pastDueErrorCode","isSilverPlan","closeButton","updatePaymentButton","pastDueErrorMessage","default","column","mb","text1","text2","justifyContent","alignItems"],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { pastDueErrorMessages } from '../pastDueMessages';\n\nexport interface PastDueModalProps {\n  pastDueErrorCode: string;\n  isSilverPlan: boolean;\n  closeButton: React.ReactNode;\n  updatePaymentButton: React.ReactNode;\n}\n\nexport const PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n> = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {\n  const pastDueErrorMessage =\n    pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] ||\n    pastDueErrorMessages(isSilverPlan, false).default;\n\n  return (\n    <>\n      <FlexBox column>\n        <Box>\n          <Text mb={12}>{pastDueErrorMessage.text1}</Text>\n          <Text mb={12}>{pastDueErrorMessage.text2}</Text>\n        </Box>\n      </FlexBox>\n      <FlexBox justifyContent=\"end\" alignItems=\"end\">\n        {closeButton}\n        {updatePaymentButton}\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAYA,MAAaK,wBAER,EAAEC,kBAAkBC,cAAcC,aAAaC,0BAAqB;CACvE,MAAMC,sBACJN,6CAAqBG,cAAc,MAAM,CAACD,qBAC1CF,6CAAqBG,cAAc,MAAA,CAAOI;AAE5C,QACE,8BAAA,cAAA,cAAA,UAAA,MACE,8BAAA,cAACV,2BAAAA,EAAQW,QAAAA,QACP,8BAAA,cAACZ,uBAAAA,MACC,8BAAA,cAACE,wBAAAA,EAAKW,IAAI,MAAKH,oBAAoBI,MAAK,EACxC,8BAAA,cAACZ,wBAAAA,EAAKW,IAAI,MAAKH,oBAAoBK,MAAK,CAAA,CAAA,EAG5C,8BAAA,cAACd,2BAAAA;EAAQe,gBAAe;EAAMC,YAAW;IACtCT,aACAC,oBAAAA,CAAAA"}

package/dist/PastDue/PastDueModalContents/index.d.cts

@@ -1,13 +0,0 @@
-import React from "react";
-
-//#region src/PastDue/PastDueModalContents/index.d.ts
-interface PastDueModalProps {
-  pastDueErrorCode: string;
-  isSilverPlan: boolean;
-  closeButton: React.ReactNode;
-  updatePaymentButton: React.ReactNode;
-}
-declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
-//#endregion
-export { PastDueModalContents, PastDueModalProps };
-//# sourceMappingURL=index.d.cts.map

package/dist/PastDue/PastDueModalContents/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,iBAAA;;EAAA,YAAA,EAAA,OAAiB;EAOrB,WAAA,EAJE,KAAA,CAAM,SAyBpB;EApByB,mBAAA,EAJH,KAAA,CAAM,SAIH;;AADe,cAA5B,oBAA4B,EAAN,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,iBADiC,CACf,iBADe,CAAA,CAAA"}

package/dist/PastDue/PastDueModalContents/index.d.mts

@@ -1,13 +0,0 @@
-import React from "react";
-
-//#region src/PastDue/PastDueModalContents/index.d.ts
-interface PastDueModalProps {
-  pastDueErrorCode: string;
-  isSilverPlan: boolean;
-  closeButton: React.ReactNode;
-  updatePaymentButton: React.ReactNode;
-}
-declare const PastDueModalContents: React.FC<React.PropsWithChildren<PastDueModalProps>>;
-//#endregion
-export { PastDueModalContents, PastDueModalProps };
-//# sourceMappingURL=index.d.mts.map

package/dist/PastDue/PastDueModalContents/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,iBAAA;;EAAA,YAAA,EAAA,OAAiB;EAOrB,WAAA,EAJE,KAAA,CAAM,SAyBpB;EApByB,mBAAA,EAJH,KAAA,CAAM,SAIH;;AADe,cAA5B,oBAA4B,EAAN,KAAA,CAAM,EAAA,CACvC,KAAA,CAAM,iBADiC,CACf,iBADe,CAAA,CAAA"}

package/dist/PastDue/PastDueModalContents/index.mjs

@@ -1,16 +0,0 @@
-import { pastDueErrorMessages } from "../pastDueMessages.mjs";
-import { Box, FlexBox, Text } from "@codecademy/gamut";
-import React from "react";
-
-//#region src/PastDue/PastDueModalContents/index.tsx
-const PastDueModalContents = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {
-	const pastDueErrorMessage = pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] || pastDueErrorMessages(isSilverPlan, false).default;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FlexBox, { column: true }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { mb: 12 }, pastDueErrorMessage.text1), /* @__PURE__ */ React.createElement(Text, { mb: 12 }, pastDueErrorMessage.text2))), /* @__PURE__ */ React.createElement(FlexBox, {
-		justifyContent: "end",
-		alignItems: "end"
-	}, closeButton, updatePaymentButton));
-};
-
-//#endregion
-export { PastDueModalContents };
-//# sourceMappingURL=index.mjs.map

package/dist/PastDue/PastDueModalContents/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","FlexBox","Text","React","pastDueErrorMessages","PastDueModalContents","pastDueErrorCode","isSilverPlan","closeButton","updatePaymentButton","pastDueErrorMessage","default","column","mb","text1","text2","justifyContent","alignItems"],"sources":["../../../src/PastDue/PastDueModalContents/index.tsx"],"sourcesContent":["import { Box, FlexBox, Text } from '@codecademy/gamut';\nimport React from 'react';\n\nimport { pastDueErrorMessages } from '../pastDueMessages';\n\nexport interface PastDueModalProps {\n  pastDueErrorCode: string;\n  isSilverPlan: boolean;\n  closeButton: React.ReactNode;\n  updatePaymentButton: React.ReactNode;\n}\n\nexport const PastDueModalContents: React.FC<\n  React.PropsWithChildren<PastDueModalProps>\n> = ({ pastDueErrorCode, isSilverPlan, closeButton, updatePaymentButton }) => {\n  const pastDueErrorMessage =\n    pastDueErrorMessages(isSilverPlan, false)[pastDueErrorCode] ||\n    pastDueErrorMessages(isSilverPlan, false).default;\n\n  return (\n    <>\n      <FlexBox column>\n        <Box>\n          <Text mb={12}>{pastDueErrorMessage.text1}</Text>\n          <Text mb={12}>{pastDueErrorMessage.text2}</Text>\n        </Box>\n      </FlexBox>\n      <FlexBox justifyContent=\"end\" alignItems=\"end\">\n        {closeButton}\n        {updatePaymentButton}\n      </FlexBox>\n    </>\n  );\n};\n"],"mappings":";;;;;AAYA,MAAaK,wBAER,EAAEC,kBAAkBC,cAAcC,aAAaC,0BAAqB;CACvE,MAAMC,sBACJN,qBAAqBG,cAAc,MAAM,CAACD,qBAC1CF,qBAAqBG,cAAc,MAAA,CAAOI;AAE5C,QACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACV,SAAAA,EAAQW,QAAAA,QACP,sBAAA,cAACZ,KAAAA,MACC,sBAAA,cAACE,MAAAA,EAAKW,IAAI,MAAKH,oBAAoBI,MAAK,EACxC,sBAAA,cAACZ,MAAAA,EAAKW,IAAI,MAAKH,oBAAoBK,MAAK,CAAA,CAAA,EAG5C,sBAAA,cAACd,SAAAA;EAAQe,gBAAe;EAAMC,YAAW;IACtCT,aACAC,oBAAAA,CAAAA"}

package/dist/PastDue/index.cjs

@@ -1,2 +0,0 @@
-const require_pastDueMessages = require('./pastDueMessages.cjs');
-const require_index = require('./PastDueModalContents/index.cjs');

package/dist/PastDue/index.d.mts

@@ -1,2 +0,0 @@
-import { PastDueModalContents, PastDueModalProps } from "./PastDueModalContents/index.mjs";
-import { pastDueErrorMessages } from "./pastDueMessages.mjs";

package/dist/PastDue/index.mjs

@@ -1,2 +0,0 @@
-import { pastDueErrorMessages } from "./pastDueMessages.mjs";
-import { PastDueModalContents } from "./PastDueModalContents/index.mjs";

package/dist/PastDue/pastDueMessages.cjs

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-
-//#region src/PastDue/pastDueMessages.tsx
-const StyledAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
-	target: "e192anko0",
-	label: "brand-StyledAnchor"
-})(({ theme, isAlert }) => isAlert ? `color: ${theme.colors.white}` : "", ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQYXN0RHVlRXJyb3JNZXNzYWdlIHtcbiAgdGV4dDE6IHN0cmluZztcbiAgdGV4dDI6IHN0cmluZyB8IEpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKTx7IGlzQWxlcnQ6IGJvb2xlYW4gfT5gXG4gICR7KHsgdGhlbWUsIGlzQWxlcnQgfSkgPT4gKGlzQWxlcnQgPyBgY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfWAgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHBhc3REdWVFcnJvck1lc3NhZ2VzID0gKFxuICBpc1NpbHZlclBsYW46IGJvb2xlYW4sXG4gIGlzQWxlcnQ6IGJvb2xlYW5cbik6IFJlY29yZDxzdHJpbmcsIFBhc3REdWVFcnJvck1lc3NhZ2U+ID0+ICh7XG4gIGluc3VmZmljaWVudF9mdW5kczoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBkdWUgdG8gaW5zdWZmaWNpZW50IGZ1bmRzLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVjbGluZWQ6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2guIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICB0ZW1wb3JhcnlfaG9sZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IG1ldGhvZCB3YXMgcGxhY2VkIG9uIGEgdGVtcG9yYXJ5IGhvbGQuIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICBpbnZhbGlkX3RyYW5zYWN0aW9uOiB7XG4gICAgdGV4dDE6IGBZb3VyIHBheW1lbnQgZGlkIG5vdCBnbyB0aHJvdWdoLiBDb250YWN0IHlvdXIgYmFuayBvciBjYXJkIGlzc3VlciB0byBmaW5kIG91dCBtb3JlIGFib3V0IHBvc3NpYmxlIHRyYW5zYWN0aW9uIHJlc3RyaWN0aW9ucy5gLFxuICAgIHRleHQyOiBgVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGludmFsaWRfYWNjb3VudF9udW1iZXI6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2ggYmVjYXVzZSB5b3VyIGNhcmQgZGV0YWlscyBtYXkgYmUgaW5jb3JyZWN0LmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgY2FyZCBkZXRhaWxzIG9yIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGV4cGlyZWRfY2FyZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBiZWNhdXNlIHlvdXIgY2FyZCBpcyBleHBpcmVkLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVmYXVsdDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaC4gVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gICAgdGV4dDI6IChcbiAgICAgIDw+XG4gICAgICAgIExldCBvdXJ7JyAnfVxuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgaHJlZj1cImh0dHBzOi8vaGVscC5jb2RlY2FkZW15LmNvbS9oYy9lbi11c1wiXG4gICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICByZWw9XCJub3JlZmVycmVyXCJcbiAgICAgICAgICBpc0FsZXJ0PXtpc0FsZXJ0fVxuICAgICAgICA+XG4gICAgICAgICAgY3VzdG9tZXIgc3VwcG9ydFxuICAgICAgICA8L1N0eWxlZEFuY2hvcj57JyAnfVxuICAgICAgICB0ZWFtIGtub3cgaWYgeW91IGhhdmUgZnVydGhlciBxdWVzdGlvbnMuXG4gICAgICA8Lz5cbiAgICApLFxuICB9LFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIn0= */");
-const pastDueErrorMessages = (isSilverPlan, isAlert) => ({
-	insufficient_funds: {
-		text1: `Your payment did not go through due to insufficient funds.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	declined: {
-		text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	temporary_hold: {
-		text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	invalid_transaction: {
-		text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	invalid_account_number: {
-		text1: `Your payment did not go through because your card details may be incorrect.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your card details or payment method.`
-	},
-	expired_card: {
-		text1: `Your payment did not go through because your card is expired.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	default: {
-		text1: `Your payment did not go through. To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`,
-		text2: /* @__PURE__ */ React.createElement(React.Fragment, null, "Let our", " ", /* @__PURE__ */ React.createElement(StyledAnchor, {
-			href: "https://help.codecademy.com/hc/en-us",
-			target: "_blank",
-			rel: "noreferrer",
-			isAlert
-		}, "customer support"), " ", "team know if you have further questions.")
-	}
-});
-
-//#endregion
-exports.pastDueErrorMessages = pastDueErrorMessages;
-//# sourceMappingURL=pastDueMessages.cjs.map

package/dist/PastDue/pastDueMessages.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pastDueMessages.cjs","names":["Anchor","styled","StyledAnchor","theme","isAlert","colors","white","pastDueErrorMessages","isSilverPlan","insufficient_funds","text1","text2","declined","temporary_hold","invalid_transaction","invalid_account_number","expired_card","default","href","target","rel"],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\n\ninterface PastDueErrorMessage {\n  text1: string;\n  text2: string | JSX.Element;\n}\n\nconst StyledAnchor = styled(Anchor)<{ isAlert: boolean }>`\n  ${({ theme, isAlert }) => (isAlert ? `color: ${theme.colors.white}` : '')};\n`;\n\nexport const pastDueErrorMessages = (\n  isSilverPlan: boolean,\n  isAlert: boolean\n): Record<string, PastDueErrorMessage> => ({\n  insufficient_funds: {\n    text1: `Your payment did not go through due to insufficient funds.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  declined: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  temporary_hold: {\n    text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_transaction: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_account_number: {\n    text1: `Your payment did not go through because your card details may be incorrect.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your card details or payment method.`,\n  },\n  expired_card: {\n    text1: `Your payment did not go through because your card is expired.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  default: {\n    text1: `Your payment did not go through. To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n    text2: (\n      <>\n        Let our{' '}\n        <StyledAnchor\n          href=\"https://help.codecademy.com/hc/en-us\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          isAlert={isAlert}\n        >\n          customer support\n        </StyledAnchor>{' '}\n        team know if you have further questions.\n      </>\n    ),\n  },\n});\n"],"mappings":";;;;;;AAQA,MAAME,eAAeD,6CAAOD,0BAAAA;;;IACvB,EAAEG,OAAOC,cAAeA,UAAU,UAAUD,MAAME,OAAOC,UAAU,IAAA,KAAA,0tHAAA;AAGxE,MAAaC,wBACXC,cACAJ,aACyC;CACzCK,oBAAoB;EAClBC,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAI,UAAU;EACRF,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAK,gBAAgB;EACdH,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAM,qBAAqB;EACnBJ,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAO,wBAAwB;EACtBL,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAQ,cAAc;EACZN,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAS,SAAS;EACPP,OAAO,qEACLF,eAAe,SAAS,MACzB;EACDG,OACE,sBAAA,cAAA,MAAA,UAAA,MAAE,WACQ,KACR,sBAAA,cAACT,cAAAA;GACCgB,MAAK;GACLC,QAAO;GACPC,KAAI;GACKhB;KACV,mBAAA,EAEe,KAAI,2CAAA;EAI1B;CACF"}

package/dist/PastDue/pastDueMessages.d.cts

@@ -1,9 +0,0 @@
-//#region src/PastDue/pastDueMessages.d.ts
-interface PastDueErrorMessage {
-  text1: string;
-  text2: string | JSX.Element;
-}
-declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
-//#endregion
-export { pastDueErrorMessages };
-//# sourceMappingURL=pastDueMessages.d.cts.map

package/dist/PastDue/pastDueMessages.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pastDueMessages.d.cts","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":[],"mappings":";UAGU,mBAAA;EAAA,KAAA,EAAA,MAAA;EASG,KAAA,EAAA,MAAA,GAPK,GAAA,CAAI,OAkEpB;;cA3DW,mEAGV,eAAe"}

package/dist/PastDue/pastDueMessages.d.mts

@@ -1,9 +0,0 @@
-//#region src/PastDue/pastDueMessages.d.ts
-interface PastDueErrorMessage {
-  text1: string;
-  text2: string | JSX.Element;
-}
-declare const pastDueErrorMessages: (isSilverPlan: boolean, isAlert: boolean) => Record<string, PastDueErrorMessage>;
-//#endregion
-export { pastDueErrorMessages };
-//# sourceMappingURL=pastDueMessages.d.mts.map

package/dist/PastDue/pastDueMessages.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pastDueMessages.d.mts","names":[],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":[],"mappings":";UAGU,mBAAA;EAAA,KAAA,EAAA,MAAA;EASG,KAAA,EAAA,MAAA,GAPK,GAAA,CAAI,OAkEpB;;cA3DW,mEAGV,eAAe"}

package/dist/PastDue/pastDueMessages.mjs

@@ -1,47 +0,0 @@
-import { Anchor } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-
-//#region src/PastDue/pastDueMessages.tsx
-const StyledAnchor = /* @__PURE__ */ styled(Anchor, {
-	target: "e192anko0",
-	label: "brand-StyledAnchor"
-})(({ theme, isAlert }) => isAlert ? `color: ${theme.colors.white}` : "", ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Bhc3REdWUvcGFzdER1ZU1lc3NhZ2VzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQYXN0RHVlRXJyb3JNZXNzYWdlIHtcbiAgdGV4dDE6IHN0cmluZztcbiAgdGV4dDI6IHN0cmluZyB8IEpTWC5FbGVtZW50O1xufVxuXG5jb25zdCBTdHlsZWRBbmNob3IgPSBzdHlsZWQoQW5jaG9yKTx7IGlzQWxlcnQ6IGJvb2xlYW4gfT5gXG4gICR7KHsgdGhlbWUsIGlzQWxlcnQgfSkgPT4gKGlzQWxlcnQgPyBgY29sb3I6ICR7dGhlbWUuY29sb3JzLndoaXRlfWAgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IHBhc3REdWVFcnJvck1lc3NhZ2VzID0gKFxuICBpc1NpbHZlclBsYW46IGJvb2xlYW4sXG4gIGlzQWxlcnQ6IGJvb2xlYW5cbik6IFJlY29yZDxzdHJpbmcsIFBhc3REdWVFcnJvck1lc3NhZ2U+ID0+ICh7XG4gIGluc3VmZmljaWVudF9mdW5kczoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBkdWUgdG8gaW5zdWZmaWNpZW50IGZ1bmRzLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVjbGluZWQ6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2guIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICB0ZW1wb3JhcnlfaG9sZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IG1ldGhvZCB3YXMgcGxhY2VkIG9uIGEgdGVtcG9yYXJ5IGhvbGQuIENvbnRhY3QgeW91ciBiYW5rIG9yIGNhcmQgaXNzdWVyIHRvIGZpbmQgb3V0IG1vcmUuYCxcbiAgICB0ZXh0MjogYFRvIGtlZXAgbGVhcm5pbmcgd2l0aCBDb2RlY2FkZW15ICR7XG4gICAgICBpc1NpbHZlclBsYW4gPyAnUGx1cycgOiAnUHJvJ1xuICAgIH0sIHBsZWFzZSB1cGRhdGUgeW91ciBwYXltZW50IG1ldGhvZC5gLFxuICB9LFxuICBpbnZhbGlkX3RyYW5zYWN0aW9uOiB7XG4gICAgdGV4dDE6IGBZb3VyIHBheW1lbnQgZGlkIG5vdCBnbyB0aHJvdWdoLiBDb250YWN0IHlvdXIgYmFuayBvciBjYXJkIGlzc3VlciB0byBmaW5kIG91dCBtb3JlIGFib3V0IHBvc3NpYmxlIHRyYW5zYWN0aW9uIHJlc3RyaWN0aW9ucy5gLFxuICAgIHRleHQyOiBgVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGludmFsaWRfYWNjb3VudF9udW1iZXI6IHtcbiAgICB0ZXh0MTogYFlvdXIgcGF5bWVudCBkaWQgbm90IGdvIHRocm91Z2ggYmVjYXVzZSB5b3VyIGNhcmQgZGV0YWlscyBtYXkgYmUgaW5jb3JyZWN0LmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgY2FyZCBkZXRhaWxzIG9yIHBheW1lbnQgbWV0aG9kLmAsXG4gIH0sXG4gIGV4cGlyZWRfY2FyZDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaCBiZWNhdXNlIHlvdXIgY2FyZCBpcyBleHBpcmVkLmAsXG4gICAgdGV4dDI6IGBUbyBrZWVwIGxlYXJuaW5nIHdpdGggQ29kZWNhZGVteSAke1xuICAgICAgaXNTaWx2ZXJQbGFuID8gJ1BsdXMnIDogJ1BybydcbiAgICB9LCBwbGVhc2UgdXBkYXRlIHlvdXIgcGF5bWVudCBtZXRob2QuYCxcbiAgfSxcbiAgZGVmYXVsdDoge1xuICAgIHRleHQxOiBgWW91ciBwYXltZW50IGRpZCBub3QgZ28gdGhyb3VnaC4gVG8ga2VlcCBsZWFybmluZyB3aXRoIENvZGVjYWRlbXkgJHtcbiAgICAgIGlzU2lsdmVyUGxhbiA/ICdQbHVzJyA6ICdQcm8nXG4gICAgfSwgcGxlYXNlIHVwZGF0ZSB5b3VyIHBheW1lbnQgbWV0aG9kLmAsXG4gICAgdGV4dDI6IChcbiAgICAgIDw+XG4gICAgICAgIExldCBvdXJ7JyAnfVxuICAgICAgICA8U3R5bGVkQW5jaG9yXG4gICAgICAgICAgaHJlZj1cImh0dHBzOi8vaGVscC5jb2RlY2FkZW15LmNvbS9oYy9lbi11c1wiXG4gICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICByZWw9XCJub3JlZmVycmVyXCJcbiAgICAgICAgICBpc0FsZXJ0PXtpc0FsZXJ0fVxuICAgICAgICA+XG4gICAgICAgICAgY3VzdG9tZXIgc3VwcG9ydFxuICAgICAgICA8L1N0eWxlZEFuY2hvcj57JyAnfVxuICAgICAgICB0ZWFtIGtub3cgaWYgeW91IGhhdmUgZnVydGhlciBxdWVzdGlvbnMuXG4gICAgICA8Lz5cbiAgICApLFxuICB9LFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIn0= */");
-const pastDueErrorMessages = (isSilverPlan, isAlert) => ({
-	insufficient_funds: {
-		text1: `Your payment did not go through due to insufficient funds.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	declined: {
-		text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	temporary_hold: {
-		text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	invalid_transaction: {
-		text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	invalid_account_number: {
-		text1: `Your payment did not go through because your card details may be incorrect.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your card details or payment method.`
-	},
-	expired_card: {
-		text1: `Your payment did not go through because your card is expired.`,
-		text2: `To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`
-	},
-	default: {
-		text1: `Your payment did not go through. To keep learning with Codecademy ${isSilverPlan ? "Plus" : "Pro"}, please update your payment method.`,
-		text2: /* @__PURE__ */ React.createElement(React.Fragment, null, "Let our", " ", /* @__PURE__ */ React.createElement(StyledAnchor, {
-			href: "https://help.codecademy.com/hc/en-us",
-			target: "_blank",
-			rel: "noreferrer",
-			isAlert
-		}, "customer support"), " ", "team know if you have further questions.")
-	}
-});
-
-//#endregion
-export { pastDueErrorMessages };
-//# sourceMappingURL=pastDueMessages.mjs.map

package/dist/PastDue/pastDueMessages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pastDueMessages.mjs","names":["Anchor","styled","StyledAnchor","theme","isAlert","colors","white","pastDueErrorMessages","isSilverPlan","insufficient_funds","text1","text2","declined","temporary_hold","invalid_transaction","invalid_account_number","expired_card","default","href","target","rel"],"sources":["../../src/PastDue/pastDueMessages.tsx"],"sourcesContent":["import { Anchor } from '@codecademy/gamut';\nimport styled from '@emotion/styled';\n\ninterface PastDueErrorMessage {\n  text1: string;\n  text2: string | JSX.Element;\n}\n\nconst StyledAnchor = styled(Anchor)<{ isAlert: boolean }>`\n  ${({ theme, isAlert }) => (isAlert ? `color: ${theme.colors.white}` : '')};\n`;\n\nexport const pastDueErrorMessages = (\n  isSilverPlan: boolean,\n  isAlert: boolean\n): Record<string, PastDueErrorMessage> => ({\n  insufficient_funds: {\n    text1: `Your payment did not go through due to insufficient funds.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  declined: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  temporary_hold: {\n    text1: `Your payment method was placed on a temporary hold. Contact your bank or card issuer to find out more.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_transaction: {\n    text1: `Your payment did not go through. Contact your bank or card issuer to find out more about possible transaction restrictions.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  invalid_account_number: {\n    text1: `Your payment did not go through because your card details may be incorrect.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your card details or payment method.`,\n  },\n  expired_card: {\n    text1: `Your payment did not go through because your card is expired.`,\n    text2: `To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n  },\n  default: {\n    text1: `Your payment did not go through. To keep learning with Codecademy ${\n      isSilverPlan ? 'Plus' : 'Pro'\n    }, please update your payment method.`,\n    text2: (\n      <>\n        Let our{' '}\n        <StyledAnchor\n          href=\"https://help.codecademy.com/hc/en-us\"\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          isAlert={isAlert}\n        >\n          customer support\n        </StyledAnchor>{' '}\n        team know if you have further questions.\n      </>\n    ),\n  },\n});\n"],"mappings":";;;;AAQA,MAAME,eAAeD,uBAAOD,QAAAA;;;IACvB,EAAEG,OAAOC,cAAeA,UAAU,UAAUD,MAAME,OAAOC,UAAU,IAAA,KAAA,0tHAAA;AAGxE,MAAaC,wBACXC,cACAJ,aACyC;CACzCK,oBAAoB;EAClBC,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAI,UAAU;EACRF,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAK,gBAAgB;EACdH,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAM,qBAAqB;EACnBJ,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAO,wBAAwB;EACtBL,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAQ,cAAc;EACZN,OAAO;EACPC,OAAO,oCACLH,eAAe,SAAS,MACzB;EACH;CACAS,SAAS;EACPP,OAAO,qEACLF,eAAe,SAAS,MACzB;EACDG,OACE,sBAAA,cAAA,MAAA,UAAA,MAAE,WACQ,KACR,sBAAA,cAACT,cAAAA;GACCgB,MAAK;GACLC,QAAO;GACPC,KAAI;GACKhB;KACV,mBAAA,EAEe,KAAI,2CAAA;EAI1B;CACF"}

package/dist/PausableImage/BaseImage/index.cjs

@@ -1,56 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../index.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
-let react_freezeframe = require("react-freezeframe");
-react_freezeframe = require_rolldown_runtime.__toESM(react_freezeframe);
-
-//#region src/PausableImage/BaseImage/index.tsx
-const Container = /* @__PURE__ */ (0, _emotion_styled.default)("div", {
-	target: "e6na4ca0",
-	label: "brand-Container"
-})("align-items:center;justify-content:center;height:100%;display:flex;position:relative;width:100%;> img,> .react-freezeframe,> .react-freezeframe img{max-width:100%;}.ff-container .ff-canvas{transition:none;}.ff-loading-icon::before{display:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBsYXlpbmdJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjeUIifQ== */");
-const PlayingImage = require_index.imageStyles;
-const StyledFreezeframe = /* @__PURE__ */ (0, _emotion_styled.default)(react_freezeframe.default, {
-	target: "e6na4ca1",
-	label: "brand-StyledFreezeframe"
-})(require_index.imageStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBsYXlpbmdJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIn0= */");
-const BaseImage = ({ alt, ...rest }) => {
-	const [paused, setPaused] = (0, react.useState)(false);
-	const [liveText, buttonLabel, Icon, Image] = paused ? [
-		`${alt}, paused`,
-		"Play animated image",
-		_codecademy_gamut_icons.PlayIcon,
-		StyledFreezeframe
-	] : [
-		`${alt}, playing`,
-		"Pause animated image",
-		_codecademy_gamut_icons.PauseIcon,
-		PlayingImage
-	];
-	return /* @__PURE__ */ react.createElement(Container, null, /* @__PURE__ */ react.createElement(Image, {
-		alt,
-		...rest
-	}), /* @__PURE__ */ react.createElement(_codecademy_gamut.HiddenText, { "aria-live": "polite" }, alt ? liveText : buttonLabel), /* @__PURE__ */ react.createElement(_codecademy_gamut.FillButton, {
-		bottom: 0,
-		m: 8,
-		onClick: () => setPaused(!paused),
-		position: "absolute",
-		right: 0,
-		variant: "secondary",
-		zIndex: 1,
-		"aria-label": buttonLabel
-	}, /* @__PURE__ */ react.createElement(Icon, { color: "currentColor" })));
-};
-var BaseImage_default = BaseImage;
-
-//#endregion
-exports.BaseImage = BaseImage;
-exports.Container = Container;
-exports.PlayingImage = PlayingImage;
-exports.default = BaseImage_default;
-//# sourceMappingURL=index.cjs.map

package/dist/PausableImage/BaseImage/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["FillButton","HiddenText","PauseIcon","PlayIcon","styled","useState","React","Freezeframe","imageStyles","Container","PlayingImage","StyledFreezeframe","BaseImage","alt","rest","paused","setPaused","liveText","buttonLabel","Icon","Image","aria-live","bottom","m","onClick","position","right","variant","zIndex","aria-label","color"],"sources":["../../../src/PausableImage/BaseImage/index.tsx"],"sourcesContent":["import { FillButton, HiddenText } from '@codecademy/gamut';\nimport { PauseIcon, PlayIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport Freezeframe from 'react-freezeframe';\n\nimport { imageStyles } from '..';\n\nexport interface BaseImageProps {\n  alt: string;\n  src: string;\n}\n\nexport const Container = styled.div`\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  display: flex;\n  position: relative;\n  width: 100%;\n\n  > img,\n  > .react-freezeframe,\n  > .react-freezeframe img {\n    max-width: 100%;\n  }\n  .ff-container .ff-canvas {\n    transition: none;\n  }\n  .ff-loading-icon::before {\n    display: none;\n  }\n`;\n\nexport const PlayingImage = imageStyles;\n\nconst StyledFreezeframe = styled(Freezeframe)(imageStyles);\n\nexport const BaseImage: React.FC<BaseImageProps> = ({ alt, ...rest }) => {\n  const [paused, setPaused] = useState(false);\n\n  const [liveText, buttonLabel, Icon, Image] = paused\n    ? [`${alt}, paused`, 'Play animated image', PlayIcon, StyledFreezeframe]\n    : [`${alt}, playing`, 'Pause animated image', PauseIcon, PlayingImage];\n\n  return (\n    <Container>\n      <Image alt={alt} {...rest} />\n      {/* ensure proper fall back label if an empty string is given as alt */}\n      <HiddenText aria-live=\"polite\">{alt ? liveText : buttonLabel}</HiddenText>\n      <FillButton\n        bottom={0}\n        m={8}\n        onClick={() => setPaused(!paused)}\n        position=\"absolute\"\n        right={0}\n        variant=\"secondary\"\n        zIndex={1}\n        aria-label={buttonLabel}\n      >\n        <Icon color=\"currentColor\" />\n      </FillButton>\n    </Container>\n  );\n};\n\nexport default BaseImage;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAaS,YAAYL,6CAAAA,OAAAA;;;;AAqBzB,MAAaM,eAAeF;AAE5B,MAAMG,oBAAoBP,6CAAOG,2BAAAA;;;GAAaC,2BAAAA,svFAAAA;AAE9C,MAAaI,aAAuC,EAAEC,KAAK,GAAGC,WAAM;CAClE,MAAM,CAACC,QAAQC,iCAAsB,MAAA;CAErC,MAAM,CAACC,UAAUC,aAAaC,MAAMC,SAASL,SACzC;EAAC,GAAGF,IAAI;EAAW;EAAuBV;EAAUQ;EAAkB,GACtE;EAAC,GAAGE,IAAI;EAAY;EAAwBX;EAAWQ;EAAa;AAExE,QACE,sBAAA,cAACD,WAAAA,MACC,sBAAA,cAACW,OAAAA;EAAWP;EAAM,GAAGC;KAErB,sBAAA,cAACb,8BAAAA,EAAWoB,aAAU,YAAUR,MAAMI,WAAWC,YAAAA,EACjD,sBAAA,cAAClB,8BAAAA;EACCsB,QAAQ;EACRC,GAAG;EACHC,eAAeR,UAAU,CAACD,OAAAA;EAC1BU,UAAS;EACTC,OAAO;EACPC,SAAQ;EACRC,QAAQ;EACRC,cAAYX;IAEZ,sBAAA,cAACC,MAAAA,EAAKW,OAAM;;AAMpB,wBAAelB"}

package/dist/PausableImage/BaseImage/index.mjs

@@ -1,50 +0,0 @@
-import { imageStyles } from "../index.mjs";
-import { FillButton, HiddenText } from "@codecademy/gamut";
-import styled from "@emotion/styled";
-import * as React$1 from "react";
-import { useState } from "react";
-import { PauseIcon, PlayIcon } from "@codecademy/gamut-icons";
-import Freezeframe from "react-freezeframe";
-
-//#region src/PausableImage/BaseImage/index.tsx
-const Container = /* @__PURE__ */ styled("div", {
-	target: "e6na4ca0",
-	label: "brand-Container"
-})("align-items:center;justify-content:center;height:100%;display:flex;position:relative;width:100%;> img,> .react-freezeframe,> .react-freezeframe img{max-width:100%;}.ff-container .ff-canvas{transition:none;}.ff-loading-icon::before{display:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBsYXlpbmdJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjeUIifQ== */");
-const PlayingImage = imageStyles;
-const StyledFreezeframe = /* @__PURE__ */ styled(Freezeframe, {
-	target: "e6na4ca1",
-	label: "brand-StyledFreezeframe"
-})(imageStyles, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvQmFzZUltYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWxsQnV0dG9uLCBIaWRkZW5UZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgUGF1c2VJY29uLCBQbGF5SWNvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IEZyZWV6ZWZyYW1lIGZyb20gJ3JlYWN0LWZyZWV6ZWZyYW1lJztcblxuaW1wb3J0IHsgaW1hZ2VTdHlsZXMgfSBmcm9tICcuLic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFzZUltYWdlUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gID4gaW1nLFxuICA+IC5yZWFjdC1mcmVlemVmcmFtZSxcbiAgPiAucmVhY3QtZnJlZXplZnJhbWUgaW1nIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbiAgLmZmLWNvbnRhaW5lciAuZmYtY2FudmFzIHtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICB9XG4gIC5mZi1sb2FkaW5nLWljb246OmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFBsYXlpbmdJbWFnZSA9IGltYWdlU3R5bGVzO1xuXG5jb25zdCBTdHlsZWRGcmVlemVmcmFtZSA9IHN0eWxlZChGcmVlemVmcmFtZSkoaW1hZ2VTdHlsZXMpO1xuXG5leHBvcnQgY29uc3QgQmFzZUltYWdlOiBSZWFjdC5GQzxCYXNlSW1hZ2VQcm9wcz4gPSAoeyBhbHQsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBbcGF1c2VkLCBzZXRQYXVzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IFtsaXZlVGV4dCwgYnV0dG9uTGFiZWwsIEljb24sIEltYWdlXSA9IHBhdXNlZFxuICAgID8gW2Ake2FsdH0sIHBhdXNlZGAsICdQbGF5IGFuaW1hdGVkIGltYWdlJywgUGxheUljb24sIFN0eWxlZEZyZWV6ZWZyYW1lXVxuICAgIDogW2Ake2FsdH0sIHBsYXlpbmdgLCAnUGF1c2UgYW5pbWF0ZWQgaW1hZ2UnLCBQYXVzZUljb24sIFBsYXlpbmdJbWFnZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPEltYWdlIGFsdD17YWx0fSB7Li4ucmVzdH0gLz5cbiAgICAgIHsvKiBlbnN1cmUgcHJvcGVyIGZhbGwgYmFjayBsYWJlbCBpZiBhbiBlbXB0eSBzdHJpbmcgaXMgZ2l2ZW4gYXMgYWx0ICovfVxuICAgICAgPEhpZGRlblRleHQgYXJpYS1saXZlPVwicG9saXRlXCI+e2FsdCA/IGxpdmVUZXh0IDogYnV0dG9uTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgPEZpbGxCdXR0b25cbiAgICAgICAgYm90dG9tPXswfVxuICAgICAgICBtPXs4fVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYXVzZWQoIXBhdXNlZCl9XG4gICAgICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgICAgICByaWdodD17MH1cbiAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgIHpJbmRleD17MX1cbiAgICAgICAgYXJpYS1sYWJlbD17YnV0dG9uTGFiZWx9XG4gICAgICA+XG4gICAgICAgIDxJY29uIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgIDwvRmlsbEJ1dHRvbj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJhc2VJbWFnZTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIn0= */");
-const BaseImage = ({ alt, ...rest }) => {
-	const [paused, setPaused] = useState(false);
-	const [liveText, buttonLabel, Icon, Image] = paused ? [
-		`${alt}, paused`,
-		"Play animated image",
-		PlayIcon,
-		StyledFreezeframe
-	] : [
-		`${alt}, playing`,
-		"Pause animated image",
-		PauseIcon,
-		PlayingImage
-	];
-	return /* @__PURE__ */ React$1.createElement(Container, null, /* @__PURE__ */ React$1.createElement(Image, {
-		alt,
-		...rest
-	}), /* @__PURE__ */ React$1.createElement(HiddenText, { "aria-live": "polite" }, alt ? liveText : buttonLabel), /* @__PURE__ */ React$1.createElement(FillButton, {
-		bottom: 0,
-		m: 8,
-		onClick: () => setPaused(!paused),
-		position: "absolute",
-		right: 0,
-		variant: "secondary",
-		zIndex: 1,
-		"aria-label": buttonLabel
-	}, /* @__PURE__ */ React$1.createElement(Icon, { color: "currentColor" })));
-};
-var BaseImage_default = BaseImage;
-
-//#endregion
-export { BaseImage, Container, PlayingImage, BaseImage_default as default };
-//# sourceMappingURL=index.mjs.map

package/dist/PausableImage/BaseImage/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["FillButton","HiddenText","PauseIcon","PlayIcon","styled","useState","React","Freezeframe","imageStyles","Container","PlayingImage","StyledFreezeframe","BaseImage","alt","rest","paused","setPaused","liveText","buttonLabel","Icon","Image","aria-live","bottom","m","onClick","position","right","variant","zIndex","aria-label","color"],"sources":["../../../src/PausableImage/BaseImage/index.tsx"],"sourcesContent":["import { FillButton, HiddenText } from '@codecademy/gamut';\nimport { PauseIcon, PlayIcon } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport Freezeframe from 'react-freezeframe';\n\nimport { imageStyles } from '..';\n\nexport interface BaseImageProps {\n  alt: string;\n  src: string;\n}\n\nexport const Container = styled.div`\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  display: flex;\n  position: relative;\n  width: 100%;\n\n  > img,\n  > .react-freezeframe,\n  > .react-freezeframe img {\n    max-width: 100%;\n  }\n  .ff-container .ff-canvas {\n    transition: none;\n  }\n  .ff-loading-icon::before {\n    display: none;\n  }\n`;\n\nexport const PlayingImage = imageStyles;\n\nconst StyledFreezeframe = styled(Freezeframe)(imageStyles);\n\nexport const BaseImage: React.FC<BaseImageProps> = ({ alt, ...rest }) => {\n  const [paused, setPaused] = useState(false);\n\n  const [liveText, buttonLabel, Icon, Image] = paused\n    ? [`${alt}, paused`, 'Play animated image', PlayIcon, StyledFreezeframe]\n    : [`${alt}, playing`, 'Pause animated image', PauseIcon, PlayingImage];\n\n  return (\n    <Container>\n      <Image alt={alt} {...rest} />\n      {/* ensure proper fall back label if an empty string is given as alt */}\n      <HiddenText aria-live=\"polite\">{alt ? liveText : buttonLabel}</HiddenText>\n      <FillButton\n        bottom={0}\n        m={8}\n        onClick={() => setPaused(!paused)}\n        position=\"absolute\"\n        right={0}\n        variant=\"secondary\"\n        zIndex={1}\n        aria-label={buttonLabel}\n      >\n        <Icon color=\"currentColor\" />\n      </FillButton>\n    </Container>\n  );\n};\n\nexport default BaseImage;\n"],"mappings":";;;;;;;;;AAcA,MAAaS,YAAYL,uBAAAA,OAAAA;;;;AAqBzB,MAAaM,eAAeF;AAE5B,MAAMG,oBAAoBP,uBAAOG,aAAAA;;;GAAaC,aAAAA,svFAAAA;AAE9C,MAAaI,aAAuC,EAAEC,KAAK,GAAGC,WAAM;CAClE,MAAM,CAACC,QAAQC,aAAaX,SAAS,MAAA;CAErC,MAAM,CAACY,UAAUC,aAAaC,MAAMC,SAASL,SACzC;EAAC,GAAGF,IAAI;EAAW;EAAuBV;EAAUQ;EAAkB,GACtE;EAAC,GAAGE,IAAI;EAAY;EAAwBX;EAAWQ;EAAa;AAExE,QACE,wBAAA,cAACD,WAAAA,MACC,wBAAA,cAACW,OAAAA;EAAWP;EAAM,GAAGC;KAErB,wBAAA,cAACb,YAAAA,EAAWoB,aAAU,YAAUR,MAAMI,WAAWC,YAAAA,EACjD,wBAAA,cAAClB,YAAAA;EACCsB,QAAQ;EACRC,GAAG;EACHC,eAAeR,UAAU,CAACD,OAAAA;EAC1BU,UAAS;EACTC,OAAO;EACPC,SAAQ;EACRC,QAAQ;EACRC,cAAYX;IAEZ,wBAAA,cAACC,MAAAA,EAAKW,OAAM;;AAMpB,wBAAelB"}

package/dist/PausableImage/index.cjs

@@ -1,32 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let _emotion_react = require("@emotion/react");
-
-//#region src/PausableImage/index.tsx
-const BaseImage = /* @__PURE__ */ react.lazy(() => Promise.resolve().then(() => require("./BaseImage/index.cjs")));
-const imageStyles = /* @__PURE__ */ (0, _emotion_styled.default)("img", {
-	target: "enet7ec0",
-	label: "brand-imageStyles"
-})((0, _emotion_react.css)({
-	height: "auto",
-	maxHeight: "100%",
-	maxWidth: "100%",
-	"&[src$=\".svg\"]": { width: "100%" }
-}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1BhdXNhYmxlSW1hZ2UvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvUGF1c2FibGVJbWFnZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBCYXNlSW1hZ2UgPSBSZWFjdC5sYXp5KCgpID0+IGltcG9ydCgnLi9CYXNlSW1hZ2UnKSk7XG5cbmludGVyZmFjZSBQYXVzZWFibGVJbWFnZVByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IGltYWdlU3R5bGVzID0gc3R5bGVkLmltZyhcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICBtYXhIZWlnaHQ6ICcxMDAlJyxcbiAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICcmW3NyYyQ9XCIuc3ZnXCJdJzoge1xuICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3RhdGljSW1hZ2UgPSBpbWFnZVN0eWxlcztcblxuZXhwb3J0IGNvbnN0IFBhdXNhYmxlSW1hZ2U6IFJlYWN0LkZDPFBhdXNlYWJsZUltYWdlUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHN0YXRpY0ltYWdlID0gPFN0YXRpY0ltYWdlIHsuLi5wcm9wc30gLz47XG5cbiAgLy8gQXZvaWQgcmVuZGVyaW5nIFJlYWN0LlN1c3BlbnNlIG9uIHRoZSBzZXJ2ZXIgdW50aWwgaXQncyBmdWxseSBzdXBwb3J0ZWQgYnkgUmVhY3QgJiBvdXIgYXBwbGljYXRpb25zXG4gIGNvbnN0IFtpc01vdW50ZWQsIHNldElzTW91bnRlZF0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SXNNb3VudGVkKHRydWUpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2lzTW91bnRlZCAmJiBwcm9wcy5zcmM/LmVuZHNXaXRoKCcuZ2lmJykgPyAoXG4gICAgICAgIDxSZWFjdC5TdXNwZW5zZSBmYWxsYmFjaz17c3RhdGljSW1hZ2V9PlxuICAgICAgICAgIDxCYXNlSW1hZ2Ugey4uLnByb3BzfSAvPlxuICAgICAgICA8L1JlYWN0LlN1c3BlbnNlPlxuICAgICAgKSA6IChcbiAgICAgICAgc3RhdGljSW1hZ2VcbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUyQiJ9 */");
-const StaticImage = imageStyles;
-const PausableImage = (props) => {
-	const staticImage = /* @__PURE__ */ react.createElement(StaticImage, props);
-	const [isMounted, setIsMounted] = react.useState(false);
-	react.useEffect(() => {
-		setIsMounted(true);
-	}, []);
-	return /* @__PURE__ */ react.createElement(react.Fragment, null, isMounted && props.src?.endsWith(".gif") ? /* @__PURE__ */ react.createElement(react.Suspense, { fallback: staticImage }, /* @__PURE__ */ react.createElement(BaseImage, props)) : staticImage);
-};
-
-//#endregion
-exports.PausableImage = PausableImage;
-exports.imageStyles = imageStyles;
-//# sourceMappingURL=index.cjs.map

package/dist/PausableImage/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["css","styled","React","BaseImage","lazy","imageStyles","height","maxHeight","maxWidth","width","StaticImage","PausableImage","props","staticImage","isMounted","setIsMounted","useState","useEffect","src","endsWith","Suspense","fallback"],"sources":["../../src/PausableImage/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst BaseImage = React.lazy(() => import('./BaseImage'));\n\ninterface PauseableImageProps {\n  src: string;\n  alt: string;\n}\nexport const imageStyles = styled.img(\n  css({\n    height: 'auto',\n    maxHeight: '100%',\n    maxWidth: '100%',\n    '&[src$=\".svg\"]': {\n      width: '100%',\n    },\n  })\n);\n\nconst StaticImage = imageStyles;\n\nexport const PausableImage: React.FC<PauseableImageProps> = (props) => {\n  const staticImage = <StaticImage {...props} />;\n\n  // Avoid rendering React.Suspense on the server until it's fully supported by React & our applications\n  const [isMounted, setIsMounted] = React.useState(false);\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return (\n    <>\n      {isMounted && props.src?.endsWith('.gif') ? (\n        <React.Suspense fallback={staticImage}>\n          <BaseImage {...props} />\n        </React.Suspense>\n      ) : (\n        staticImage\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAIA,MAAMG,YAAYD,sBAAME,gDAAW,0BAAO;AAM1C,MAAaC,cAAcJ,6CAAAA,OAAAA;;;2BACrB;CACFK,QAAQ;CACRC,WAAW;CACXC,UAAU;CACV,oBAAkB,EAChBC,OAAO,QACT;CACF,CAAA,EAAA,0wDAAA;AAGF,MAAMC,cAAcL;AAEpB,MAAaM,iBAAgDC,UAAAA;CAC3D,MAAMC,cAAc,sBAAA,cAACH,aAAgBE,MAAAA;CAGrC,MAAM,CAACE,WAAWC,gBAAgBb,MAAMc,SAAS,MAAA;AACjDd,OAAMe,gBAAU;AACdF,eAAa,KAAA;IACZ,EAAE,CAAA;AAEL,QACE,sBAAA,cAAA,MAAA,UAAA,MACGD,aAAaF,MAAMM,KAAKC,SAAS,OAAA,GAChC,sBAAA,cAACjB,MAAMkB,UAAQ,EAACC,UAAUR,eACxB,sBAAA,cAACV,WAAcS,MAAAA,CAAAA,GAGjBC,YAAAA"}

package/dist/PausableImage/index.d.cts

@@ -1,17 +0,0 @@
-import * as React$1 from "react";
-import * as _emotion_react12 from "@emotion/react";
-import * as _emotion_styled0 from "@emotion/styled";
-
-//#region src/PausableImage/index.d.ts
-interface PauseableImageProps {
-  src: string;
-  alt: string;
-}
-declare const imageStyles: _emotion_styled0.StyledComponent<{
-  theme?: _emotion_react12.Theme;
-  as?: React$1.ElementType;
-}, React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-declare const PausableImage: React$1.FC<PauseableImageProps>;
-//#endregion
-export { PausableImage, imageStyles };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/PausableImage/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAMU,mBAAA;;;;AAAA,cAIG,WAJgB,mBAIL,eAJK,CAAA;EAIhB,KAAA,CAAA,EASZ,gBAAA,CAAA,KAAA;EAAA,EAAA,CAAA,qBAAA;;cAIY,eAAe,OAAA,CAAM,GAAG"}