@codecademy/brand 4.0.0-alpha.a575634273.0 → 4.0.0-alpha.b03641fd89.0

package/dist/RatingsBar/index.d.ts

@@ -13,4 +13,5 @@ type RatingsBarProps = {
 };
 declare const RatingsBar: React$1.FC<RatingsBarProps>;
 //#endregion
-export { RatingsBar, RatingsBarProps };
+export { RatingsBar, RatingsBarProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/RatingsBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/RatingsBar/index.tsx"],"sourcesContent":[],"mappings":";;;KAIY,eAAA;;AAAZ;AA6BA;;;;;;;cAAa,YAAY,OAAA,CAAM,GAAG"}

package/dist/RatingsBar/index.js

@@ -38,4 +38,5 @@ const RatingsBar = ({ minimumPercent = 0, percent }) => {
 };
 
 //#endregion
-export { RatingsBar };
+export { RatingsBar };
+//# sourceMappingURL=index.js.map

package/dist/RatingsBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["RatingsBar: React.FC<RatingsBarProps>"],"sources":["../../src/RatingsBar/index.tsx"],"sourcesContent":["import { pxRem, theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nexport type RatingsBarProps = {\n  /**\n   * Minimum amount of the bar to fill in visually.\n   */\n  minimumPercent?: number;\n\n  /**\n   * How much of the bar to fill in, as a number in [0, 100].\n   */\n  percent: number;\n};\n\nconst RatingsBarWrapper = styled.div`\n  border-width: ${pxRem(1)};\n  border-style: solid;\n  border-radius: ${pxRem(80)};\n  background-color: ${theme.colors.white};\n  height: ${pxRem(8)};\n`;\n\nconst Bar = styled.div`\n  align-items: center;\n  height: 100%;\n  display: flex;\n  position: relative;\n  border-radius: inherit;\n  background-color: ${theme.colors.yellow};\n`;\n\nexport const RatingsBar: React.FC<RatingsBarProps> = ({\n  minimumPercent = 0,\n  percent,\n}) => {\n  return (\n    <RatingsBarWrapper\n      role=\"meter\"\n      aria-valuenow={percent}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-label=\"ratings bar\"\n      aria-live=\"polite\"\n    >\n      <Bar\n        data-testid=\"ratings-bar-bar\"\n        // eslint-disable-next-line gamut/no-inline-style\n        style={{\n          width: `${Math.max(minimumPercent, percent)}%`,\n          boxShadow: percent > 0 ? `${pxRem(0.5)} 0 0 ${pxRem(0.5)}` : 'none',\n        }}\n      />\n    </RatingsBarWrapper>\n  );\n};\n"],"mappings":";;;;;;AAgBA,MAAM,oBAAoB,OAAO,GAAG;kBAClB,MAAM,EAAE,CAAC;;mBAER,MAAM,GAAG,CAAC;sBACP,MAAM,OAAO,MAAM;YAC7B,MAAM,EAAE,CAAC;;AAGrB,MAAM,MAAM,OAAO,GAAG;;;;;;sBAMA,MAAM,OAAO,OAAO;;AAG1C,MAAaA,cAAyC,EACpD,iBAAiB,GACjB,cACI;AACJ,QACE,oBAAC;EACC,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,cAAW;EACX,aAAU;YAEV,oBAAC;GACC,eAAY;GAEZ,OAAO;IACL,OAAO,GAAG,KAAK,IAAI,gBAAgB,QAAQ,CAAC;IAC5C,WAAW,UAAU,IAAI,GAAG,MAAM,GAAI,CAAC,OAAO,MAAM,GAAI,KAAK;IAC9D;IACD;GACgB"}

package/dist/Recurly/context/NoProvider.js

@@ -8,4 +8,5 @@
 const NO_PROVIDER = Symbol("no provider");
 
 //#endregion
-export { NO_PROVIDER };
+export { NO_PROVIDER };
+//# sourceMappingURL=NoProvider.js.map

package/dist/Recurly/context/NoProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoProvider.js","names":[],"sources":["../../../src/Recurly/context/NoProvider.ts"],"sourcesContent":["/**\n * A symbol used as the default value for contexts that require a provider. When\n * calling useContext, we can throw an error if we find this symbol rather than\n * a provided value. This is useful in cases where we want to consider null or\n * undefined as valid provided values.\n */\nexport const NO_PROVIDER = Symbol('no provider');\nexport type NoProvider = typeof NO_PROVIDER;\n"],"mappings":";;;;;;;AAMA,MAAa,cAAc,OAAO,cAAc"}

package/dist/Recurly/context/elements/index.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/Recurly/context/elements/index.d.ts
 
@@ -10,6 +10,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
  */
 declare function Elements({
   children
-}: PropsWithChildren): react_jsx_runtime1.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime2.JSX.Element;
 //#endregion
-export { Elements };
+export { Elements };
+//# sourceMappingURL=index.d.ts.map

package/dist/Recurly/context/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/Recurly/context/elements/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAeA;;;AAAwD,iBAAxC,QAAA,CAAwC;EAAA;AAAA,CAAA,EAAjB,iBAAiB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Recurly/context/elements/index.js

@@ -40,4 +40,5 @@ function useElements(options) {
 }
 
 //#endregion
-export { Elements, useElements };
+export { Elements, useElements };
+//# sourceMappingURL=index.js.map

package/dist/Recurly/context/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Recurly/context/elements/index.tsx"],"sourcesContent":["import type { ElementsInstance } from '@recurly/recurly-js';\nimport { createContext, PropsWithChildren, useContext, useMemo } from 'react';\n\nimport { NO_PROVIDER, type NoProvider } from '../NoProvider';\nimport { useRecurly } from '../recurly';\n\ntype ElementCtxValue = ElementsInstance | undefined | NoProvider;\n\nconst ElementCtx = createContext<ElementCtxValue>(NO_PROVIDER);\n\n/**\n * A provider that provides the Elements instance via context.\n *\n * If used outside of a RecurlyProvider, it will throw an error.\n */\nexport function Elements({ children }: PropsWithChildren) {\n  const recurly = useRecurly({\n    noProviderError: 'Elements must be used within a RecurlyProvider.',\n  });\n  const elements = useMemo(() => recurly?.Elements(), [recurly]);\n  return <ElementCtx.Provider value={elements}>{children}</ElementCtx.Provider>;\n}\n\n/**\n * A hook that returns the Elements instance from context.\n *\n * If used outside of an Elements provider, it will throw an error.\n *\n * Within an Elements provider:\n * - If used on the server, it will return undefined.\n * - If used on the client, it will initially return undefined and then return\n *   the provided Elements instance once the Recurly library is loaded.\n *\n * @param options - An object to provide an alternate contextual error message\n * to use if one tries to use this hook outside of an Elements provider.\n *\n * @returns The Elements instance.\n */\nexport function useElements(options?: { noProviderError?: string }) {\n  const elements = useContext(ElementCtx);\n  if (elements === NO_PROVIDER) {\n    throw new Error(\n      options?.noProviderError ??\n        'useElements must be used within a Elements provider.'\n    );\n  }\n  return elements;\n}\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,cAA+B,YAAY;;;;;;AAO9D,SAAgB,SAAS,EAAE,YAA+B;CACxD,MAAM,UAAU,WAAW,EACzB,iBAAiB,mDAClB,CAAC;CACF,MAAM,WAAW,cAAc,SAAS,UAAU,EAAE,CAAC,QAAQ,CAAC;AAC9D,QAAO,oBAAC,WAAW;EAAS,OAAO;EAAW;GAA+B;;;;;;;;;;;;;;;;;AAkB/E,SAAgB,YAAY,SAAwC;CAClE,MAAM,WAAW,WAAW,WAAW;AACvC,KAAI,aAAa,YACf,OAAM,IAAI,MACR,SAAS,mBACP,uDACH;AAEH,QAAO"}

package/dist/Recurly/context/recurly/index.d.ts

@@ -1,6 +1,6 @@
 import { RecurlyConfig } from "./loadRecurly.js";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { Recurly } from "@recurly/recurly-js";
 
 //#region src/Recurly/context/recurly/index.d.ts
@@ -15,7 +15,7 @@ type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;
 declare function RecurlyProvider({
   children,
   ...config
-}: RecurlyProviderProps): react_jsx_runtime2.JSX.Element;
+}: RecurlyProviderProps): react_jsx_runtime3.JSX.Element;
 /**
  * A hook that returns the Recurly instance from context.
  *
@@ -35,4 +35,5 @@ declare function useRecurly(options?: {
   noProviderError?: string;
 }): Recurly | undefined;
 //#endregion
-export { RecurlyProvider, RecurlyProviderProps, useRecurly };
+export { RecurlyProvider, RecurlyProviderProps, useRecurly };
+//# sourceMappingURL=index.d.ts.map

package/dist/Recurly/context/recurly/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/Recurly/context/recurly/index.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBY,oBAAA,GAAuB,kBAAkB;;;AAArD;AASA;;;;AAA6E,iBAA7D,eAAA,CAA6D;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAApB,oBAAoB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;AA2B7E;;;;;;;;;;;;;;;iBAAgB,UAAA;;IAAiD"}

package/dist/Recurly/context/recurly/index.js

@@ -44,4 +44,5 @@ function useRecurly(options) {
 }
 
 //#endregion
-export { RecurlyProvider, useRecurly };
+export { RecurlyProvider, useRecurly };
+//# sourceMappingURL=index.js.map

package/dist/Recurly/context/recurly/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Recurly/context/recurly/index.tsx"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\nimport {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\nimport { NO_PROVIDER, type NoProvider } from '../NoProvider';\nimport { loadRecurly, RecurlyConfig } from './loadRecurly';\n\ntype RecurlyCtxValue = Recurly | undefined | NoProvider;\n\nconst RecurlyCtx = createContext<RecurlyCtxValue>(NO_PROVIDER);\n\nexport type RecurlyProviderProps = PropsWithChildren<RecurlyConfig>;\n\n/**\n * A provider that:\n * - loads the Recurly library\n * - ensures that only a single instance of the library is loaded\n * - configures the library with the provided public key\n * - provides the library instance via context\n */\nexport function RecurlyProvider({ children, ...config }: RecurlyProviderProps) {\n  const [recurly, setRecurly] = useState<Recurly | undefined>(undefined);\n\n  useEffect(() => {\n    loadRecurly(config)?.then(setRecurly);\n    // Exclude `config` dependency as it should be treated as static.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <RecurlyCtx.Provider value={recurly}>{children}</RecurlyCtx.Provider>;\n}\n\n/**\n * A hook that returns the Recurly instance from context.\n *\n * If used outside of a RecurlyProvider, it will throw an error.\n *\n * Within a RecurlyProvider:\n * - If used on the server, it will return undefined.\n * - If used on the client, it will initially return undefined and then return\n *   the provided Recurly instance once it is loaded.\n *\n * @param options - An object to provide an alternate contextual error message\n * to use if one tries to use this hook outside of a RecurlyProvider.\n *\n * @returns The Recurly instance.\n */\nexport function useRecurly(options?: { noProviderError?: string }) {\n  const recurly = useContext(RecurlyCtx);\n  if (recurly === NO_PROVIDER) {\n    throw new Error(\n      options?.noProviderError ??\n        'useRecurly must be used within a RecurlyProvider'\n    );\n  }\n  return recurly;\n}\n"],"mappings":";;;;;;AAcA,MAAM,aAAa,cAA+B,YAAY;;;;;;;;AAW9D,SAAgB,gBAAgB,EAAE,UAAU,GAAG,UAAgC;CAC7E,MAAM,CAAC,SAAS,cAAc,SAA8B,OAAU;AAEtE,iBAAgB;AACd,cAAY,OAAO,EAAE,KAAK,WAAW;IAGpC,EAAE,CAAC;AAEN,QAAO,oBAAC,WAAW;EAAS,OAAO;EAAU;GAA+B;;;;;;;;;;;;;;;;;AAkB9E,SAAgB,WAAW,SAAwC;CACjE,MAAM,UAAU,WAAW,WAAW;AACtC,KAAI,YAAY,YACd,OAAM,IAAI,MACR,SAAS,mBACP,mDACH;AAEH,QAAO"}

package/dist/Recurly/context/recurly/loadRecurly.d.ts

@@ -6,4 +6,5 @@ type RecurlyConfig = {
   required: string[];
 };
 //#endregion
-export { RecurlyConfig };
+export { RecurlyConfig };
+//# sourceMappingURL=loadRecurly.d.ts.map

package/dist/Recurly/context/recurly/loadRecurly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadRecurly.d.ts","names":[],"sources":["../../../../src/Recurly/context/recurly/loadRecurly.ts"],"sourcesContent":[],"mappings":";;;KAIY,aAAA;;EAAA,QAAA,EAAA,MAAa,EAAA"}

package/dist/Recurly/context/recurly/loadRecurly.js

@@ -18,4 +18,5 @@ function loadRecurly(config) {
 }
 
 //#endregion
-export { loadRecurly };
+export { loadRecurly };
+//# sourceMappingURL=loadRecurly.js.map

package/dist/Recurly/context/recurly/loadRecurly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadRecurly.js","names":[],"sources":["../../../../src/Recurly/context/recurly/loadRecurly.ts"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\n\nimport { w } from './w';\n\nexport type RecurlyConfig = {\n  publicKey: string;\n  required: string[];\n};\n\nexport function loadRecurly(config: RecurlyConfig) {\n  if (w && w._recurlyPromise) {\n    w._recurlyPromise = new Promise<Recurly>((resolve) => {\n      const script = (w as Window).document.createElement('script');\n      script.src = 'https://js.recurly.com/v4/recurly.js';\n      script.async = true;\n      script.onload = () => {\n        const { recurly } = w as Window;\n        if (!recurly) {\n          throw new Error('Recurly was not loaded by recurly.js');\n        }\n        recurly.configure(config);\n        resolve(recurly);\n      };\n      (w as Window).document.head.appendChild(script);\n    });\n  }\n  return w?._recurlyPromise;\n}\n"],"mappings":";;;AASA,SAAgB,YAAY,QAAuB;AACjD,KAAI,KAAK,EAAE,gBACT,GAAE,kBAAkB,IAAI,SAAkB,YAAY;EACpD,MAAM,SAAU,EAAa,SAAS,cAAc,SAAS;AAC7D,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,eAAe;GACpB,MAAM,EAAE,YAAY;AACpB,OAAI,CAAC,QACH,OAAM,IAAI,MAAM,uCAAuC;AAEzD,WAAQ,UAAU,OAAO;AACzB,WAAQ,QAAQ;;AAElB,EAAC,EAAa,SAAS,KAAK,YAAY,OAAO;GAC/C;AAEJ,QAAO,GAAG"}

package/dist/Recurly/context/recurly/w.js

@@ -2,4 +2,5 @@
 const w = typeof window === "undefined" ? void 0 : window;
 
 //#endregion
-export { w };
+export { w };
+//# sourceMappingURL=w.js.map

package/dist/Recurly/context/recurly/w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"w.js","names":[],"sources":["../../../../src/Recurly/context/recurly/w.ts"],"sourcesContent":["import type { Recurly } from '@recurly/recurly-js';\n\n// By importing/exporting w as a window object, we can easily mock it in tests.\n\ntype Doc = {\n  createElement: Document['createElement'];\n  head: {\n    appendChild: Document['head']['appendChild'];\n  };\n};\n\nexport type W = {\n  recurly?: Recurly;\n  _recurlyPromise?: Promise<Recurly>;\n  document: Doc;\n};\n\n// Exported for easy mocking\nexport const w = typeof window === 'undefined' ? undefined : (window as W);\n"],"mappings":";AAkBA,MAAa,IAAI,OAAO,WAAW,cAAc,SAAa"}

package/dist/Recurly/fields/RecurlyField.d.ts

@@ -15,4 +15,5 @@ declare function RecurlyField({
   ...props
 }: RecurlyFieldProps): react_jsx_runtime4.JSX.Element;
 //#endregion
-export { RecurlyField, RecurlyFieldProps };
+export { RecurlyField, RecurlyFieldProps };
+//# sourceMappingURL=RecurlyField.d.ts.map

package/dist/Recurly/fields/RecurlyField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurlyField.d.ts","names":[],"sources":["../../../src/Recurly/fields/RecurlyField.tsx"],"sourcesContent":[],"mappings":";;;;KAmDY,iBAAA,GAAoB;;;AAAhC;AAMA;;;AAA4D,iBAA5C,YAAA,CAA4C;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAA,iBAAA,CAAA,EAAiB,kBAAA,CAAA,GAAA,CAAA,OAAjB"}

package/dist/Recurly/fields/RecurlyField.js

@@ -64,4 +64,5 @@ function RecurlyField({ label, children, ...props }) {
 }
 
 //#endregion
-export { RecurlyField };
+export { RecurlyField };
+//# sourceMappingURL=RecurlyField.js.map

package/dist/Recurly/fields/RecurlyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurlyField.js","names":["variant"],"sources":["../../../src/Recurly/fields/RecurlyField.tsx"],"sourcesContent":["import {\n  Box,\n  Input,\n  InputWrapperProps,\n  StyledInputProps,\n  Text,\n} from '@codecademy/gamut';\nimport {\n  conditionalStyles,\n  formFieldStyles,\n} from '@codecademy/gamut/dist/Form/styles';\nimport { theme } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { useCallback, useRef } from 'react';\n\nconst Slash = styled.span`\n  width: 0;\n  font-family: 'Suisse';\n  transform: translate(-6px, 1px);\n  font-size: 18px;\n`;\n\nfunction focusBorderColor({ variant }: StyledInputProps) {\n  return variant === 'error'\n    ? theme.colors['feedback-error']\n    : theme.colors.primary;\n}\n\nconst InputInnerBox = styled.div<StyledInputProps>`\n  ${formFieldStyles}\n  ${conditionalStyles}\n  & > div {\n    width: 100%;\n  }\n  padding: 0;\n  display: flex;\n  align-items: center;\n  height: 3.125rem;\n  .recurly-element {\n    height: 3.125rem;\n  }\n  &:has(.recurly-element-focus) {\n    border-color: ${focusBorderColor};\n    box-shadow: inset 0 0 0 1px ${focusBorderColor};\n  }\n  &:has(${Slash}) > div:first-of-type {\n    max-width: 2.75rem;\n    min-width: 2.75rem;\n  }\n`;\n\nexport type RecurlyFieldProps = InputWrapperProps & { label: string };\n\n/**\n * A wrapper around a Recurly element (or two elements in the case of MM/YY) to\n * add Gamut border styling and a label.\n */\nexport function RecurlyField({ label, children, ...props }: RecurlyFieldProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const selectIframe = useCallback(() => {\n    ref.current?.querySelector('iframe')?.focus();\n  }, []);\n\n  return (\n    <Box ref={ref}>\n      <Text as=\"label\" onClick={selectIframe}>\n        {label}\n      </Text>\n      <Input as={InputInnerBox} {...props}>\n        {Array.isArray(children) && children.length === 2 ? (\n          <>\n            {children[0]}\n            <Slash>/</Slash>\n            {children[1]}\n          </>\n        ) : (\n          children\n        )}\n      </Input>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,MAAM,QAAQ,OAAO,IAAI;;;;;;AAOzB,SAAS,iBAAiB,EAAE,sBAA6B;AACvD,QAAOA,cAAY,UACf,MAAM,OAAO,oBACb,MAAM,OAAO;;AAGnB,MAAM,gBAAgB,OAAO,GAAqB;IAC9C,gBAAgB;IAChB,kBAAkB;;;;;;;;;;;;oBAYF,iBAAiB;kCACH,iBAAiB;;UAEzC,MAAM;;;;;;;;;AAYhB,SAAgB,aAAa,EAAE,OAAO,UAAU,GAAG,SAA4B;CAC7E,MAAM,MAAM,OAAuB,KAAK;AAMxC,QACE,qBAAC;EAAS;aACR,oBAAC;GAAK,IAAG;GAAQ,SANA,kBAAkB;AACrC,QAAI,SAAS,cAAc,SAAS,EAAE,OAAO;MAC5C,EAAE,CAAC;aAKC;IACI,EACP,oBAAC;GAAM,IAAI;GAAe,GAAI;aAC3B,MAAM,QAAQ,SAAS,IAAI,SAAS,WAAW,IAC9C;IACG,SAAS;IACV,oBAAC,mBAAM,MAAS;IACf,SAAS;OACT,GAEH;IAEI;GACJ"}

package/dist/Recurly/fields/elements.d.ts

@@ -19,4 +19,5 @@ type Focusable = {
   focus: () => void;
 };
 //#endregion
-export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
+export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
+//# sourceMappingURL=elements.d.ts.map

package/dist/Recurly/fields/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","names":[],"sources":["../../../src/Recurly/fields/elements.tsx"],"sourcesContent":[],"mappings":";;;;cAUa,YAAU,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;cACV,UAAQ,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;cACR,SAAO,OAAA,CAAA,0BAAA,gBAAA,OAAA,CAAA,cAAA;AAFP,cAGA,GAHwD,EAGrD,OAAA,CAAA,yBAHqD,CAGrD,aAHqD,GAGrD,OAAA,CAAA,aAHqD,CAGrD,SAHqD,CAAA,CAAA;AAA9C,KAOX,WAAA,GAPW,mBAAA,GAAA,kBAAA,GAAA,iBAAA,GAAA,gBAAA;AAAA,KAcX,YAAA,GAAe,UAdJ,CAce,OAdf,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAgBX,aAAA,GAhBW;EAAA,OAAA,CAAA,EAiBX,YAjBW;EAAA,QAAA,CAAA,EAkBV,YAlBU;EACV,MAAA,CAAA,EAkBF,YAlBkE;EAAxD,OAAA,CAAA,EAmBT,YAnBS;EAAA,QAAA,CAAA,EAoBR,YApBQ;CAAA;AAAA,KA0BT,SAAA,GA1BS;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AACrB,CAAA"}

package/dist/Recurly/fields/elements.js

@@ -56,4 +56,5 @@ function bindEventHandlers(el, h) {
 }
 
 //#endregion
-export { CVV, CardNumber, ExpMonth, ExpYear };
+export { CVV, CardNumber, ExpMonth, ExpYear };
+//# sourceMappingURL=elements.js.map

package/dist/Recurly/fields/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["el: IndividualElement"],"sources":["../../../src/Recurly/fields/elements.tsx"],"sourcesContent":["import { formFieldPaddingStyles } from '@codecademy/gamut/dist/Form/styles';\nimport type {\n  CommonElementStyle,\n  IndividualElement,\n} from '@recurly/recurly-js';\nimport type { Emitter } from '@recurly/recurly-js/lib/emitter';\nimport { ForwardedRef, forwardRef, RefObject, useMemo, useRef } from 'react';\n\nimport { useElements } from '../context';\n\nexport const CardNumber = element('CardNumberElement', 'Card number');\nexport const ExpMonth = element('CardMonthElement', 'Expiration month', 'MM');\nexport const ExpYear = element('CardYearElement', 'Expiration year', 'YY');\nexport const CVV = element('CardCvvElement', 'CVV');\n\n/* These match methods on `ElementsInstance`. 'CardElement' is omitted since we\nonly need individual elements (number,month,year,cvv). */\nexport type ElementType =\n  | 'CardNumberElement'\n  | 'CardMonthElement'\n  | 'CardYearElement'\n  | 'CardCvvElement';\n\n// The type that `element.on` expects. See `bindEventHandlers`.\nexport type EventHandler = Parameters<Emitter['on']>[1];\n\nexport type EventHandlers = {\n  onReady?: EventHandler;\n  onChange?: EventHandler;\n  onBlur?: EventHandler;\n  onFocus?: EventHandler;\n  onSubmit?: EventHandler;\n};\n\n/* Our only reason for allowing folks to pass in a ref is so that they can call\n`.focus()` from the outside. This type satisfies `HTMLElement` (the type one\nmight try to use) and `ElementInstance` (what we actually set the ref to). */\nexport type Focusable = { focus: () => void };\n\n/**\n * Defines a Recurly element component for a given type.\n */\nfunction element(type: ElementType, title: string, placeholder?: string) {\n  return forwardRef<Focusable, EventHandlers>((eventHandlers, ref) => {\n    const elements = useElements({\n      noProviderError:\n        'Recurly element must be used within a Elements provider.',\n    });\n\n    // Keep ref updated with current event handlers. See `bindEventHandlers`.\n    const h = useRef<EventHandlers>({});\n    h.current = eventHandlers;\n\n    const callback = useMemo(() => {\n      if (!elements) return null;\n\n      let el: IndividualElement;\n      return (div: HTMLDivElement | null) => {\n        /* This is called once (with the div) when `elements` is defined and\n        once (with null) on component unmount. */\n        if (div) {\n          el = elements[type]({ style: getStyle(title, placeholder) });\n          el.attach(div);\n          bindEventHandlers(el, h);\n          allowFocus(div, ref, el);\n        } else {\n          cleanup(el);\n        }\n      };\n    }, [elements, ref]);\n\n    return <div ref={callback} />;\n  });\n}\n\nfunction cleanup(el?: IndividualElement) {\n  /* `.destroy()` is not documented or included in the IndividualElement type,\n  but there is an example of @recurly/react-recurly using it here:\n  https://github.com/recurly/react-recurly/blob/main/lib/element/element.jsx#L112 */\n  (el as unknown as { destroy: () => void })?.destroy();\n}\n\nfunction allowFocus(\n  div: HTMLDivElement,\n  ref: ForwardedRef<Focusable>,\n  el: IndividualElement\n) {\n  // Forward focus from iframe to element. (used by RecurlyField label onClick)\n  div.querySelector('iframe')?.addEventListener('focus', () => el.focus());\n\n  // Set ref to our Recurly element instance so that one can call `.focus()`.\n  if (ref instanceof Function) {\n    ref(el); // call RefCallback\n  } else if (ref) {\n    ref.current = el; // set RefObject\n  }\n}\n\nfunction getStyle(title: string, placeholder?: string) {\n  const { px, py } = formFieldPaddingStyles;\n  return {\n    /* We can't use Apercu in the iframe, but Recurly will pull in any Google\n    font. JetBrains Mono seems appropriate for card info. */\n    fontFamily: 'JetBrains Mono',\n\n    /* Most Gamut styling is applied outside the iframe by RecurlyField. We\n    apply padding in the iframe to ensure the entire element is clickable. */\n    padding: `${px}px ${py}px`,\n\n    /* For some bewildered reason, Recurly takes `title` and `placeholder` as\n    style properties. Title is necessary for screen readers. */\n    title,\n\n    /* The spread syntax for `placeholder` is only necessary because Recurly is\n    persnickety about only including it when defined. */\n    ...(placeholder ? { placeholder } : {}),\n  } as CommonElementStyle;\n}\n\n/* When event handlers are passed as inline function props, they technically are\nnew function instances on each render. Rather than re-attaching the handlers on\neach render, we keep a ref updated with the latest handlers and bind static\nhandlers that call the dynamic handlers from the ref. @recurly/react-recurly\nessentially uses the same approach here:\nhttps://github.com/recurly/react-recurly/blob/main/lib/element/element.jsx#L102 */\nfunction bindEventHandlers(el: IndividualElement, h: RefObject<EventHandlers>) {\n  el.on('attach', (...args) => h.current?.onReady?.(...args));\n  el.on('change', (...args) => h.current?.onChange?.(...args));\n  el.on('blur', (...args) => h.current?.onBlur?.(...args));\n  el.on('focus', (...args) => h.current?.onFocus?.(...args));\n  el.on('submit', (...args) => h.current?.onSubmit?.(...args));\n}\n"],"mappings":";;;;;;AAUA,MAAa,aAAa,QAAQ,qBAAqB,cAAc;AACrE,MAAa,WAAW,QAAQ,oBAAoB,oBAAoB,KAAK;AAC7E,MAAa,UAAU,QAAQ,mBAAmB,mBAAmB,KAAK;AAC1E,MAAa,MAAM,QAAQ,kBAAkB,MAAM;;;;AA6BnD,SAAS,QAAQ,MAAmB,OAAe,aAAsB;AACvE,QAAO,YAAsC,eAAe,QAAQ;EAClE,MAAM,WAAW,YAAY,EAC3B,iBACE,4DACH,CAAC;EAGF,MAAM,IAAI,OAAsB,EAAE,CAAC;AACnC,IAAE,UAAU;AAoBZ,SAAO,oBAAC,SAAI,KAlBK,cAAc;AAC7B,OAAI,CAAC,SAAU,QAAO;GAEtB,IAAIA;AACJ,WAAQ,QAA+B;AAGrC,QAAI,KAAK;AACP,UAAK,SAAS,MAAM,EAAE,OAAO,SAAS,OAAO,YAAY,EAAE,CAAC;AAC5D,QAAG,OAAO,IAAI;AACd,uBAAkB,IAAI,EAAE;AACxB,gBAAW,KAAK,KAAK,GAAG;UAExB,SAAQ,GAAG;;KAGd,CAAC,UAAU,IAAI,CAAC,GAEU;GAC7B;;AAGJ,SAAS,QAAQ,IAAwB;AAIvC,CAAC,IAA2C,SAAS;;AAGvD,SAAS,WACP,KACA,KACA,IACA;AAEA,KAAI,cAAc,SAAS,EAAE,iBAAiB,eAAe,GAAG,OAAO,CAAC;AAGxE,KAAI,eAAe,SACjB,KAAI,GAAG;UACE,IACT,KAAI,UAAU;;AAIlB,SAAS,SAAS,OAAe,aAAsB;CACrD,MAAM,EAAE,IAAI,OAAO;AACnB,QAAO;EAGL,YAAY;EAIZ,SAAS,GAAG,GAAG,KAAK,GAAG;EAIvB;EAIA,GAAI,cAAc,EAAE,aAAa,GAAG,EAAE;EACvC;;AASH,SAAS,kBAAkB,IAAuB,GAA6B;AAC7E,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,UAAU,GAAG,KAAK,CAAC;AAC3D,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,WAAW,GAAG,KAAK,CAAC;AAC5D,IAAG,GAAG,SAAS,GAAG,SAAS,EAAE,SAAS,SAAS,GAAG,KAAK,CAAC;AACxD,IAAG,GAAG,UAAU,GAAG,SAAS,EAAE,SAAS,UAAU,GAAG,KAAK,CAAC;AAC1D,IAAG,GAAG,WAAW,GAAG,SAAS,EAAE,SAAS,WAAW,GAAG,KAAK,CAAC"}

package/dist/ResourceCard/index.d.ts

@@ -16,4 +16,5 @@ type ResourceCardProps = CardProps & {
 };
 declare const ResourceCard: React.FC<ResourceCardProps>;
 //#endregion
-export { ResourceCard, ResourceCardProps, ResourceType };
+export { ResourceCard, ResourceCardProps, ResourceType };
+//# sourceMappingURL=index.d.ts.map

package/dist/ResourceCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ResourceCard/index.tsx"],"sourcesContent":[],"mappings":";;;;aAKY,YAAA;;EAAA,GAAA,GAAA,KAAA;EAOA,IAAA,GAAA,WAAA;;AAEkB,KAFlB,iBAAA,GAAoB,SAEF,GAAA;EACd,KAAA,EAAA,MAAA;EACA,WAAA,EAAA,MAAA,GAFQ,KAAA,CAAM,SAEd;EAAW,YAAA,EADX,YACW;EAId,YAAA,EAJG,WA0Df;;;cAtDY,cAAc,KAAA,CAAM,GAAG"}

package/dist/ResourceCard/index.js

@@ -54,4 +54,5 @@ const ResourceCard = ({ title, description, resourceType, headingLevel, path, ..
 };
 
 //#endregion
-export { ResourceCard, ResourceType };
+export { ResourceCard, ResourceType };
+//# sourceMappingURL=index.js.map

package/dist/ResourceCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ResourceCard: React.FC<ResourceCardProps>"],"sources":["../../src/ResourceCard/index.tsx"],"sourcesContent":["import { Box, Card, HeadingTags, Text } from '@codecademy/gamut';\nimport { theme } from '@codecademy/gamut-styles';\n\nimport { CardProps } from '../CurriculumCard';\n\nexport enum ResourceType {\n  Article = 'Article',\n  Doc = 'Doc',\n  Blog = 'Blog Post',\n  // can be expanded for Cheatsheet, etc...\n}\n\nexport type ResourceCardProps = CardProps & {\n  title: string;\n  description: string | React.ReactNode;\n  resourceType: ResourceType;\n  headingLevel: HeadingTags;\n  path?: string[];\n};\n\nexport const ResourceCard: React.FC<ResourceCardProps> = ({\n  title,\n  description,\n  resourceType,\n  headingLevel,\n  path,\n  ...cardProps\n}) => {\n  const cardTitle = path ? [resourceType, ...path].join(' / ') : resourceType;\n  return (\n    <Card\n      variant=\"white\"\n      borderRadius=\"md\"\n      borderColor=\"border-primary\"\n      overflow=\"hidden\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      isInteractive\n      p={0}\n      height=\"100%\"\n      {...cardProps}\n    >\n      <Box px={12} py={4} boxShadow={`inset 0 -1px 0 0 ${theme.colors.navy}`}>\n        <Text fontFamily=\"accent\" fontSize={14}>\n          {cardTitle}\n        </Text>\n      </Box>\n      <Box px={12} py={4}>\n        <Text\n          variant=\"title-xs\"\n          as={headingLevel}\n          truncate=\"ellipsis\"\n          truncateLines={2}\n          pt={12}\n          pb={4}\n        >\n          {title}\n        </Text>\n        {description &&\n          (typeof description === 'string' ? (\n            <Text\n              variant=\"p-small\"\n              truncate=\"ellipsis\"\n              truncateLines={2}\n              mb={16}\n            >\n              {description}\n            </Text>\n          ) : (\n            description\n          ))}\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAY,wDAAL;AACL;AACA;AACA;;;AAYF,MAAaA,gBAA6C,EACxD,OACA,aACA,cACA,cACA,MACA,GAAG,gBACC;CACJ,MAAM,YAAY,OAAO,CAAC,cAAc,GAAG,KAAK,CAAC,KAAK,MAAM,GAAG;AAC/D,QACE,qBAAC;EACC,SAAQ;EACR,cAAa;EACb,aAAY;EACZ,UAAS;EACT,SAAQ;EACR,eAAc;EACd;EACA,GAAG;EACH,QAAO;EACP,GAAI;aAEJ,oBAAC;GAAI,IAAI;GAAI,IAAI;GAAG,WAAW,oBAAoB,MAAM,OAAO;aAC9D,oBAAC;IAAK,YAAW;IAAS,UAAU;cACjC;KACI;IACH,EACN,qBAAC;GAAI,IAAI;GAAI,IAAI;cACf,oBAAC;IACC,SAAQ;IACR,IAAI;IACJ,UAAS;IACT,eAAe;IACf,IAAI;IACJ,IAAI;cAEH;KACI,EACN,gBACE,OAAO,gBAAgB,WACtB,oBAAC;IACC,SAAQ;IACR,UAAS;IACT,eAAe;IACf,IAAI;cAEH;KACI,GAEP;IAEA;GACD"}

package/dist/ScoreSummary/SubScores.d.ts

@@ -37,4 +37,5 @@ interface SubScoresProps {
 }
 declare const SubScores: React.FC<SubScoresProps>;
 //#endregion
-export { SubScores, renderSubScores };
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.d.ts.map

package/dist/ScoreSummary/SubScores.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.d.ts","names":[],"sources":["../../src/ScoreSummary/SubScores.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa;;;;;;;;;aASA;;EATA,aAAA,CAAA,EAAA,OAwHV;EAxH6B,WAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAcf,aAde;EAAA,cAAA,CAAA,EAAA,CAAA,IAAA,EAeN,aAfM,EAAA,GAAA,IAAA;CAAA,EAAA,GAgB/B,kBAAA,CAAA,GAAA,CAAA,OAAA,EAhB+B;UAqKtB,cAAA,CArKsB;EAAA,aAAA,CAAA,EAAA,OAAA;EASnB,WAAA,CAAA,EAAA,OAAA;EAKI,MAAA,CAAA,EAAA,QAAA,GAAA,KAAA;EACS,kBAAA,CAAA,EA0JH,MA1JG;EACzB,UAAA,CAAA,EAAA,OAAA;EAAA,QAAA,EAAA,MAAA;EAqJS,mBAAc,CAAA,EAAA,OAAA;EAID,SAAA,EAIV,+BAJU;EAIV,YAAA,CAAA,EACI,aADJ;EACI,cAAA,CAAA,EAAA,CAAA,IAAA,EACS,aADT,EAAA,GAAA,IAAA;EACS,SAAA,CAAA,EAAA,MAAA;EAEH,kBAAA,CAAA,EAAA,kBAAA,EAAA;;AAGV,cAAA,SAAoB,EAAT,KAAA,CAAM,EAAG,CAAA,cAAD,CAAA"}

package/dist/ScoreSummary/SubScores.js

@@ -131,4 +131,5 @@ const SubScores = ({ colorfulIcons = false, isChallenge = false, layout = "row",
 };
 
 //#endregion
-export { SubScores, renderSubScores };
+export { SubScores, renderSubScores };
+//# sourceMappingURL=SubScores.js.map

package/dist/ScoreSummary/SubScores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubScores.js","names":["SubScores: React.FC<SubScoresProps>"],"sources":["../../src/ScoreSummary/SubScores.tsx"],"sourcesContent":["import { Anchor, FlexBox, GridBox, Markdown, Text } from '@codecademy/gamut';\nimport { CheckFilledIcon, DeleteFilledIcon } from '@codecademy/gamut-icons';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\n\nimport { createResumeUrlPath } from './helpers';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nconst SHOW_REVIEW_SCORE = 0.6;\nconst PASSING_SCORE = 0.7;\n\nexport const renderSubScores = ({\n  isChallenge,\n  subScores,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  colorfulIcons,\n}: {\n  subScores: CorrectAnswerCountsBySubContent;\n  pathSlug: string;\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n}) =>\n  Object.entries(subScores).map(\n    (\n      [\n        subContentId,\n        {\n          title: subContentTitle,\n          correct: subContentCorrect,\n          total: subContentTotal,\n          slug: subContentSlug,\n        },\n      ],\n      i\n    ) => {\n      const subContentPercentCorrect = subContentCorrect / subContentTotal;\n      const reviewConceptsPath = createResumeUrlPath({\n        pathSlug,\n        trackSlug,\n        moduleSlug: subContentSlug,\n      });\n\n      return (\n        <FlexBox\n          key={subContentId}\n          borderTop={i !== 0 ? 1 : 'none'}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n          role=\"listitem\"\n        >\n          <FlexBox alignItems=\"center\">\n            {colorfulIcons ? (\n              subContentPercentCorrect >= PASSING_SCORE ? (\n                <CheckFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-success\"\n                />\n              ) : (\n                <DeleteFilledIcon\n                  minWidth={16}\n                  mr={12}\n                  color=\"feedback-error\"\n                />\n              )\n            ) : null}\n            <>\n              <Text screenreader>\n                {colorfulIcons\n                  ? `${\n                      subContentPercentCorrect >= PASSING_SCORE\n                        ? 'passed'\n                        : 'failed'\n                    }: `\n                  : ''}\n              </Text>\n              {isChallenge ? (\n                <Markdown inline spacing=\"none\" text={subContentTitle} />\n              ) : (\n                <Text fontWeight=\"bold\">{subContentTitle}</Text>\n              )}\n            </>\n          </FlexBox>\n          <FlexBox\n            fontSize={14}\n            minWidth={\n              subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug\n                ? '11rem'\n                : '3rem'\n            }\n            justifyContent=\"flex-end\"\n          >\n            {subContentPercentCorrect < SHOW_REVIEW_SCORE && trackSlug && (\n              <>\n                <Anchor\n                  aria-label={`Review concepts for ${subContentTitle}`}\n                  mr={16}\n                  href={reviewConceptsPath}\n                  onClick={() =>\n                    trackingData &&\n                    trackUserClick?.({\n                      ...trackingData,\n                      course_progress: parseFloat(\n                        subContentPercentCorrect.toFixed(4)\n                      ),\n                      href: reviewConceptsPath,\n                      module_id: subContentId,\n                    })\n                  }\n                >\n                  Review Concepts\n                </Anchor>{' '}\n              </>\n            )}\n            {!isChallenge && (\n              <Text\n                aria-label={`${subContentCorrect} out of ${subContentTotal} questions correct`}\n              >{`${subContentCorrect} / ${subContentTotal}`}</Text>\n            )}\n          </FlexBox>\n        </FlexBox>\n      );\n    }\n  );\n\nconst renderUntestedSubContent = ({\n  untestedSubContent,\n  lighterBorderColor,\n}: {\n  untestedSubContent: UntestedSubContent[];\n  lighterBorderColor: Colors;\n}) => (\n  <FlexBox\n    flexDirection=\"column\"\n    borderWidth={1}\n    borderWidthTop={0}\n    borderStyle=\"solid\"\n    borderColor={lighterBorderColor}\n  >\n    {untestedSubContent.map(({ id, title }, i) => {\n      return (\n        <FlexBox\n          key={id}\n          borderWidth={1}\n          borderWidthTop={i === 0 ? 0 : 1}\n          borderStyle=\"solid\"\n          borderColor={lighterBorderColor}\n          px={16}\n          py={8}\n          justifyContent=\"space-between\"\n          color={lighterBorderColor}\n          role=\"listitem\"\n        >\n          <Text flexGrow={1}>{title}</Text>\n          <FlexBox\n            fontSize={14}\n            alignItems=\"center\"\n            minWidth=\"6.5rem\"\n            justifyContent=\"flex-end\"\n          >\n            <Text fontFamily=\"accent\">Not tested</Text>\n          </FlexBox>\n        </FlexBox>\n      );\n    })}\n  </FlexBox>\n);\n\ninterface SubScoresProps {\n  colorfulIcons?: boolean;\n  isChallenge?: boolean;\n  layout?: 'column' | 'row';\n  lighterBorderColor?: Colors;\n  noMaxWidth?: boolean;\n  pathSlug: string;\n  showUntestedContent?: boolean;\n  subScores: CorrectAnswerCountsBySubContent;\n  trackingData?: UserClickData;\n  trackUserClick?: (data: UserClickData) => void;\n  trackSlug?: string;\n  untestedSubContent?: UntestedSubContent[];\n}\n\nexport const SubScores: React.FC<SubScoresProps> = ({\n  colorfulIcons = false,\n  isChallenge = false,\n  layout = 'row',\n  lighterBorderColor = 'navy-400',\n  noMaxWidth = false,\n  pathSlug,\n  showUntestedContent = false,\n  subScores,\n  trackSlug,\n  trackingData,\n  trackUserClick,\n  untestedSubContent,\n}) => {\n  return (\n    <FlexBox\n      flexDirection=\"column\"\n      maxWidth={noMaxWidth ? '' : pxRem(705)}\n      role=\"list\"\n      aria-label=\"Unit Subjects\"\n    >\n      <FlexBox\n        flexDirection=\"column\"\n        borderX={1}\n        borderBottom={1}\n        borderTop={\n          isChallenge\n            ? 1\n            : layout === 'row'\n            ? { _: undefined, md: 1 }\n            : undefined\n        }\n      >\n        {renderSubScores({\n          colorfulIcons,\n          isChallenge,\n          pathSlug,\n          subScores,\n          trackSlug,\n          trackingData,\n          trackUserClick,\n        })}\n      </FlexBox>\n      {showUntestedContent && (\n        <GridBox bg=\"transparent\">\n          {untestedSubContent &&\n            untestedSubContent?.length > 0 &&\n            renderUntestedSubContent({\n              untestedSubContent,\n              lighterBorderColor,\n            })}\n        </GridBox>\n      )}\n    </FlexBox>\n  );\n};\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB;AAC1B,MAAM,gBAAgB;AAEtB,MAAa,mBAAmB,EAC9B,aACA,WACA,UACA,WACA,cACA,gBACA,oBAUA,OAAO,QAAQ,UAAU,CAAC,KAEtB,CACE,cACA,EACE,OAAO,iBACP,SAAS,mBACT,OAAO,iBACP,MAAM,mBAGV,MACG;CACH,MAAM,2BAA2B,oBAAoB;CACrD,MAAM,qBAAqB,oBAAoB;EAC7C;EACA;EACA,YAAY;EACb,CAAC;AAEF,QACE,qBAAC;EAEC,WAAW,MAAM,IAAI,IAAI;EACzB,IAAI;EACJ,IAAI;EACJ,gBAAe;EACf,YAAW;EACX,MAAK;aAEL,qBAAC;GAAQ,YAAW;cACjB,gBACC,4BAA4B,gBAC1B,oBAAC;IACC,UAAU;IACV,IAAI;IACJ,OAAM;KACN,GAEF,oBAAC;IACC,UAAU;IACV,IAAI;IACJ,OAAM;KACN,GAEF,MACJ,4CACE,oBAAC;IAAK;cACH,gBACG,GACE,4BAA4B,gBACxB,WACA,SACL,MACD;KACC,EACN,cACC,oBAAC;IAAS;IAAO,SAAQ;IAAO,MAAM;KAAmB,GAEzD,oBAAC;IAAK,YAAW;cAAQ;KAAuB,IAEjD;IACK,EACV,qBAAC;GACC,UAAU;GACV,UACE,2BAA2B,qBAAqB,YAC5C,UACA;GAEN,gBAAe;cAEd,2BAA2B,qBAAqB,aAC/C,4CACE,oBAAC;IACC,cAAY,uBAAuB;IACnC,IAAI;IACJ,MAAM;IACN,eACE,gBACA,iBAAiB;KACf,GAAG;KACH,iBAAiB,WACf,yBAAyB,QAAQ,EAAE,CACpC;KACD,MAAM;KACN,WAAW;KACZ,CAAC;cAEL;KAEQ,EAAC,OACT,EAEJ,CAAC,eACA,oBAAC;IACC,cAAY,GAAG,kBAAkB,UAAU,gBAAgB;cAC3D,GAAG,kBAAkB,KAAK;KAAyB;IAE/C;IA7EL,aA8EG;EAGf;AAEH,MAAM,4BAA4B,EAChC,oBACA,yBAKA,oBAAC;CACC,eAAc;CACd,aAAa;CACb,gBAAgB;CAChB,aAAY;CACZ,aAAa;WAEZ,mBAAmB,KAAK,EAAE,IAAI,SAAS,MAAM;AAC5C,SACE,qBAAC;GAEC,aAAa;GACb,gBAAgB,MAAM,IAAI,IAAI;GAC9B,aAAY;GACZ,aAAa;GACb,IAAI;GACJ,IAAI;GACJ,gBAAe;GACf,OAAO;GACP,MAAK;cAEL,oBAAC;IAAK,UAAU;cAAI;KAAa,EACjC,oBAAC;IACC,UAAU;IACV,YAAW;IACX,UAAS;IACT,gBAAe;cAEf,oBAAC;KAAK,YAAW;eAAS;MAAiB;KACnC;KAnBL,GAoBG;GAEZ;EACM;AAkBZ,MAAaA,aAAuC,EAClD,gBAAgB,OAChB,cAAc,OACd,SAAS,OACT,qBAAqB,YACrB,aAAa,OACb,UACA,sBAAsB,OACtB,WACA,WACA,cACA,gBACA,yBACI;AACJ,QACE,qBAAC;EACC,eAAc;EACd,UAAU,aAAa,KAAK,MAAM,IAAI;EACtC,MAAK;EACL,cAAW;aAEX,oBAAC;GACC,eAAc;GACd,SAAS;GACT,cAAc;GACd,WACE,cACI,IACA,WAAW,QACX;IAAE,GAAG;IAAW,IAAI;IAAG,GACvB;aAGL,gBAAgB;IACf;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CAAC;IACM,EACT,uBACC,oBAAC;GAAQ,IAAG;aACT,sBACC,oBAAoB,SAAS,KAC7B,yBAAyB;IACvB;IACA;IACD,CAAC;IACI;GAEJ"}

package/dist/ScoreSummary/helpers.js

@@ -15,4 +15,5 @@ const createResumeUrlPath = ({ journeySlug, pathSlug, trackSlug, moduleSlug, con
 };
 
 //#endregion
-export { createResumeUrlPath };
+export { createResumeUrlPath };
+//# sourceMappingURL=helpers.js.map

package/dist/ScoreSummary/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/ScoreSummary/helpers.tsx"],"sourcesContent":["import pluralize from 'pluralize';\n\nexport type ContentItemType =\n  | 'article'\n  | 'context_item'\n  | 'informational'\n  | 'lesson'\n  | 'lock'\n  | 'pro'\n  | 'project_component'\n  | 'project'\n  | 'quiz'\n  | 'resource'\n  | 'reviewable_project'\n  | 'seminar'\n  | 'video'\n  | 'external_resource'\n  | 'kanban_project';\n\nexport interface ResumeUrlPathParams {\n  journeySlug?: string;\n  pathSlug?: string;\n  trackSlug?: string;\n  moduleSlug?: string;\n  contentItemType?: ContentItemType;\n  contentItemSlug?: string;\n}\n\nexport const getContentItemTypeRoutePart = (type?: ContentItemType) => {\n  return type ? pluralize(type, 2) : '';\n};\n\nexport const createResumeUrlPath = ({\n  journeySlug,\n  pathSlug,\n  trackSlug,\n  moduleSlug,\n  contentItemType,\n  contentItemSlug,\n}: ResumeUrlPathParams) => {\n  const contentItemTypeRoute = getContentItemTypeRoutePart(contentItemType);\n  const journeyUrl = journeySlug ? `/journeys/${journeySlug}` : '';\n\n  if (\n    pathSlug &&\n    trackSlug &&\n    moduleSlug &&\n    contentItemType &&\n    contentItemTypeRoute &&\n    contentItemSlug\n  )\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}/${contentItemTypeRoute}/${contentItemSlug}`;\n\n  if (pathSlug && trackSlug && moduleSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}/modules/${moduleSlug}`;\n\n  if (pathSlug && trackSlug)\n    return `${journeyUrl}/paths/${pathSlug}/tracks/${trackSlug}`;\n\n  if (pathSlug) return `${journeyUrl}/paths/${pathSlug}`;\n\n  return journeyUrl;\n};\n"],"mappings":";;;AA4BA,MAAa,+BAA+B,SAA2B;AACrE,QAAO,OAAO,UAAU,MAAM,EAAE,GAAG;;AAGrC,MAAa,uBAAuB,EAClC,aACA,UACA,WACA,YACA,iBACA,sBACyB;CACzB,MAAM,uBAAuB,4BAA4B,gBAAgB;CACzE,MAAM,aAAa,cAAc,aAAa,gBAAgB;AAE9D,KACE,YACA,aACA,cACA,mBACA,wBACA,gBAEA,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU,UAAU,WAAW,WAAW,GAAG,qBAAqB,GAAG;AAE9G,KAAI,YAAY,aAAa,WAC3B,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU,UAAU,WAAW;AAExE,KAAI,YAAY,UACd,QAAO,GAAG,WAAW,SAAS,SAAS,UAAU;AAEnD,KAAI,SAAU,QAAO,GAAG,WAAW,SAAS;AAE5C,QAAO"}

package/dist/ScoreSummary/index.d.ts

@@ -22,4 +22,5 @@ interface ScoreSummaryProps {
 }
 declare const ScoreSummary: React$1.FC<ScoreSummaryProps>;
 //#endregion
-export { ScoreSummary, ScoreSummaryProps };
+export { ScoreSummary, ScoreSummaryProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/ScoreSummary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ScoreSummary/index.tsx"],"sourcesContent":[],"mappings":";;;;;;UASiB,iBAAA;aACJ;EADI,YAAA,EAAA,MAAiB;EACrB,cAAA,EAAA,MAAA;EAKI,QAAA,EAAA,MAAA;EACM,SAAA,CAAA,EAAA,MAAA;EAEA,YAAA,CAAA,EAHN,aAGM;EACG,kBAAA,CAAA,EAHH,MAGG;EAAa,MAAA,CAAA,EAAA,QAAA,GAAA,KAAA;EAO1B,kBA6FZ,CAAA,EArGsB,kBAQa,EAAA;0BAPV;;;;;;cAOb,cAAc,OAAA,CAAM,GAAG"}

package/dist/ScoreSummary/index.js

@@ -93,4 +93,5 @@ const ScoreSummary = ({ subScores, totalCorrect, totalQuestions, pathSlug, track
 };
 
 //#endregion
-export { ScoreSummary };
+export { ScoreSummary };
+//# sourceMappingURL=index.js.map

package/dist/ScoreSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ScoreSummary: React.FC<ScoreSummaryProps>"],"sources":["../../src/ScoreSummary/index.tsx"],"sourcesContent":["import { Box, GridBox, Text } from '@codecademy/gamut';\nimport { Colors, pxRem } from '@codecademy/gamut-styles';\nimport { UserClickData } from '@codecademy/tracking';\nimport * as React from 'react';\n\nimport { QuizScore } from '../QuizScore';\nimport { SubScores } from './SubScores';\nimport { CorrectAnswerCountsBySubContent, UntestedSubContent } from './types';\n\nexport interface ScoreSummaryProps {\n  subScores: CorrectAnswerCountsBySubContent;\n  totalCorrect: number;\n  totalQuestions: number;\n  pathSlug: string;\n  trackSlug?: string;\n  trackingData?: UserClickData;\n  lighterBorderColor?: Colors;\n  layout?: 'column' | 'row';\n  untestedSubContent?: UntestedSubContent[];\n  trackUserClick?: (data: UserClickData) => void;\n  description?: string;\n  noMaxWidth?: boolean;\n  colorfulIcons?: boolean;\n  percentToPass?: number;\n}\n\nexport const ScoreSummary: React.FC<ScoreSummaryProps> = ({\n  subScores,\n  totalCorrect,\n  totalQuestions,\n  pathSlug,\n  trackSlug,\n  trackingData,\n  untestedSubContent,\n  lighterBorderColor = 'navy-400',\n  layout = 'row',\n  trackUserClick,\n  description,\n  noMaxWidth = false,\n  colorfulIcons = false,\n  percentToPass,\n}) => {\n  let numOfRows = Object.entries(subScores).length;\n  if (untestedSubContent) {\n    numOfRows += untestedSubContent.length;\n  }\n  const isRowLayout = layout === 'row';\n  return (\n    <GridBox\n      gridTemplateColumns={\n        isRowLayout ? { _: 'minmax(0, 1fr)', md: '2fr 3fr' } : ''\n      }\n    >\n      <Box\n        zIndex={1}\n        bg=\"transparent\"\n        display=\"inline\"\n        maxWidth={\n          noMaxWidth\n            ? ''\n            : isRowLayout\n            ? { _: pxRem(705), md: pxRem(500) }\n            : pxRem(705)\n        }\n        mr={isRowLayout ? { _: 0, md: 24 } : 0}\n      >\n        <Box\n          px={{ _: 24, xs: 32 }}\n          pt={24}\n          pb={8}\n          display={isRowLayout ? { _: 'flex', md: 'block' } : 'flex'}\n          flexDirection={isRowLayout ? { _: 'column', md: 'row' } : 'column'}\n          justifyContent={isRowLayout ? { _: 'center', md: '' } : 'center'}\n          border={1}\n        >\n          <QuizScore\n            correctCount={totalCorrect}\n            layout={isRowLayout ? 'column' : 'row'}\n            total={totalQuestions}\n            smallerFont\n            numOfRows={numOfRows}\n            colorfulIcons={colorfulIcons}\n            percentToPass={percentToPass}\n          />\n        </Box>\n        {description && (\n          <Box\n            p={16}\n            pb={isRowLayout ? { _: 16, md: 0 } : 16}\n            border={\n              isRowLayout\n                ? {\n                    _: 1,\n                    md: 'none',\n                  }\n                : 1\n            }\n            borderTop=\"none\"\n            textAlign={isRowLayout ? { _: 'left', md: 'center' } : 'left'}\n          >\n            <Text fontSize={14}>{description}</Text>\n          </Box>\n        )}\n      </Box>\n      <SubScores\n        colorfulIcons={colorfulIcons}\n        layout={layout}\n        lighterBorderColor={lighterBorderColor}\n        noMaxWidth={noMaxWidth}\n        pathSlug={pathSlug}\n        subScores={subScores}\n        trackSlug={trackSlug}\n        trackingData={trackingData}\n        trackUserClick={trackUserClick}\n        untestedSubContent={untestedSubContent}\n        showUntestedContent\n      />\n    </GridBox>\n  );\n};\n"],"mappings":";;;;;;;;AA0BA,MAAaA,gBAA6C,EACxD,WACA,cACA,gBACA,UACA,WACA,cACA,oBACA,qBAAqB,YACrB,SAAS,OACT,gBACA,aACA,aAAa,OACb,gBAAgB,OAChB,oBACI;CACJ,IAAI,YAAY,OAAO,QAAQ,UAAU,CAAC;AAC1C,KAAI,mBACF,cAAa,mBAAmB;CAElC,MAAM,cAAc,WAAW;AAC/B,QACE,qBAAC;EACC,qBACE,cAAc;GAAE,GAAG;GAAkB,IAAI;GAAW,GAAG;aAGzD,qBAAC;GACC,QAAQ;GACR,IAAG;GACH,SAAQ;GACR,UACE,aACI,KACA,cACA;IAAE,GAAG,MAAM,IAAI;IAAE,IAAI,MAAM,IAAI;IAAE,GACjC,MAAM,IAAI;GAEhB,IAAI,cAAc;IAAE,GAAG;IAAG,IAAI;IAAI,GAAG;cAErC,oBAAC;IACC,IAAI;KAAE,GAAG;KAAI,IAAI;KAAI;IACrB,IAAI;IACJ,IAAI;IACJ,SAAS,cAAc;KAAE,GAAG;KAAQ,IAAI;KAAS,GAAG;IACpD,eAAe,cAAc;KAAE,GAAG;KAAU,IAAI;KAAO,GAAG;IAC1D,gBAAgB,cAAc;KAAE,GAAG;KAAU,IAAI;KAAI,GAAG;IACxD,QAAQ;cAER,oBAAC;KACC,cAAc;KACd,QAAQ,cAAc,WAAW;KACjC,OAAO;KACP;KACW;KACI;KACA;MACf;KACE,EACL,eACC,oBAAC;IACC,GAAG;IACH,IAAI,cAAc;KAAE,GAAG;KAAI,IAAI;KAAG,GAAG;IACrC,QACE,cACI;KACE,GAAG;KACH,IAAI;KACL,GACD;IAEN,WAAU;IACV,WAAW,cAAc;KAAE,GAAG;KAAQ,IAAI;KAAU,GAAG;cAEvD,oBAAC;KAAK,UAAU;eAAK;MAAmB;KACpC;IAEJ,EACN,oBAAC;GACgB;GACP;GACY;GACR;GACF;GACC;GACA;GACG;GACE;GACI;GACpB;IACA;GACM"}

package/dist/ScoreSummary/types.d.ts

@@ -310,4 +310,5 @@ interface SubContentAssessments {
 }
 type UntestedSubContent = Pick<SubContentAssessments, 'id' | 'slug' | 'title'>;
 //#endregion
-export { ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, BaseAssessment, BaseContentItem, BaseContentItemProgress, BriefComponent, BriefProject, CodeChallengeNarrativeComponent, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, CorrectAnswerCountsBySubContent, EinConfig, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, FakeResponse, ImageComponent, InformationalProgress, LayoutComponent, LessonProgress, NarrativeComponent, OutputTerminalComponent, PersistentCodeEditorComponent, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, QuizAttempt, QuizProgress, ReadOnlyCodeEditorComponent, ReplTerminalComponent, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, SubContentAssessments, TerminalComponent, UntestedSubContent, VideoComponent, VideoProgress, WebBrowserComponent, Workspace };
+export { ArticleProgress, Assessment, AssessmentAnswer, AssessmentCodeSnippet, AssessmentECA, AssessmentFillInTheCode, AssessmentMultipleChoice, BaseAssessment, BaseContentItem, BaseContentItemProgress, BriefComponent, BriefProject, CodeChallengeNarrativeComponent, ContentItemMeta, ContentItemProgress, ContentItemResourceType, ContentItemType, ContentTestOptions, CorrectAnswerCountsBySubContent, EinConfig, ExpoCodeEditorComponent, ExpoPreviewComponent, ExternalResourceProgress, FakeResponse, ImageComponent, InformationalProgress, LayoutComponent, LessonProgress, NarrativeComponent, OutputTerminalComponent, PersistentCodeEditorComponent, ProjectChecklist, ProjectContentItem, ProjectInformation, ProjectProgress, ProjectSelfAssessment, ProjectTask, QuizAttempt, QuizProgress, ReadOnlyCodeEditorComponent, ReplTerminalComponent, SQLPreviewComponent, SandboxCodeEditorComponent, SandboxOutputTerminalComponent, SubContentAssessments, TerminalComponent, UntestedSubContent, VideoComponent, VideoProgress, WebBrowserComponent, Workspace };
+//# sourceMappingURL=types.d.ts.map

package/dist/ScoreSummary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/ScoreSummary/types.tsx"],"sourcesContent":[],"mappings":";UAAiB,SAAA;EAAA,cAAS,EAAA,MAAA;EAST,MAAA,CAAA,EAAA,MAAA;EAaA,KAAA,CAAA,EAAA,MAAA;EAIA,UAAA,CAAA,EAAA,CAAW,CAAA;AAQ5B;AAYiB,UArCA,uBAAA,CAuCJ;EAOI,eAAA,EAAe,MAAA;EAQf,OAAA,EAAA,MAAA;EAIA,OAAA,EAAA,OAAc;EAId,SAAA,EAAA,OAAA;EAIA,cAAA,EAAA,OAAA;EAIL,UAAA,CAAA,EAAA,MAAA;EACR,iBAAA,CAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,MAAA;EACA,mBAAA,CAAA,EAAA,MAAA;;AAEA,UA/Da,gBAAA,CA+Db;EACA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAA,MAAA,GAAA,OAAA;;AAEa,UA9DA,WAAA,CA8De;EAKpB,GAAA,EAAA,MAAA;EAiBA,OAAA,EAAA,MAAA;EAMK,KAAA,EAAA,MAAA;EAIT,MAAA,EAAA,OAAA;EAMC,EAAA,CAAA,EAAA,MAAA;;AAcS,UA1GD,YAAA,SAAqB,uBA0GpB,CAAA;EAAuB,IAAA,EAAA,MAAA;EAYxB,KAAA,CAAA,EAAA,MAAW;EAOX,OAAA,CAAA,EAAA,MAAA;EAKA,GAAA,CAAA,EAAA,MAAS;EAOT,WAAA,CAAA,EAAA,MAAA;EACG,MAAA,CAAA,EAAA,OAAA;EACN,UAAA,CAAA,EAAA,OAAA;EAEA,KAAA,CAAA,EAAA,OAAA;EACA,aAAA,EArIG,WAqIH,EAAA;;AASG,UA3IA,eAAA,SAAwB,uBA2IG,CAAA;EAOhC,IAAA,EAAA,SAAY;EAIP,SAAA,EApJJ,gBAoJgB;EAQZ,MAAA,CAAA,EAAA,MAAA;EAKA,cAAA,CAAA,EAAA,MAAkB;EAOlB,WAAA,CAAA,EAAA,MAAc;EAOd,YAAA,EAAA,MAAA;AAQjB;AAMiB,UAtLA,cAAA,SAAuB,uBAsLA,CAAA;EAKvB,IAAA,EAAA,QAAA;EAKA,mBAAA,EAAiB,MAAA;EAQjB,sCAAc,EAAA,MAAA;EAUd,eAAA,EAAA,MAAmB;EAQnB,YAAA,EAAA,MAAA;AAMjB;AAOiB,UA/NA,eAAA,SAAwB,uBA+NH,CAAA;EAKrB,IAAA,EAAA,SAAA;AAMjB;AAIiB,UA1OA,aAAA,SAAsB,uBA0OS,CAAA;EAOpC,IAAA,EAAA,OAAA;;AAER,UA/Oa,qBAAA,SAA8B,uBA+O3C,CAAA;EACA,IAAA,EAAA,eAAA;;AAEA,UA9Oa,wBAAA,SAAiC,uBA8O9C,CAAA;EACA,IAAA,EAAA,mBAAA;;AAEA,KA7OQ,mBAAA,GACR,eA4OA,GA3OA,YA2OA,GA1OA,cA0OA,GAzOA,eAyOA,GAxOA,aAwOA,GAvOA,qBAuOA,GAtOA,wBAsOA;AACA,UArOa,eAAA,CAqOb;EACA,UAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,MAAA;;AAEA,KApOQ,eAAA,GAoOR,SAAA,GAAA,cAAA,GAAA,eAAA,GAAA,QAAA,GAAA,MAAA,GAAA,KAAA,GAAA,mBAAA,GAAA,SAAA,GAAA,MAAA,GAAA,UAAA,GAAA,oBAAA,GAAA,SAAA,GAAA,OAAA,GAAA,mBAAA,GAAA,gBAAA;AACA,KApNQ,uBAAA,GAoNR,MAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA;AACA,UA/Ma,eAAA,CA+Mb;EACA,EAAA,EAAA,MAAA;EAA+B,IAAA,EAAA,MAAA;EAElB,UAAA,EAAA,MAAA;EAMA,IAAA,EApNT,eAoNS;EAMA,gBAAA,CAAA,EAAA,MAAkB;EAQlB,SAAA,CAAA,EAAA,OAAc;EAenB,KAAA,EAAA,MAAA;EAQA,aAAA,CAAA,EAAa,MAAA;EAKb,IAAA,CAAA,EAAA,MAAA;EAA2B,IAAA,CAAA,EAxP9B,eAwP8B;EAEvB,WAAA,CAAA,EAAA,MAAA;EACL,UAAA,CAAA,EAAA,MAAA,EAAA;EAAgB,OAAA,CAAA,EAAA,MAAA,EAAA;EAKf,aAAU,CAAA,EAAA,OAAA;EAClB,aAAA,CAAA,EAAA,MAAA;EACA,iBAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,OAAA;EAAwB,QAAA,CAAA,EAAA,MAAA;EAEX,YAAA,CAAA,EAAA,MAAA;EASA,OAAA,CAAA,EAAA,OAAA;EAQL,cAAA,CAAA,EAAA,MAAkB,EAAA;;aAzQjB;kBACK;;;;;;;;;;;UAYD,WAAA;;;;;;UAOA,qBAAA;;SAER;;UAGQ,SAAA;;;;eAIF;;UAGE,kBAAA;oBACG;cACN;;cAEA;cACA;;;;;;;;UASG,kBAAA,SAA2B;;;uBAGrB;;;KAIX,YAAA,GAAe;sBACL;;UAGL,YAAA;;;;;;;UAQA,cAAA;;WAEN;;UAGM,kBAAA;;;;;;UAOA,cAAA;;;;;;UAOA,6BAAA;;;;;;;UAQA,2BAAA;;;;;UAMA,uBAAA;;;;UAKA,mBAAA;;;;UAKA,iBAAA;;;;;kBAKC;;UAGD,cAAA;;;;;;;;;UAUA,mBAAA;;;;;;;UAQA,uBAAA;;;;;UAMA,oBAAA;;;;;;UAOA,qBAAA;;;;UAKA,0BAAA;;;;;UAMA,8BAAA;;;UAIA,+BAAA;;;;;;KAOL,eAAA,GACR,iBACA,qBACA,iBACA,gCACA,8BACA,0BACA,sBACA,oBACA,iBACA,sBACA,0BACA,uBACA,wBACA,6BACA,iCACA;UAEa,gBAAA;;;;;UAMA,qBAAA;;;;;UAMA,kBAAA;;;;;;;UAQA,cAAA;;;;cAIH;;;;;;;;;;KAWF,uBAAA,GAA0B;;WAE3B;;;;;KAMC,aAAA,GAAgB;;cAEd;;KAGF,wBAAA,GAA2B;;gBAEvB;WACL;;;;;;KAKC,UAAA,GACR,gBACA,0BACA;UAEa,+BAAA;;;;;;;;UASA,qBAAA;eACF;;;;;;KAOH,kBAAA,GAAqB,KAC/B"}

package/dist/SkillPathCard/index.d.ts

@@ -22,4 +22,5 @@ interface SkillPathCardProps {
 }
 declare const SkillPathCard: react1.ForwardRefExoticComponent<SkillPathCardProps & react1.RefAttributes<HTMLAnchorElement>>;
 //#endregion
-export { SkillPathCard, SkillPathCardProps };
+export { SkillPathCard, SkillPathCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/SkillPathCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":[],"mappings":";;;;;UAciB,kBAAA;;;EAAA,gBAAA,EAGG,gBAHe;EAGf,gBAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAEL,UAAA,CAAA,EAAA,gBAAA,GAAA,IAAA;EAIE,QAAA,EAAA,MAAA;EAEN,WAAM,EAAA,MAAA;EACN,UAAM,CAAA,EAAA,OAAA;EAAS,YAAA,CAAA,EAHT,WAGS;EAMb,cAAA,CAAA,EAkDZ,MAAA,GAAA,IAAA;EAlDyB,MAAA,CAAA,EAPf,KAAA,CAAM,SAOS;EAAA,MAAA,CAAA,EANf,KAAA,CAAM,SAMS;EAAA,YAAA,CAAA,EAAA,OAAA;EAAA,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,GAAA,GAAA,IAAA;;cAAb,eAAa,MAAA,CAAA,0BAAA,qBAAA,MAAA,CAAA,cAAA"}

package/dist/SkillPathCard/index.js

@@ -30,4 +30,5 @@ const SkillPathCard = forwardRef(({ title, shortDescription, difficulty, lessonC
 });
 
 //#endregion
-export { SkillPathCard };
+export { SkillPathCard };
+//# sourceMappingURL=index.js.map

package/dist/SkillPathCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/SkillPathCard/index.tsx"],"sourcesContent":["import { HeadingTags } from '@codecademy/gamut';\nimport { forwardRef, PropsWithRef } from 'react';\n\nimport { ContentGroupBaseCard } from '../ContentGroupBaseCard';\nimport { getPathImageUrl } from '../ContentGroupBaseCard/helpers';\nimport {\n  CertificateComponent,\n  CourseCountComponent,\n} from '../ContentGroupBaseCard/shared';\nimport {\n  CourseDifficulty,\n  EnrollmentStatus,\n} from '../ContentGroupBaseCard/types';\n\nexport interface SkillPathCardProps {\n  title: string;\n  lessonCount: number;\n  enrollmentStatus: EnrollmentStatus;\n  shortDescription?: string | null;\n  difficulty?: CourseDifficulty | null;\n  imageUrl: string;\n  courseCount: number;\n  isFullSize?: boolean;\n  headingLevel?: HeadingTags;\n  timeToComplete?: number | null;\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  openInNewTab?: boolean;\n  href: string;\n  onClick: () => void;\n}\n\nexport const SkillPathCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<SkillPathCardProps>\n>(\n  (\n    {\n      title,\n      shortDescription,\n      difficulty,\n      lessonCount,\n      imageUrl,\n      courseCount,\n      enrollmentStatus,\n      headingLevel = 'h3',\n      isFullSize = false,\n      timeToComplete,\n      header,\n      footer,\n      openInNewTab = false,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <ContentGroupBaseCard\n        headerBackgroundColor=\"blue-100\"\n        headerText=\"Skill path\"\n        title={title}\n        headingLevel={headingLevel}\n        description={shortDescription}\n        difficulty={difficulty}\n        numLessons={lessonCount}\n        shadow=\"outline\"\n        imageSrc={getPathImageUrl(enrollmentStatus, imageUrl)}\n        isFullSize={isFullSize}\n        enrollmentStatus={enrollmentStatus}\n        timeToComplete={timeToComplete}\n        header={header}\n        footer={footer}\n        openInNewTab={openInNewTab}\n        href={href}\n        onClick={onClick}\n        ref={ref}\n      >\n        <CourseCountComponent count={courseCount} />\n        <CertificateComponent />\n      </ContentGroupBaseCard>\n    );\n  }\n);\n"],"mappings":";;;;;;;AAgCA,MAAa,gBAAgB,YAKzB,EACE,OACA,kBACA,YACA,aACA,UACA,aACA,kBACA,eAAe,MACf,aAAa,OACb,gBACA,QACA,QACA,eAAe,OACf,MACA,WAEF,QACG;AACH,QACE,qBAAC;EACC,uBAAsB;EACtB,YAAW;EACJ;EACO;EACd,aAAa;EACD;EACZ,YAAY;EACZ,QAAO;EACP,UAAU,gBAAgB,kBAAkB,SAAS;EACzC;EACM;EACF;EACR;EACA;EACM;EACR;EACG;EACJ;aAEL,oBAAC,wBAAqB,OAAO,cAAe,EAC5C,oBAAC,yBAAuB;GACH;EAG5B"}

package/dist/SocialMediaSharing/SocialShareIconLink.d.ts

@@ -7,4 +7,5 @@ type BaseSocialShareProps = {
   size?: 'small' | 'normal';
 };
 //#endregion
-export { BaseSocialShareProps };
+export { BaseSocialShareProps };
+//# sourceMappingURL=SocialShareIconLink.d.ts.map

package/dist/SocialMediaSharing/SocialShareIconLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.d.ts","names":[],"sources":["../../src/SocialMediaSharing/SocialShareIconLink.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,oBAAA;;EAAA,IAAA,CAAA,EAAA,OAAA,GAAA,QAAoB"}

package/dist/SocialMediaSharing/SocialShareIconLink.js

@@ -37,4 +37,5 @@ const SocialShareIconLink = ({ icon: IconComponent, id, href, onClick, size, sec
 };
 
 //#endregion
-export { SocialShareIconLink };
+export { SocialShareIconLink };
+//# sourceMappingURL=SocialShareIconLink.js.map

package/dist/SocialMediaSharing/SocialShareIconLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareIconLink.js","names":["SocialShareIconLink: React.FC<SocialShareIconLinkProps>"],"sources":["../../src/SocialMediaSharing/SocialShareIconLink.tsx"],"sourcesContent":["import { Anchor, Box } from '@codecademy/gamut';\nimport { GamutIconProps } from '@codecademy/gamut-icons';\nimport styled from '@emotion/styled';\nimport * as React from 'react';\n\nconst IconLink = styled(Box)``.withComponent(Anchor);\n\nconst getTitleId = (id: string, sectionId?: string) =>\n  sectionId ? `${sectionId}-${id}` : id;\n\nexport type BaseSocialShareProps = {\n  sectionId?: string;\n  size?: 'small' | 'normal';\n};\n\nexport type SocialShareIconLinkProps = BaseSocialShareProps & {\n  icon: React.ComponentType<GamutIconProps>;\n  id: string;\n  href: string;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\nexport const SocialShareIconLink: React.FC<SocialShareIconLinkProps> = ({\n  icon: IconComponent,\n  id,\n  href,\n  onClick,\n  size,\n  sectionId,\n}) => {\n  const onIconClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    onClick?.(e);\n    const popupSize = 570;\n    const left = (window.screen.width - popupSize) / 2;\n    const top = (window.screen.height - popupSize) / 2;\n    const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;\n    window.open(href, '_blank', features)?.focus();\n  };\n\n  return (\n    <IconLink\n      href={href}\n      onClick={onIconClick}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={`share on ${id}`}\n      p={8}\n      lineHeight={0}\n      borderStyle=\"solid\"\n      borderWidth={size === 'small' ? 1 : 2}\n      borderColor=\"border-primary\"\n      borderRadius=\"full\"\n    >\n      <IconComponent\n        title={id}\n        titleId={getTitleId(id, sectionId)}\n        size={size === 'small' ? 16 : 24}\n        color=\"text\"\n      />\n    </IconLink>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,WAAW,OAAO,IAAI,GAAG,cAAc,OAAO;AAEpD,MAAM,cAAc,IAAY,cAC9B,YAAY,GAAG,UAAU,GAAG,OAAO;AAcrC,MAAaA,uBAA2D,EACtE,MAAM,eACN,IACA,MACA,SACA,MACA,gBACI;CACJ,MAAM,eAAe,MAAwB;AAC3C,IAAE,gBAAgB;AAClB,YAAU,EAAE;EACZ,MAAM,YAAY;EAClB,MAAM,QAAQ,OAAO,OAAO,QAAQ,aAAa;EAEjD,MAAM,WAAW,yCAAyC,UAAU,UAAU,UAAU,QAD3E,OAAO,OAAO,SAAS,aAAa,EACkD,QAAQ;AAC3G,SAAO,KAAK,MAAM,UAAU,SAAS,EAAE,OAAO;;AAGhD,QACE,oBAAC;EACO;EACN,SAAS;EACT,QAAO;EACP,KAAI;EACJ,cAAY,YAAY;EACxB,GAAG;EACH,YAAY;EACZ,aAAY;EACZ,aAAa,SAAS,UAAU,IAAI;EACpC,aAAY;EACZ,cAAa;YAEb,oBAAC;GACC,OAAO;GACP,SAAS,WAAW,IAAI,UAAU;GAClC,MAAM,SAAS,UAAU,KAAK;GAC9B,OAAM;IACN;GACO"}

package/dist/SocialMediaSharing/index.d.ts

@@ -61,4 +61,5 @@ type SocialMediaSharingProps = BaseSocialShareProps & {
 };
 declare const SocialMediaSharing: React$1.FC<SocialMediaSharingProps>;
 //#endregion
-export { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink };
+export { SOCIAL_SHARING_PLATFORMS, SocialMediaShare, SocialMediaSharing, SocialMediaSharingProps, createShareLink };
+//# sourceMappingURL=index.d.ts.map

package/dist/SocialMediaSharing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SocialMediaSharing/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAWY,gBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA,EAAgB;EAOf,OAAA,CAAA,EAAA,MAAA;CACU;AAAqB,cAD/B,eAC+B,EAAA,CAAA,SAAA,EAAA,CAAA,OAAA,EAArB,gBAAqB,EAAA,GAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAEjC,gBAFiC,EAAA,GAAA,MAAA;AAEjC,cAeE,wBAfF,EAAA,CAAA;EAAgB,EAAA,EAAA,MAAA;EAed,WAAA,EAAA,MAAA;EA+BZ,IAAA,mCAAA,CAAA,wBAAA,CAAA,cAAA,wBAAA,cAAA,CAAA,CAAA;;;;;KAzBmC;;;;EAAA,CAAA;CAAgB,GAAA;;;0CAAA,wBAAA,CAAA,cAAA;;;;;;;KAWG;;;IAAA,IAAA,CAAA,EAAA,MAAA,GAAA,SAAA;IAAgB,GAAA,CAAA,EAAA,MAAA,GAAA,SAAA;;;;;EAY5C,IAAA,mCAAA,CAZ4C,wBAAA,CAAA,cAAA,wBAY5C,cAAA,CAAA,CAAA;EAAgB,OAAA,EAAA,MAAA;EAI/B,WAAA,EAAA,CAAA;IAAA;EAA0B,CAA1B,EAJe,gBAIW,EAAA,GAAA;IAUzB,GAAA,EAAA,MAAA;;;KAVD,uBAAA,GAA0B;;;;;eAKvB,OAAA,CAAM;;;;cAKR,oBAAoB,OAAA,CAAM,GAAG"}

package/dist/SocialMediaSharing/index.js

@@ -79,4 +79,5 @@ const SocialMediaSharing = ({ url, message, hashtags, mention, action, label, se
 };
 
 //#endregion
-export { SOCIAL_SHARING_PLATFORMS, SocialMediaSharing, createShareLink };
+export { SOCIAL_SHARING_PLATFORMS, SocialMediaSharing, createShareLink };
+//# sourceMappingURL=index.js.map

package/dist/SocialMediaSharing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SocialMediaSharing: React.FC<SocialMediaSharingProps>"],"sources":["../../src/SocialMediaSharing/index.tsx"],"sourcesContent":["import { Box, GridBox, Text } from '@codecademy/gamut';\nimport {\n  FacebookIcon,\n  LinkedinIcon,\n  TwitterIcon,\n} from '@codecademy/gamut-icons';\nimport * as React from 'react';\n\nimport type { BaseSocialShareProps } from './SocialShareIconLink';\nimport { SocialShareIconLink } from './SocialShareIconLink';\n\nexport type SocialMediaShare = {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n};\n\nexport const createShareLink = (\n  formatter: (payload: SocialMediaShare) => Record<string, string>,\n  baseUri: string,\n  payload: SocialMediaShare\n) => {\n  const params = formatter(payload);\n  const url = new URL(baseUri);\n\n  Object.keys(params).forEach((key) => {\n    url.searchParams.append(key, params[key]);\n  });\n\n  return url.toString();\n};\n\n// https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview\n// https://developers.facebook.com/docs/sharing/reference/share-dialog\n// https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context#create-an-article-or-url-share\nexport const SOCIAL_SHARING_PLATFORMS = [\n  {\n    id: 'facebook',\n    displayName: 'Facebook',\n    icon: FacebookIcon,\n    baseUrl: 'https://www.facebook.com/dialog/share?app_id=212500508799908',\n    formatShare: ({ url, message }: SocialMediaShare) => ({\n      ...(url && { href: url }),\n      ...(message && { quote: message }),\n      hashtag: '#codecademy',\n    }),\n  },\n  {\n    id: 'twitter',\n    displayName: 'Twitter',\n    icon: TwitterIcon,\n    baseUrl: 'https://twitter.com/intent/tweet?',\n    formatShare: ({ url, message, hashtags, mention }: SocialMediaShare) => ({\n      ...(url && { url }),\n      ...(message && { text: message }),\n      ...(hashtags && { hashtags: hashtags.join(',') }),\n      ...(mention && { via: mention }),\n    }),\n  },\n  {\n    id: 'linkedin',\n    displayName: 'LinkedIn',\n    icon: LinkedinIcon,\n    baseUrl: 'https://www.linkedin.com/shareArticle',\n    formatShare: ({ url }: SocialMediaShare) => ({ url }),\n  },\n];\n\nexport type SocialMediaSharingProps = BaseSocialShareProps & {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n  action?: (e: React.MouseEvent, target: string) => void;\n  label?: string;\n  iconStyles?: string;\n};\n\nexport const SocialMediaSharing: React.FC<SocialMediaSharingProps> = ({\n  url,\n  message,\n  hashtags,\n  mention,\n  action,\n  label,\n  sectionId,\n  size = 'normal',\n  iconStyles,\n}) => {\n  return (\n    <Box display=\"inline-flex\" flexDirection=\"column\" alignItems=\"center\">\n      {label && (\n        <Text\n          fontSize={size === 'small' ? 14 : 16}\n          textColor=\"text\"\n          mb={16}\n          data-testid=\"social-sharing-label\"\n        >\n          {label}\n        </Text>\n      )}\n      <GridBox\n        gridAutoColumns=\"max-content\"\n        gridAutoFlow=\"column\"\n        gap={16}\n        className={iconStyles}\n      >\n        {SOCIAL_SHARING_PLATFORMS.map(({ id, icon, formatShare, baseUrl }) => (\n          <SocialShareIconLink\n            key={id}\n            id={id}\n            sectionId={sectionId}\n            href={createShareLink(formatShare, baseUrl, {\n              url,\n              message,\n              hashtags,\n              mention,\n            })}\n            icon={icon}\n            size={size}\n            onClick={(e) => action?.(e, `${id}_share`)}\n          />\n        ))}\n      </GridBox>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAa,mBACX,WACA,SACA,YACG;CACH,MAAM,SAAS,UAAU,QAAQ;CACjC,MAAM,MAAM,IAAI,IAAI,QAAQ;AAE5B,QAAO,KAAK,OAAO,CAAC,SAAS,QAAQ;AACnC,MAAI,aAAa,OAAO,KAAK,OAAO,KAAK;GACzC;AAEF,QAAO,IAAI,UAAU;;AAMvB,MAAa,2BAA2B;CACtC;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,KAAK,eAAiC;GACpD,GAAI,OAAO,EAAE,MAAM,KAAK;GACxB,GAAI,WAAW,EAAE,OAAO,SAAS;GACjC,SAAS;GACV;EACF;CACD;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,KAAK,SAAS,UAAU,eAAiC;GACvE,GAAI,OAAO,EAAE,KAAK;GAClB,GAAI,WAAW,EAAE,MAAM,SAAS;GAChC,GAAI,YAAY,EAAE,UAAU,SAAS,KAAK,IAAI,EAAE;GAChD,GAAI,WAAW,EAAE,KAAK,SAAS;GAChC;EACF;CACD;EACE,IAAI;EACJ,aAAa;EACb,MAAM;EACN,SAAS;EACT,cAAc,EAAE,WAA6B,EAAE,KAAK;EACrD;CACF;AAYD,MAAaA,sBAAyD,EACpE,KACA,SACA,UACA,SACA,QACA,OACA,WACA,OAAO,UACP,iBACI;AACJ,QACE,qBAAC;EAAI,SAAQ;EAAc,eAAc;EAAS,YAAW;aAC1D,SACC,oBAAC;GACC,UAAU,SAAS,UAAU,KAAK;GAClC,WAAU;GACV,IAAI;GACJ,eAAY;aAEX;IACI,EAET,oBAAC;GACC,iBAAgB;GAChB,cAAa;GACb,KAAK;GACL,WAAW;aAEV,yBAAyB,KAAK,EAAE,IAAI,MAAM,aAAa,cACtD,oBAAC;IAEK;IACO;IACX,MAAM,gBAAgB,aAAa,SAAS;KAC1C;KACA;KACA;KACA;KACD,CAAC;IACI;IACA;IACN,UAAU,MAAM,SAAS,GAAG,GAAG,GAAG,QAAQ;MAXrC,GAYL,CACF;IACM;GACN"}

package/dist/SocialMediaSharingDropdown/index.d.ts

@@ -16,4 +16,5 @@ type SocialMediaSharingDropdownProps = {
 declare const onClickWrapper: (e: React.MouseEvent, id: string, href: string, action?: SocialMediaSharingDropdownProps["action"]) => void;
 declare const SocialMediaSharingDropdown: React.FC<SocialMediaSharingDropdownProps>;
 //#endregion
-export { SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, onClickWrapper };
+export { SocialMediaSharingDropdown, SocialMediaSharingDropdownProps, onClickWrapper };
+//# sourceMappingURL=index.d.ts.map

package/dist/SocialMediaSharingDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SocialMediaSharingDropdown/index.tsx"],"sourcesContent":[],"mappings":";;;KAeY,+BAAA;;EAAA,OAAA,CAAA,EAAA,MAAA;EAUC,QAAA,CAAA,EAAA,MAaZ,EAAA;EAEY,OAAA,CAAA,EAAA,MAAA;eApBE,KAAA,CAAM;oBACD;;;;;;cAIP,oBACR,KAAA,CAAM,+CAGA;cAWE,4BAA4B,KAAA,CAAM,GAC7C"}

package/dist/SocialMediaSharingDropdown/index.js

@@ -93,4 +93,5 @@ const SocialMediaSharingDropdown = ({ url, message, hashtags, mention, action, d
 };
 
 //#endregion
-export { SocialMediaSharingDropdown, onClickWrapper };
+export { SocialMediaSharingDropdown, onClickWrapper };
+//# sourceMappingURL=index.js.map

package/dist/SocialMediaSharingDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SocialMediaSharingDropdown: React.FC<\n  SocialMediaSharingDropdownProps\n>"],"sources":["../../src/SocialMediaSharingDropdown/index.tsx"],"sourcesContent":["/*\n * NOTE: This is a local new variant of the SocialMediaSharing gamut component that should be ported to Gamut.\n * */\nimport { Alert, FlexBox, PopoverYPositionType, Text } from '@codecademy/gamut';\nimport { LinkIcon, ShareIcon } from '@codecademy/gamut-icons';\nimport { useRef, useState } from 'react';\n\nimport { DropdownButton, DropdownButtonRefType } from '../DropdownButton';\nimport {\n  createShareLink,\n  SOCIAL_SHARING_PLATFORMS,\n} from '../SocialMediaSharing';\n\nconst clipboardAlertMessage = 'Link has been copied to clipboard.';\n\nexport type SocialMediaSharingDropdownProps = {\n  url: string;\n  message?: string;\n  hashtags?: string[];\n  mention?: string;\n  action?: (e: React.MouseEvent, target: string) => void;\n  defaultPosition?: PopoverYPositionType['position'];\n  addAlert?: (alert: { message: string; onClose: () => void }) => void;\n};\n\nexport const onClickWrapper = (\n  e: React.MouseEvent,\n  id: string,\n  href: string,\n  action?: SocialMediaSharingDropdownProps['action']\n) => {\n  e.preventDefault();\n  action?.(e, `${id}_share`);\n  const popupSize = 570;\n  const left = (window.screen.width - popupSize) / 2;\n  const top = (window.screen.height - popupSize) / 2;\n  const features = `menubar=no,toolbar=no,status=no,width=${popupSize},height=${popupSize},top=${top},left=${left}`;\n  window.open(href, '_blank', features)?.focus();\n};\n\nexport const SocialMediaSharingDropdown: React.FC<\n  SocialMediaSharingDropdownProps\n> = ({\n  url,\n  message,\n  hashtags,\n  mention,\n  action,\n  defaultPosition = 'below',\n  addAlert,\n}) => {\n  const [showClipboardAlert, setShowClipboardAlert] = useState(false);\n\n  const dropdownRef = useRef<DropdownButtonRefType>(null);\n  const focusDropdown = () =>\n    dropdownRef.current?.focus({ preventScroll: true });\n\n  const copyUrlToClipboard = async (e: React.MouseEvent) => {\n    action?.(e, `link_share`);\n    await navigator.clipboard.writeText(url);\n\n    if (addAlert) {\n      addAlert({\n        message: clipboardAlertMessage,\n        onClose: focusDropdown,\n      });\n    } else {\n      setShowClipboardAlert(true);\n    }\n  };\n\n  return (\n    <>\n      <DropdownButton\n        ref={dropdownRef}\n        data-testid=\"social-share-dropdown\"\n        isMenu\n        buttonType=\"text\"\n        defaultPosition={defaultPosition}\n        px={0}\n        dropdownItems={[\n          ...SOCIAL_SHARING_PLATFORMS.map(\n            ({ id, formatShare, baseUrl, displayName }) => ({\n              id,\n              text: displayName,\n              clickHandler: (e: React.MouseEvent) => {\n                onClickWrapper(\n                  e,\n                  id,\n                  createShareLink(formatShare, baseUrl, {\n                    url,\n                    message,\n                    hashtags,\n                    mention,\n                  }),\n                  action\n                );\n              },\n            })\n          ),\n          'separator',\n          {\n            id: 'copy-link',\n            icon: LinkIcon,\n            text: 'Copy link',\n            ariaLabel: 'Copy link',\n            clickHandler: (e) => copyUrlToClipboard(e),\n          },\n        ]}\n      >\n        <ShareIcon mr={4} size={22} />\n        Share\n      </DropdownButton>\n      {showClipboardAlert && (\n        <FlexBox\n          minWidth=\"min-content\"\n          width={{ _: '80%', sm: '60%' }}\n          position=\"fixed\"\n          top=\"6rem\"\n          left={{ _: '10%', sm: '20%' }}\n          zIndex={999}\n          data-testid=\"social-share-copy-to-clipboard-alert\"\n          justifyContent=\"center\"\n        >\n          <Alert\n            onClose={() => {\n              setShowClipboardAlert(false);\n              focusDropdown();\n            }}\n            type=\"success\"\n            placement=\"inline\"\n          >\n            <Text whiteSpace=\"break-spaces\" display=\"inline\">\n              {clipboardAlertMessage}\n            </Text>\n          </Alert>\n        </FlexBox>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAM,wBAAwB;AAY9B,MAAa,kBACX,GACA,IACA,MACA,WACG;AACH,GAAE,gBAAgB;AAClB,UAAS,GAAG,GAAG,GAAG,QAAQ;CAC1B,MAAM,YAAY;CAClB,MAAM,QAAQ,OAAO,OAAO,QAAQ,aAAa;CAEjD,MAAM,WAAW,yCAAyC,UAAU,UAAU,UAAU,QAD3E,OAAO,OAAO,SAAS,aAAa,EACkD,QAAQ;AAC3G,QAAO,KAAK,MAAM,UAAU,SAAS,EAAE,OAAO;;AAGhD,MAAaA,8BAER,EACH,KACA,SACA,UACA,SACA,QACA,kBAAkB,SAClB,eACI;CACJ,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CAEnE,MAAM,cAAc,OAA8B,KAAK;CACvD,MAAM,sBACJ,YAAY,SAAS,MAAM,EAAE,eAAe,MAAM,CAAC;CAErD,MAAM,qBAAqB,OAAO,MAAwB;AACxD,WAAS,GAAG,aAAa;AACzB,QAAM,UAAU,UAAU,UAAU,IAAI;AAExC,MAAI,SACF,UAAS;GACP,SAAS;GACT,SAAS;GACV,CAAC;MAEF,uBAAsB,KAAK;;AAI/B,QACE,4CACE,qBAAC;EACC,KAAK;EACL,eAAY;EACZ;EACA,YAAW;EACM;EACjB,IAAI;EACJ,eAAe;GACb,GAAG,yBAAyB,KACzB,EAAE,IAAI,aAAa,SAAS,mBAAmB;IAC9C;IACA,MAAM;IACN,eAAe,MAAwB;AACrC,oBACE,GACA,IACA,gBAAgB,aAAa,SAAS;MACpC;MACA;MACA;MACA;MACD,CAAC,EACF,OACD;;IAEJ,EACF;GACD;GACA;IACE,IAAI;IACJ,MAAM;IACN,MAAM;IACN,WAAW;IACX,eAAe,MAAM,mBAAmB,EAAE;IAC3C;GACF;aAED,oBAAC;GAAU,IAAI;GAAG,MAAM;IAAM;GAEf,EAChB,sBACC,oBAAC;EACC,UAAS;EACT,OAAO;GAAE,GAAG;GAAO,IAAI;GAAO;EAC9B,UAAS;EACT,KAAI;EACJ,MAAM;GAAE,GAAG;GAAO,IAAI;GAAO;EAC7B,QAAQ;EACR,eAAY;EACZ,gBAAe;YAEf,oBAAC;GACC,eAAe;AACb,0BAAsB,MAAM;AAC5B,mBAAe;;GAEjB,MAAK;GACL,WAAU;aAEV,oBAAC;IAAK,YAAW;IAAe,SAAQ;cACrC;KACI;IACD;GACA,IAEX"}

package/dist/Testimonial/index.d.ts

@@ -50,4 +50,5 @@ type TestimonialProps = ComponentProps<typeof TestimonialCard> & Pick<ComponentP
 };
 declare const Testimonial: react0.FC<TestimonialProps>;
 //#endregion
-export { Testimonial, TestimonialProps };
+export { Testimonial, TestimonialProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/Testimonial/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Testimonial/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAsBM,kCAAe,gBAKpB,kCAAA,CALoB,SAAA;UAAA,eAAA,CAAA;;;;cAoBf,qCAAkB;UAuBvB,eAAA,CAAA,KAAA;EA3CK,EAAA,CAAA,oBAKL,CAAA,GAAA,EAAA,kCAAA,CAAA,GAAA,SAAA;CAAA,qCALoB,yBAAA,sBAAA,eAAA,CAAA,gBAAA,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,OAAA,GAAA,SAAA,GAAA,WAAA,GAAA,UAAA,GAAA,KAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,kBAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,4BAAA,eAAA,CAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,gCAAA,GAAA,0BAAA,GAAA,WAAA,GAAA,WAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,IAAA,GAAA,MAAA,GAAA,OAAA,GAAA,YAAA,GAAA,UAAA,GAAA,YAAA,GAAA,MAAA,GAAA,OAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,KAAA,GAAA,UAAA,GAAA,KAAA,GAAA,QAAA,GAAA,OAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,UAAA,GAAA,QAAA,GAAA,SAAA,GAAA,SAAA,GAAA,UAAA,GAAA,cAAA,GAAA,WAAA,GAAA,IAAA,GAAA,uBAAA,GAAA,aAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,6BAAA,GAAA,WAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,cAAA,GAAA,mBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,WAAA,GAAA,YAAA,GAAA,gBAAA,GAAA,sBAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,eAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,eAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,yBAAA,GAAA,QAAA,GAAA,eAAA,GAAA,OAAA,GAAA,cAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,kBAAA,GAAA,yBAAA,GAAA,oBAAA,GAAA,2BAAA,GAAA,qBAAA,GAAA,4BAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,QAAA,GAAA,eAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,QAAA,GAAA,eAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,yBAAA,GAAA,kBAAA,GAAA,yBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,qBAAA,GAAA,kBAAA,GAAA,yBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,QAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,qBAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,cAAA,GAAA,qBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,eAAA,GAAA,kBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,oBAAA,GAAA,QAAA,GAAA,eAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,cAAA,GAAA,qBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,eAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,qBAAA,GAAA,qBAAA,GAAA,4BAAA,GAAA,sBAAA,GAAA,6BAAA,GAAA,UAAA,GAAA,iBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,yBAAA,GAAA,gBAAA,GAAA,uBAAA,GAAA,sBAAA,GAAA,6BAAA,GAAA,iBAAA,GAAA,wBAAA,CAAA,GAAA;EAAA,KAAA,CAAA,uBAAA;wDAAA,CAAA,aAAA,EAAA,KAAA,GAAA,YAAA,GAAA,UAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KA6CT,gBAAA,GAAmB,cA7CV,CAAA,OA6CgC,eA7ChC,CAAA,GA8CnB,IA9CmB,CA8Cd,cA9Cc,CAAA,OA8CQ,kBA9CR,CAAA,EAAA,aAAA,CAAA,GAAA;EAoBf,SAAA,EAAA,MAAA;EAuBL,QAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;kBAvBuB,GAAA,IAAA;EAAA;AAyBxB;;EAA+B,QAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EACF;;;EAAvB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EA+BO;;;;;;cAAA,aAAa,MAAA,CAAM,GAAG"}

package/dist/Testimonial/index.js

@@ -135,4 +135,5 @@ const Testimonial = ({ firstName, lastName, company, occupation, location, href,
 };
 
 //#endregion
-export { Testimonial };
+export { Testimonial };
+//# sourceMappingURL=index.js.map

package/dist/Testimonial/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Testimonial: React.FC<TestimonialProps>","bottomText: string","variant","darkQuotes"],"sources":["../../src/Testimonial/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, Text } from '@codecademy/gamut';\nimport { css, modeColorProps, variant } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { ComponentProps, useMemo } from 'react';\nimport * as React from 'react';\n\nimport darkQuotes from '../assets/navyQuotes.svg';\n\nconst QuoteArt = styled.img`\n  height: 25px;\n  grid-area: art;\n`;\n\nconst TestimonialPicture = styled.img(\n  css({\n    height: 98,\n    width: 98,\n    borderRadius: 'full',\n    gridArea: 'avatar',\n  })\n);\n\nconst TestimonialCard = styled(Card)(\n  modeColorProps,\n  css({\n    borderRadius: 'none',\n  })\n);\n\nconst gridLayouts = {\n  vertical: `'art art art'\n             'text text text'\n             'avatar byline byline'\n             'avatar byline byline'\n             `,\n  horizontal: `'avatar art text'\n               'byline art text'\n               'byline art text'\n               'byline art text'\n               `,\n};\n\nconst TestimonialContent = styled(Box)(\n  variant({\n    defaultVariant: 'horizontal',\n    prop: 'orientation',\n    base: {\n      display: 'grid',\n      color: 'text-accent',\n      gridTemplateColumns: 'repeat(2, minmax(0, max-content)) minmax(0, 1fr);',\n      gridTemplateRows: 'repeat(max-content, 4)',\n      gap: 16,\n    },\n    variants: {\n      horizontal: {\n        gridTemplateAreas: {\n          _: gridLayouts.vertical,\n          md: gridLayouts.horizontal,\n        },\n      },\n      vertical: {\n        gridTemplateAreas: gridLayouts.vertical,\n      },\n    },\n  })\n);\n\nexport type TestimonialProps = ComponentProps<typeof TestimonialCard> &\n  Pick<ComponentProps<typeof TestimonialContent>, 'orientation'> & {\n    firstName: string;\n    lastName?: string;\n    quote: string;\n    /**\n     * City location\n     */\n    location?: string;\n    /**\n     * associated occupation of the person.\n     */\n    occupation?: string | null;\n    /**\n     * Associated workplace or institution\n     */\n    company?: string | null;\n    /**\n     * Portrait image src\n     */\n    imageUrl?: string | null;\n    /**\n     * setting this href will wrap the testimonial card with an anchor tag.\n     */\n    href?: string | null;\n    /**\n     * used to conditonally hide the portrait photo\n     */\n    hidePhoto?: boolean;\n    onClick?: () => void;\n  };\n\nexport const Testimonial: React.FC<TestimonialProps> = ({\n  firstName,\n  lastName,\n  company,\n  occupation,\n  location,\n  href,\n  quote,\n  onClick,\n  hidePhoto,\n  imageUrl,\n  variant,\n  orientation,\n  mode,\n  ...rest\n}) => {\n  const isVerticleLayout = orientation === 'vertical';\n\n  const bottomText: string = useMemo(() => {\n    if (company && location) return `@ ${company}, ${location}`;\n    if (!company && location) return `${location}`;\n    if (company && !location) return `@ ${company}`;\n    return '';\n  }, [company, location]);\n\n  const ariaLabel = `${firstName} ${lastName} ${bottomText}. ${quote}`;\n\n  const renderTestimonial = () => (\n    <TestimonialCard\n      {...rest}\n      p={32}\n      width=\"100%\"\n      height=\"100%\"\n      variant={variant}\n      shadow=\"patternLeft\"\n      isInteractive={!!href}\n      mode={mode}\n    >\n      <TestimonialContent orientation={orientation}>\n        {!hidePhoto && imageUrl && (\n          <TestimonialPicture\n            data-testid=\"testimonial-photo\"\n            src={imageUrl}\n            alt=\"testimonial\"\n          />\n        )}\n        <Box\n          my={{ _: 'auto', md: isVerticleLayout && !hidePhoto ? 'auto' : 0 }}\n          mr={32}\n          gridArea={!hidePhoto ? 'byline' : 'avatar'}\n        >\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {lastName ? `${firstName} ${lastName[0]}.` : `${firstName}`}\n          </Text>\n          <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n            {occupation}\n          </Text>\n          {!!bottomText && (\n            <Text variant=\"p-small\" as=\"p\" fontFamily=\"accent\">\n              {bottomText}\n            </Text>\n          )}\n        </Box>\n        <QuoteArt alt=\"\" src={darkQuotes} />\n        <Text\n          pt={{ _: 0, md: isVerticleLayout ? 0 : 4 }}\n          pr={{ _: 16, sm: 0 }}\n          gridArea=\"text\"\n          variant=\"title-md\"\n          as=\"p\"\n        >\n          {quote}\n        </Text>\n      </TestimonialContent>\n    </TestimonialCard>\n  );\n\n  const renderTestimonialWithAnchor = () => (\n    <Anchor\n      display={rest.display}\n      data-testid=\"testimonial-link\"\n      href={href || undefined}\n      variant=\"interface\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n    >\n      {renderTestimonial()}\n    </Anchor>\n  );\n\n  return href ? renderTestimonialWithAnchor() : renderTestimonial();\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,WAAW,OAAO,GAAG;;;;AAK3B,MAAM,qBAAqB,OAAO,IAChC,IAAI;CACF,QAAQ;CACR,OAAO;CACP,cAAc;CACd,UAAU;CACX,CAAC,CACH;AAED,MAAM,kBAAkB,OAAO,KAAK,CAClC,gBACA,IAAI,EACF,cAAc,QACf,CAAC,CACH;AAED,MAAM,cAAc;CAClB,UAAU;;;;;CAKV,YAAY;;;;;CAKb;AAED,MAAM,qBAAqB,OAAO,IAAI,CACpC,QAAQ;CACN,gBAAgB;CAChB,MAAM;CACN,MAAM;EACJ,SAAS;EACT,OAAO;EACP,qBAAqB;EACrB,kBAAkB;EAClB,KAAK;EACN;CACD,UAAU;EACR,YAAY,EACV,mBAAmB;GACjB,GAAG,YAAY;GACf,IAAI,YAAY;GACjB,EACF;EACD,UAAU,EACR,mBAAmB,YAAY,UAChC;EACF;CACF,CAAC,CACH;AAkCD,MAAaA,eAA2C,EACtD,WACA,UACA,SACA,YACA,UACA,MACA,OACA,SACA,WACA,UACA,oBACA,aACA,MACA,GAAG,WACC;CACJ,MAAM,mBAAmB,gBAAgB;CAEzC,MAAMC,aAAqB,cAAc;AACvC,MAAI,WAAW,SAAU,QAAO,KAAK,QAAQ,IAAI;AACjD,MAAI,CAAC,WAAW,SAAU,QAAO,GAAG;AACpC,MAAI,WAAW,CAAC,SAAU,QAAO,KAAK;AACtC,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAEvB,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,IAAI;CAE7D,MAAM,0BACJ,oBAAC;EACC,GAAI;EACJ,GAAG;EACH,OAAM;EACN,QAAO;EACP,SAASC;EACT,QAAO;EACP,eAAe,CAAC,CAAC;EACX;YAEN,qBAAC;GAAgC;;IAC9B,CAAC,aAAa,YACb,oBAAC;KACC,eAAY;KACZ,KAAK;KACL,KAAI;MACJ;IAEJ,qBAAC;KACC,IAAI;MAAE,GAAG;MAAQ,IAAI,oBAAoB,CAAC,YAAY,SAAS;MAAG;KAClE,IAAI;KACJ,UAAU,CAAC,YAAY,WAAW;;MAElC,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG;QAC3C;MACP,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC;QACI;MACN,CAAC,CAAC,cACD,oBAAC;OAAK,SAAQ;OAAU,IAAG;OAAI,YAAW;iBACvC;QACI;;MAEL;IACN,oBAAC;KAAS,KAAI;KAAG,KAAKC;MAAc;IACpC,oBAAC;KACC,IAAI;MAAE,GAAG;MAAG,IAAI,mBAAmB,IAAI;MAAG;KAC1C,IAAI;MAAE,GAAG;MAAI,IAAI;MAAG;KACpB,UAAS;KACT,SAAQ;KACR,IAAG;eAEF;MACI;;IACY;GACL;CAGpB,MAAM,oCACJ,oBAAC;EACC,SAAS,KAAK;EACd,eAAY;EACZ,MAAM,QAAQ;EACd,SAAQ;EACC;EACT,cAAY;YAEX,mBAAmB;GACb;AAGX,QAAO,OAAO,6BAA6B,GAAG,mBAAmB"}

package/dist/assets/navyQuotes.js

@@ -2,4 +2,5 @@
 var navyQuotes_default = "assets/navyQuotes-C0ZxClwi.svg";
 
 //#endregion
-export { navyQuotes_default as default };
+export { navyQuotes_default as default };
+//# sourceMappingURL=navyQuotes.js.map

package/dist/assets/navyQuotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navyQuotes.js","names":[],"sources":["../../src/assets/navyQuotes.svg"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";yBAAA,gCAAA"}

package/dist/lib/breakpointHooks/index.d.ts

@@ -43,4 +43,5 @@ declare function useBreakpointAt(breakpoint: Breakpoint): boolean;
  */
 declare function useBreakpointAtOrBelow(breakpoint: Breakpoint): boolean;
 //#endregion
-export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+export { Breakpoint, BreakpointMinWidths, breakpoints, useBreakpoint, useBreakpointAt, useBreakpointAtOrAbove, useBreakpointAtOrBelow };
+//# sourceMappingURL=index.d.ts.map