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

package/dist/Recurly/fields/RecurlyField.cjs

@@ -1,40 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-let _emotion_styled = require("@emotion/styled");
-_emotion_styled = require_rolldown_runtime.__toESM(_emotion_styled);
-let react = require("react");
-let _codecademy_gamut_dist_Form_styles = require("@codecademy/gamut/dist/Form/styles");
-
-//#region src/Recurly/fields/RecurlyField.tsx
-const Slash = /* @__PURE__ */ (0, _emotion_styled.default)("span", {
-	target: "eghu46c0",
-	label: "brand-Slash"
-})("width:0;font-family:'Suisse';transform:translate(-6px,1px);font-size:18px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1JlY3VybHkvZmllbGRzL1JlY3VybHlGaWVsZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9SZWN1cmx5L2ZpZWxkcy9SZWN1cmx5RmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgSW5wdXQsXG4gIElucHV0V3JhcHBlclByb3BzLFxuICBTdHlsZWRJbnB1dFByb3BzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBjb25kaXRpb25hbFN0eWxlcyxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC9kaXN0L0Zvcm0vc3R5bGVzJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFNsYXNoID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAwO1xuICBmb250LWZhbWlseTogJ1N1aXNzZSc7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC02cHgsIDFweCk7XG4gIGZvbnQtc2l6ZTogMThweDtcbmA7XG5cbmZ1bmN0aW9uIGZvY3VzQm9yZGVyQ29sb3IoeyB2YXJpYW50IH06IFN0eWxlZElucHV0UHJvcHMpIHtcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdlcnJvcidcbiAgICA/IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stZXJyb3InXVxuICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnk7XG59XG5cbmNvbnN0IElucHV0SW5uZXJCb3ggPSBzdHlsZWQuZGl2PFN0eWxlZElucHV0UHJvcHM+YFxuICAke2Zvcm1GaWVsZFN0eWxlc31cbiAgJHtjb25kaXRpb25hbFN0eWxlc31cbiAgJiA+IGRpdiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgLnJlY3VybHktZWxlbWVudCB7XG4gICAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgfVxuICAmOmhhcygucmVjdXJseS1lbGVtZW50LWZvY3VzKSB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICB9XG4gICY6aGFzKCR7U2xhc2h9KSA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXgtd2lkdGg6IDIuNzVyZW07XG4gICAgbWluLXdpZHRoOiAyLjc1cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBSZWN1cmx5RmllbGRQcm9wcyA9IElucHV0V3JhcHBlclByb3BzICYgeyBsYWJlbDogc3RyaW5nIH07XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBhIFJlY3VybHkgZWxlbWVudCAob3IgdHdvIGVsZW1lbnRzIGluIHRoZSBjYXNlIG9mIE1NL1lZKSB0b1xuICogYWRkIEdhbXV0IGJvcmRlciBzdHlsaW5nIGFuZCBhIGxhYmVsLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmVjdXJseUZpZWxkKHsgbGFiZWwsIGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBSZWN1cmx5RmllbGRQcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNlbGVjdElmcmFtZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICByZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcignaWZyYW1lJyk/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgYXM9XCJsYWJlbFwiIG9uQ2xpY2s9e3NlbGVjdElmcmFtZX0+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxJbnB1dCBhcz17SW5wdXRJbm5lckJveH0gey4uLnByb3BzfT5cbiAgICAgICAge0FycmF5LmlzQXJyYXkoY2hpbGRyZW4pICYmIGNoaWxkcmVuLmxlbmd0aCA9PT0gMiA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAge2NoaWxkcmVuWzBdfVxuICAgICAgICAgICAgPFNsYXNoPi88L1NsYXNoPlxuICAgICAgICAgICAge2NoaWxkcmVuWzFdfVxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0lucHV0PlxuICAgIDwvQm94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVjIn0= */");
-function focusBorderColor({ variant }) {
-	return variant === "error" ? _codecademy_gamut_styles.theme.colors["feedback-error"] : _codecademy_gamut_styles.theme.colors.primary;
-}
-const InputInnerBox = /* @__PURE__ */ (0, _emotion_styled.default)("div", {
-	target: "eghu46c1",
-	label: "brand-InputInnerBox"
-})(_codecademy_gamut_dist_Form_styles.formFieldStyles, " ", _codecademy_gamut_dist_Form_styles.conditionalStyles, "  & > div{width:100%;}padding:0;display:flex;align-items:center;height:3.125rem;.recurly-element{height:3.125rem;}&:has(.recurly-element-focus){border-color:", focusBorderColor, ";box-shadow:inset 0 0 0 1px ", focusBorderColor, ";}&:has(", Slash, ") > div:first-of-type{max-width:2.75rem;min-width:2.75rem;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1JlY3VybHkvZmllbGRzL1JlY3VybHlGaWVsZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9SZWN1cmx5L2ZpZWxkcy9SZWN1cmx5RmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgSW5wdXQsXG4gIElucHV0V3JhcHBlclByb3BzLFxuICBTdHlsZWRJbnB1dFByb3BzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBjb25kaXRpb25hbFN0eWxlcyxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC9kaXN0L0Zvcm0vc3R5bGVzJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFNsYXNoID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAwO1xuICBmb250LWZhbWlseTogJ1N1aXNzZSc7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC02cHgsIDFweCk7XG4gIGZvbnQtc2l6ZTogMThweDtcbmA7XG5cbmZ1bmN0aW9uIGZvY3VzQm9yZGVyQ29sb3IoeyB2YXJpYW50IH06IFN0eWxlZElucHV0UHJvcHMpIHtcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdlcnJvcidcbiAgICA/IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stZXJyb3InXVxuICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnk7XG59XG5cbmNvbnN0IElucHV0SW5uZXJCb3ggPSBzdHlsZWQuZGl2PFN0eWxlZElucHV0UHJvcHM+YFxuICAke2Zvcm1GaWVsZFN0eWxlc31cbiAgJHtjb25kaXRpb25hbFN0eWxlc31cbiAgJiA+IGRpdiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgLnJlY3VybHktZWxlbWVudCB7XG4gICAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgfVxuICAmOmhhcygucmVjdXJseS1lbGVtZW50LWZvY3VzKSB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICB9XG4gICY6aGFzKCR7U2xhc2h9KSA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXgtd2lkdGg6IDIuNzVyZW07XG4gICAgbWluLXdpZHRoOiAyLjc1cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBSZWN1cmx5RmllbGRQcm9wcyA9IElucHV0V3JhcHBlclByb3BzICYgeyBsYWJlbDogc3RyaW5nIH07XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBhIFJlY3VybHkgZWxlbWVudCAob3IgdHdvIGVsZW1lbnRzIGluIHRoZSBjYXNlIG9mIE1NL1lZKSB0b1xuICogYWRkIEdhbXV0IGJvcmRlciBzdHlsaW5nIGFuZCBhIGxhYmVsLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmVjdXJseUZpZWxkKHsgbGFiZWwsIGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBSZWN1cmx5RmllbGRQcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNlbGVjdElmcmFtZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICByZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcignaWZyYW1lJyk/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgYXM9XCJsYWJlbFwiIG9uQ2xpY2s9e3NlbGVjdElmcmFtZX0+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxJbnB1dCBhcz17SW5wdXRJbm5lckJveH0gey4uLnByb3BzfT5cbiAgICAgICAge0FycmF5LmlzQXJyYXkoY2hpbGRyZW4pICYmIGNoaWxkcmVuLmxlbmd0aCA9PT0gMiA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAge2NoaWxkcmVuWzBdfVxuICAgICAgICAgICAgPFNsYXNoPi88L1NsYXNoPlxuICAgICAgICAgICAge2NoaWxkcmVuWzFdfVxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0lucHV0PlxuICAgIDwvQm94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0IifQ== */");
-/**
-* A wrapper around a Recurly element (or two elements in the case of MM/YY) to
-* add Gamut border styling and a label.
-*/ function RecurlyField({ label, children, ...props }) {
-	const ref = (0, react.useRef)(null);
-	const selectIframe = (0, react.useCallback)(() => {
-		ref.current?.querySelector("iframe")?.focus();
-	}, []);
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, { ref }, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		as: "label",
-		onClick: selectIframe
-	}, label), /* @__PURE__ */ React.createElement(_codecademy_gamut.Input, {
-		as: InputInnerBox,
-		...props
-	}, Array.isArray(children) && children.length === 2 ? /* @__PURE__ */ React.createElement(React.Fragment, null, children[0], /* @__PURE__ */ React.createElement(Slash, null, "/"), children[1]) : children));
-}
-
-//#endregion
-exports.RecurlyField = RecurlyField;
-//# sourceMappingURL=RecurlyField.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RecurlyField.cjs","names":["Box","Input","Text","conditionalStyles","formFieldStyles","theme","styled","useCallback","useRef","Slash","focusBorderColor","variant","colors","primary","InputInnerBox","RecurlyField","label","children","props","ref","selectIframe","current","querySelector","focus","as","onClick","Array","isArray","length"],"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,MAAMS,QAAQH,6CAAAA,QAAAA;;;;AAOd,SAASI,iBAAiB,EAAEC,WAA2B;AACrD,QAAOA,YAAY,UACfN,+BAAMO,OAAO,oBACbP,+BAAMO,OAAOC;;AAGnB,MAAMC,gBAAgBR,6CAAAA,OAAAA;;;GAClBF,oDAAAA,KACAD,sDAAAA,iKAYgBO,kBAAAA,gCACcA,kBAAAA,YAExBD,OAAAA,+DAAAA,0/FAAAA;;;;GAYV,SAAgBM,aAAa,EAAEC,OAAOC,UAAU,GAAGC,SAA0B;CAC3E,MAAMC,wBAA6B,KAAA;CAEnC,MAAMC,4CAA2B;AAC/BD,MAAIE,SAASC,cAAc,SAAA,EAAWC,OAAAA;IACrC,EAAE,CAAA;AAEL,QACE,sBAAA,cAACvB,uBAAAA,EAASmB,OACR,sBAAA,cAACjB,wBAAAA;EAAKsB,IAAG;EAAQC,SAASL;IACvBJ,MAAAA,EAEH,sBAAA,cAACf,yBAAAA;EAAMuB,IAAIV;EAAgB,GAAGI;IAC3BQ,MAAMC,QAAQV,SAAAA,IAAaA,SAASW,WAAW,IAC9C,sBAAA,cAAA,MAAA,UAAA,MACGX,SAAS,IACV,sBAAA,cAACR,OAAAA,MAAM,IAAA,EACNQ,SAAS,GAAE,GAGdA,SAAAA,CAAAA"}

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

@@ -1,19 +0,0 @@
-import { InputWrapperProps } from "@codecademy/gamut";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-
-//#region src/Recurly/fields/RecurlyField.d.ts
-type RecurlyFieldProps = InputWrapperProps & {
-  label: string;
-};
-/**
- * A wrapper around a Recurly element (or two elements in the case of MM/YY) to
- * add Gamut border styling and a label.
- */
-declare function RecurlyField({
-  label,
-  children,
-  ...props
-}: RecurlyFieldProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-export { RecurlyField, RecurlyFieldProps };
-//# sourceMappingURL=RecurlyField.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RecurlyField.d.cts","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.d.mts

@@ -1,19 +0,0 @@
-import { InputWrapperProps } from "@codecademy/gamut";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
-
-//#region src/Recurly/fields/RecurlyField.d.ts
-type RecurlyFieldProps = InputWrapperProps & {
-  label: string;
-};
-/**
- * A wrapper around a Recurly element (or two elements in the case of MM/YY) to
- * add Gamut border styling and a label.
- */
-declare function RecurlyField({
-  label,
-  children,
-  ...props
-}: RecurlyFieldProps): react_jsx_runtime2.JSX.Element;
-//#endregion
-export { RecurlyField, RecurlyFieldProps };
-//# sourceMappingURL=RecurlyField.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RecurlyField.d.mts","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.mjs

@@ -1,38 +0,0 @@
-import { Box, Input, Text } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import { useCallback, useRef } from "react";
-import { conditionalStyles, formFieldStyles } from "@codecademy/gamut/dist/Form/styles";
-
-//#region src/Recurly/fields/RecurlyField.tsx
-const Slash = /* @__PURE__ */ styled("span", {
-	target: "eghu46c0",
-	label: "brand-Slash"
-})("width:0;font-family:'Suisse';transform:translate(-6px,1px);font-size:18px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1JlY3VybHkvZmllbGRzL1JlY3VybHlGaWVsZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9SZWN1cmx5L2ZpZWxkcy9SZWN1cmx5RmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgSW5wdXQsXG4gIElucHV0V3JhcHBlclByb3BzLFxuICBTdHlsZWRJbnB1dFByb3BzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBjb25kaXRpb25hbFN0eWxlcyxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC9kaXN0L0Zvcm0vc3R5bGVzJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFNsYXNoID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAwO1xuICBmb250LWZhbWlseTogJ1N1aXNzZSc7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC02cHgsIDFweCk7XG4gIGZvbnQtc2l6ZTogMThweDtcbmA7XG5cbmZ1bmN0aW9uIGZvY3VzQm9yZGVyQ29sb3IoeyB2YXJpYW50IH06IFN0eWxlZElucHV0UHJvcHMpIHtcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdlcnJvcidcbiAgICA/IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stZXJyb3InXVxuICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnk7XG59XG5cbmNvbnN0IElucHV0SW5uZXJCb3ggPSBzdHlsZWQuZGl2PFN0eWxlZElucHV0UHJvcHM+YFxuICAke2Zvcm1GaWVsZFN0eWxlc31cbiAgJHtjb25kaXRpb25hbFN0eWxlc31cbiAgJiA+IGRpdiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgLnJlY3VybHktZWxlbWVudCB7XG4gICAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgfVxuICAmOmhhcygucmVjdXJseS1lbGVtZW50LWZvY3VzKSB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICB9XG4gICY6aGFzKCR7U2xhc2h9KSA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXgtd2lkdGg6IDIuNzVyZW07XG4gICAgbWluLXdpZHRoOiAyLjc1cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBSZWN1cmx5RmllbGRQcm9wcyA9IElucHV0V3JhcHBlclByb3BzICYgeyBsYWJlbDogc3RyaW5nIH07XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBhIFJlY3VybHkgZWxlbWVudCAob3IgdHdvIGVsZW1lbnRzIGluIHRoZSBjYXNlIG9mIE1NL1lZKSB0b1xuICogYWRkIEdhbXV0IGJvcmRlciBzdHlsaW5nIGFuZCBhIGxhYmVsLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmVjdXJseUZpZWxkKHsgbGFiZWwsIGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBSZWN1cmx5RmllbGRQcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNlbGVjdElmcmFtZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICByZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcignaWZyYW1lJyk/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgYXM9XCJsYWJlbFwiIG9uQ2xpY2s9e3NlbGVjdElmcmFtZX0+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxJbnB1dCBhcz17SW5wdXRJbm5lckJveH0gey4uLnByb3BzfT5cbiAgICAgICAge0FycmF5LmlzQXJyYXkoY2hpbGRyZW4pICYmIGNoaWxkcmVuLmxlbmd0aCA9PT0gMiA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAge2NoaWxkcmVuWzBdfVxuICAgICAgICAgICAgPFNsYXNoPi88L1NsYXNoPlxuICAgICAgICAgICAge2NoaWxkcmVuWzFdfVxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0lucHV0PlxuICAgIDwvQm94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVjIn0= */");
-function focusBorderColor({ variant: variant$1 }) {
-	return variant$1 === "error" ? theme.colors["feedback-error"] : theme.colors.primary;
-}
-const InputInnerBox = /* @__PURE__ */ styled("div", {
-	target: "eghu46c1",
-	label: "brand-InputInnerBox"
-})(formFieldStyles, " ", conditionalStyles, "  & > div{width:100%;}padding:0;display:flex;align-items:center;height:3.125rem;.recurly-element{height:3.125rem;}&:has(.recurly-element-focus){border-color:", focusBorderColor, ";box-shadow:inset 0 0 0 1px ", focusBorderColor, ";}&:has(", Slash, ") > div:first-of-type{max-width:2.75rem;min-width:2.75rem;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1JlY3VybHkvZmllbGRzL1JlY3VybHlGaWVsZC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL21vbm8vbW9uby9saWJzL3VpL2JyYW5kL3NyYy9SZWN1cmx5L2ZpZWxkcy9SZWN1cmx5RmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJveCxcbiAgSW5wdXQsXG4gIElucHV0V3JhcHBlclByb3BzLFxuICBTdHlsZWRJbnB1dFByb3BzLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBjb25kaXRpb25hbFN0eWxlcyxcbiAgZm9ybUZpZWxkU3R5bGVzLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC9kaXN0L0Zvcm0vc3R5bGVzJztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFNsYXNoID0gc3R5bGVkLnNwYW5gXG4gIHdpZHRoOiAwO1xuICBmb250LWZhbWlseTogJ1N1aXNzZSc7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC02cHgsIDFweCk7XG4gIGZvbnQtc2l6ZTogMThweDtcbmA7XG5cbmZ1bmN0aW9uIGZvY3VzQm9yZGVyQ29sb3IoeyB2YXJpYW50IH06IFN0eWxlZElucHV0UHJvcHMpIHtcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdlcnJvcidcbiAgICA/IHRoZW1lLmNvbG9yc1snZmVlZGJhY2stZXJyb3InXVxuICAgIDogdGhlbWUuY29sb3JzLnByaW1hcnk7XG59XG5cbmNvbnN0IElucHV0SW5uZXJCb3ggPSBzdHlsZWQuZGl2PFN0eWxlZElucHV0UHJvcHM+YFxuICAke2Zvcm1GaWVsZFN0eWxlc31cbiAgJHtjb25kaXRpb25hbFN0eWxlc31cbiAgJiA+IGRpdiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgLnJlY3VybHktZWxlbWVudCB7XG4gICAgaGVpZ2h0OiAzLjEyNXJlbTtcbiAgfVxuICAmOmhhcygucmVjdXJseS1lbGVtZW50LWZvY3VzKSB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDFweCAke2ZvY3VzQm9yZGVyQ29sb3J9O1xuICB9XG4gICY6aGFzKCR7U2xhc2h9KSA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXgtd2lkdGg6IDIuNzVyZW07XG4gICAgbWluLXdpZHRoOiAyLjc1cmVtO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBSZWN1cmx5RmllbGRQcm9wcyA9IElucHV0V3JhcHBlclByb3BzICYgeyBsYWJlbDogc3RyaW5nIH07XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBhIFJlY3VybHkgZWxlbWVudCAob3IgdHdvIGVsZW1lbnRzIGluIHRoZSBjYXNlIG9mIE1NL1lZKSB0b1xuICogYWRkIEdhbXV0IGJvcmRlciBzdHlsaW5nIGFuZCBhIGxhYmVsLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmVjdXJseUZpZWxkKHsgbGFiZWwsIGNoaWxkcmVuLCAuLi5wcm9wcyB9OiBSZWN1cmx5RmllbGRQcm9wcykge1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNlbGVjdElmcmFtZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICByZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvcignaWZyYW1lJyk/LmZvY3VzKCk7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxCb3ggcmVmPXtyZWZ9PlxuICAgICAgPFRleHQgYXM9XCJsYWJlbFwiIG9uQ2xpY2s9e3NlbGVjdElmcmFtZX0+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxJbnB1dCBhcz17SW5wdXRJbm5lckJveH0gey4uLnByb3BzfT5cbiAgICAgICAge0FycmF5LmlzQXJyYXkoY2hpbGRyZW4pICYmIGNoaWxkcmVuLmxlbmd0aCA9PT0gMiA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAge2NoaWxkcmVuWzBdfVxuICAgICAgICAgICAgPFNsYXNoPi88L1NsYXNoPlxuICAgICAgICAgICAge2NoaWxkcmVuWzFdfVxuICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICA8L0lucHV0PlxuICAgIDwvQm94PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0IifQ== */");
-/**
-* A wrapper around a Recurly element (or two elements in the case of MM/YY) to
-* add Gamut border styling and a label.
-*/ function RecurlyField({ label, children, ...props }) {
-	const ref = useRef(null);
-	const selectIframe = useCallback(() => {
-		ref.current?.querySelector("iframe")?.focus();
-	}, []);
-	return /* @__PURE__ */ React.createElement(Box, { ref }, /* @__PURE__ */ React.createElement(Text, {
-		as: "label",
-		onClick: selectIframe
-	}, label), /* @__PURE__ */ React.createElement(Input, {
-		as: InputInnerBox,
-		...props
-	}, Array.isArray(children) && children.length === 2 ? /* @__PURE__ */ React.createElement(React.Fragment, null, children[0], /* @__PURE__ */ React.createElement(Slash, null, "/"), children[1]) : children));
-}
-
-//#endregion
-export { RecurlyField };
-//# sourceMappingURL=RecurlyField.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RecurlyField.mjs","names":["Box","Input","Text","conditionalStyles","formFieldStyles","theme","styled","useCallback","useRef","Slash","focusBorderColor","variant","colors","primary","InputInnerBox","RecurlyField","label","children","props","ref","selectIframe","current","querySelector","focus","as","onClick","Array","isArray","length"],"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,MAAMS,QAAQH,uBAAAA,QAAAA;;;;AAOd,SAASI,iBAAiB,EAAEC,sBAA2B;AACrD,QAAOA,cAAY,UACfN,MAAMO,OAAO,oBACbP,MAAMO,OAAOC;;AAGnB,MAAMC,gBAAgBR,uBAAAA,OAAAA;;;GAClBF,iBAAAA,KACAD,mBAAAA,iKAYgBO,kBAAAA,gCACcA,kBAAAA,YAExBD,OAAAA,+DAAAA,0/FAAAA;;;;GAYV,SAAgBM,aAAa,EAAEC,OAAOC,UAAU,GAAGC,SAA0B;CAC3E,MAAMC,MAAMX,OAAuB,KAAA;CAEnC,MAAMY,eAAeb,kBAAY;AAC/BY,MAAIE,SAASC,cAAc,SAAA,EAAWC,OAAAA;IACrC,EAAE,CAAA;AAEL,QACE,sBAAA,cAACvB,KAAAA,EAASmB,OACR,sBAAA,cAACjB,MAAAA;EAAKsB,IAAG;EAAQC,SAASL;IACvBJ,MAAAA,EAEH,sBAAA,cAACf,OAAAA;EAAMuB,IAAIV;EAAgB,GAAGI;IAC3BQ,MAAMC,QAAQV,SAAAA,IAAaA,SAASW,WAAW,IAC9C,sBAAA,cAAA,MAAA,UAAA,MACGX,SAAS,IACV,sBAAA,cAACR,OAAAA,MAAM,IAAA,EACNQ,SAAS,GAAE,GAGdA,SAAAA,CAAAA"}

package/dist/Recurly/fields/elements.cjs

@@ -1,64 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_index = require('../context/elements/index.cjs');
-require('../context/index.cjs');
-let react = require("react");
-let _codecademy_gamut_dist_Form_styles = require("@codecademy/gamut/dist/Form/styles");
-
-//#region src/Recurly/fields/elements.tsx
-const CardNumber = element("CardNumberElement", "Card number");
-const ExpMonth = element("CardMonthElement", "Expiration month", "MM");
-const ExpYear = element("CardYearElement", "Expiration year", "YY");
-const CVV = element("CardCvvElement", "CVV");
-/**
-* Defines a Recurly element component for a given type.
-*/ function element(type, title, placeholder) {
-	return /* @__PURE__ */ (0, react.forwardRef)((eventHandlers, ref) => {
-		const elements = require_index.useElements({ noProviderError: "Recurly element must be used within a Elements provider." });
-		const h = (0, react.useRef)({});
-		h.current = eventHandlers;
-		const callback = (0, react.useMemo)(() => {
-			if (!elements) return null;
-			let el;
-			return (div) => {
-				if (div) {
-					el = elements[type]({ style: getStyle(title, placeholder) });
-					el.attach(div);
-					bindEventHandlers(el, h);
-					allowFocus(div, ref, el);
-				} else cleanup(el);
-			};
-		}, [elements, ref]);
-		return /* @__PURE__ */ React.createElement("div", { ref: callback });
-	});
-}
-function cleanup(el) {
-	el?.destroy();
-}
-function allowFocus(div, ref, el) {
-	div.querySelector("iframe")?.addEventListener("focus", () => el.focus());
-	if (ref instanceof Function) ref(el);
-	else if (ref) ref.current = el;
-}
-function getStyle(title, placeholder) {
-	const { px, py } = _codecademy_gamut_dist_Form_styles.formFieldPaddingStyles;
-	return {
-		fontFamily: "JetBrains Mono",
-		padding: `${px}px ${py}px`,
-		title,
-		...placeholder ? { placeholder } : {}
-	};
-}
-function bindEventHandlers(el, h) {
-	el.on("attach", (...args) => h.current?.onReady?.(...args));
-	el.on("change", (...args) => h.current?.onChange?.(...args));
-	el.on("blur", (...args) => h.current?.onBlur?.(...args));
-	el.on("focus", (...args) => h.current?.onFocus?.(...args));
-	el.on("submit", (...args) => h.current?.onSubmit?.(...args));
-}
-
-//#endregion
-exports.CVV = CVV;
-exports.CardNumber = CardNumber;
-exports.ExpMonth = ExpMonth;
-exports.ExpYear = ExpYear;
-//# sourceMappingURL=elements.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elements.cjs","names":["formFieldPaddingStyles","forwardRef","useMemo","useRef","useElements","CardNumber","element","ExpMonth","ExpYear","CVV","type","title","placeholder","eventHandlers","ref","elements","noProviderError","h","current","callback","el","div","style","getStyle","attach","bindEventHandlers","allowFocus","cleanup","destroy","querySelector","addEventListener","focus","Function","px","py","fontFamily","padding","on","args","onReady","onChange","onBlur","onFocus","onSubmit"],"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,MAAaK,aAAaC,QAAQ,qBAAqB,cAAA;AACvD,MAAaC,WAAWD,QAAQ,oBAAoB,oBAAoB,KAAA;AACxE,MAAaE,UAAUF,QAAQ,mBAAmB,mBAAmB,KAAA;AACrE,MAAaG,MAAMH,QAAQ,kBAAkB,MAAA;;;GA6B7C,SAASA,QAAQI,MAAmBC,OAAeC,aAAoB;AACrE,QAAOX,uCAAsCY,eAAeC,QAAAA;EAC1D,MAAMC,WAAWX,0BAAY,EAC3BY,iBACE,4DACJ,CAAA;EAGA,MAAMC,sBAA0B,EAAC,CAAA;AACjCA,IAAEC,UAAUL;EAEZ,MAAMM,oCAAmB;AACvB,OAAI,CAACJ,SAAU,QAAO;GAEtB,IAAIK;AACJ,WAAQC,QAAAA;AAGN,QAAIA,KAAK;AACPD,UAAKL,SAASL,MAAM,EAAEY,OAAOC,SAASZ,OAAOC,YAAAA,EAAa,CAAA;AAC1DQ,QAAGI,OAAOH,IAAAA;AACVI,uBAAkBL,IAAIH,EAAAA;AACtBS,gBAAWL,KAAKP,KAAKM,GAAAA;UAErBO,SAAQP,GAAAA;;KAGX,CAACL,UAAUD,IAAI,CAAA;AAElB,SAAO,sBAAA,cAACO,OAAAA,EAAIP,KAAKK;GACnB;;AAGF,SAASQ,QAAQP,IAAsB;AAIpCA,KAA2CQ,SAAAA;;AAG9C,SAASF,WACPL,KACAP,KACAM,IAAqB;AAGrBC,KAAIQ,cAAc,SAAA,EAAWC,iBAAiB,eAAeV,GAAGW,OAAK,CAAA;AAGrE,KAAIjB,eAAekB,SACjBlB,KAAIM,GAAAA;UACKN,IACTA,KAAII,UAAUE;;AAIlB,SAASG,SAASZ,OAAeC,aAAoB;CACnD,MAAM,EAAEqB,IAAIC,OAAOlC;AACnB,QAAO;EAGLmC,YAAY;EAIZC,SAAS,GAAGH,GAAG,KAAKC,GAAG;EAIvBvB;EAIA,GAAIC,cAAc,EAAEA,aAAY,GAAI,EAAE;EACxC;;AASF,SAASa,kBAAkBL,IAAuBH,GAA2B;AAC3EG,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASqB,UAAAA,GAAaD,KAAAA,CAAAA;AACrDlB,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASsB,WAAAA,GAAcF,KAAAA,CAAAA;AACtDlB,IAAGiB,GAAG,SAAS,GAAGC,SAASrB,EAAEC,SAASuB,SAAAA,GAAYH,KAAAA,CAAAA;AAClDlB,IAAGiB,GAAG,UAAU,GAAGC,SAASrB,EAAEC,SAASwB,UAAAA,GAAaJ,KAAAA,CAAAA;AACpDlB,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASyB,WAAAA,GAAcL,KAAAA,CAAAA"}

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

@@ -1,23 +0,0 @@
-import * as react29 from "react";
-import { Emitter } from "@recurly/recurly-js/lib/emitter";
-
-//#region src/Recurly/fields/elements.d.ts
-declare const CardNumber: react29.ForwardRefExoticComponent<EventHandlers & react29.RefAttributes<Focusable>>;
-declare const ExpMonth: react29.ForwardRefExoticComponent<EventHandlers & react29.RefAttributes<Focusable>>;
-declare const ExpYear: react29.ForwardRefExoticComponent<EventHandlers & react29.RefAttributes<Focusable>>;
-declare const CVV: react29.ForwardRefExoticComponent<EventHandlers & react29.RefAttributes<Focusable>>;
-type ElementType = 'CardNumberElement' | 'CardMonthElement' | 'CardYearElement' | 'CardCvvElement';
-type EventHandler = Parameters<Emitter['on']>[1];
-type EventHandlers = {
-  onReady?: EventHandler;
-  onChange?: EventHandler;
-  onBlur?: EventHandler;
-  onFocus?: EventHandler;
-  onSubmit?: EventHandler;
-};
-type Focusable = {
-  focus: () => void;
-};
-//#endregion
-export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
-//# sourceMappingURL=elements.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elements.d.cts","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.d.mts

@@ -1,23 +0,0 @@
-import * as react47 from "react";
-import { Emitter } from "@recurly/recurly-js/lib/emitter";
-
-//#region src/Recurly/fields/elements.d.ts
-declare const CardNumber: react47.ForwardRefExoticComponent<EventHandlers & react47.RefAttributes<Focusable>>;
-declare const ExpMonth: react47.ForwardRefExoticComponent<EventHandlers & react47.RefAttributes<Focusable>>;
-declare const ExpYear: react47.ForwardRefExoticComponent<EventHandlers & react47.RefAttributes<Focusable>>;
-declare const CVV: react47.ForwardRefExoticComponent<EventHandlers & react47.RefAttributes<Focusable>>;
-type ElementType = 'CardNumberElement' | 'CardMonthElement' | 'CardYearElement' | 'CardCvvElement';
-type EventHandler = Parameters<Emitter['on']>[1];
-type EventHandlers = {
-  onReady?: EventHandler;
-  onChange?: EventHandler;
-  onBlur?: EventHandler;
-  onFocus?: EventHandler;
-  onSubmit?: EventHandler;
-};
-type Focusable = {
-  focus: () => void;
-};
-//#endregion
-export { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable };
-//# sourceMappingURL=elements.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elements.d.mts","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.mjs

@@ -1,60 +0,0 @@
-import { useElements } from "../context/elements/index.mjs";
-import "../context/index.mjs";
-import { forwardRef, useMemo, useRef } from "react";
-import { formFieldPaddingStyles } from "@codecademy/gamut/dist/Form/styles";
-
-//#region src/Recurly/fields/elements.tsx
-const CardNumber = element("CardNumberElement", "Card number");
-const ExpMonth = element("CardMonthElement", "Expiration month", "MM");
-const ExpYear = element("CardYearElement", "Expiration year", "YY");
-const CVV = element("CardCvvElement", "CVV");
-/**
-* Defines a Recurly element component for a given type.
-*/ function element(type, title, placeholder) {
-	return /* @__PURE__ */ forwardRef((eventHandlers, ref) => {
-		const elements = useElements({ noProviderError: "Recurly element must be used within a Elements provider." });
-		const h = useRef({});
-		h.current = eventHandlers;
-		const callback = useMemo(() => {
-			if (!elements) return null;
-			let el;
-			return (div) => {
-				if (div) {
-					el = elements[type]({ style: getStyle(title, placeholder) });
-					el.attach(div);
-					bindEventHandlers(el, h);
-					allowFocus(div, ref, el);
-				} else cleanup(el);
-			};
-		}, [elements, ref]);
-		return /* @__PURE__ */ React.createElement("div", { ref: callback });
-	});
-}
-function cleanup(el) {
-	el?.destroy();
-}
-function allowFocus(div, ref, el) {
-	div.querySelector("iframe")?.addEventListener("focus", () => el.focus());
-	if (ref instanceof Function) ref(el);
-	else if (ref) ref.current = el;
-}
-function getStyle(title, placeholder) {
-	const { px, py } = formFieldPaddingStyles;
-	return {
-		fontFamily: "JetBrains Mono",
-		padding: `${px}px ${py}px`,
-		title,
-		...placeholder ? { placeholder } : {}
-	};
-}
-function bindEventHandlers(el, h) {
-	el.on("attach", (...args) => h.current?.onReady?.(...args));
-	el.on("change", (...args) => h.current?.onChange?.(...args));
-	el.on("blur", (...args) => h.current?.onBlur?.(...args));
-	el.on("focus", (...args) => h.current?.onFocus?.(...args));
-	el.on("submit", (...args) => h.current?.onSubmit?.(...args));
-}
-
-//#endregion
-export { CVV, CardNumber, ExpMonth, ExpYear };
-//# sourceMappingURL=elements.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elements.mjs","names":["formFieldPaddingStyles","forwardRef","useMemo","useRef","useElements","CardNumber","element","ExpMonth","ExpYear","CVV","type","title","placeholder","eventHandlers","ref","elements","noProviderError","h","current","callback","el","div","style","getStyle","attach","bindEventHandlers","allowFocus","cleanup","destroy","querySelector","addEventListener","focus","Function","px","py","fontFamily","padding","on","args","onReady","onChange","onBlur","onFocus","onSubmit"],"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,MAAaK,aAAaC,QAAQ,qBAAqB,cAAA;AACvD,MAAaC,WAAWD,QAAQ,oBAAoB,oBAAoB,KAAA;AACxE,MAAaE,UAAUF,QAAQ,mBAAmB,mBAAmB,KAAA;AACrE,MAAaG,MAAMH,QAAQ,kBAAkB,MAAA;;;GA6B7C,SAASA,QAAQI,MAAmBC,OAAeC,aAAoB;AACrE,QAAOX,4BAAsCY,eAAeC,QAAAA;EAC1D,MAAMC,WAAWX,YAAY,EAC3BY,iBACE,4DACJ,CAAA;EAGA,MAAMC,IAAId,OAAsB,EAAC,CAAA;AACjCc,IAAEC,UAAUL;EAEZ,MAAMM,WAAWjB,cAAQ;AACvB,OAAI,CAACa,SAAU,QAAO;GAEtB,IAAIK;AACJ,WAAQC,QAAAA;AAGN,QAAIA,KAAK;AACPD,UAAKL,SAASL,MAAM,EAAEY,OAAOC,SAASZ,OAAOC,YAAAA,EAAa,CAAA;AAC1DQ,QAAGI,OAAOH,IAAAA;AACVI,uBAAkBL,IAAIH,EAAAA;AACtBS,gBAAWL,KAAKP,KAAKM,GAAAA;UAErBO,SAAQP,GAAAA;;KAGX,CAACL,UAAUD,IAAI,CAAA;AAElB,SAAO,sBAAA,cAACO,OAAAA,EAAIP,KAAKK;GACnB;;AAGF,SAASQ,QAAQP,IAAsB;AAIpCA,KAA2CQ,SAAAA;;AAG9C,SAASF,WACPL,KACAP,KACAM,IAAqB;AAGrBC,KAAIQ,cAAc,SAAA,EAAWC,iBAAiB,eAAeV,GAAGW,OAAK,CAAA;AAGrE,KAAIjB,eAAekB,SACjBlB,KAAIM,GAAAA;UACKN,IACTA,KAAII,UAAUE;;AAIlB,SAASG,SAASZ,OAAeC,aAAoB;CACnD,MAAM,EAAEqB,IAAIC,OAAOlC;AACnB,QAAO;EAGLmC,YAAY;EAIZC,SAAS,GAAGH,GAAG,KAAKC,GAAG;EAIvBvB;EAIA,GAAIC,cAAc,EAAEA,aAAY,GAAI,EAAE;EACxC;;AASF,SAASa,kBAAkBL,IAAuBH,GAA2B;AAC3EG,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASqB,UAAAA,GAAaD,KAAAA,CAAAA;AACrDlB,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASsB,WAAAA,GAAcF,KAAAA,CAAAA;AACtDlB,IAAGiB,GAAG,SAAS,GAAGC,SAASrB,EAAEC,SAASuB,SAAAA,GAAYH,KAAAA,CAAAA;AAClDlB,IAAGiB,GAAG,UAAU,GAAGC,SAASrB,EAAEC,SAASwB,UAAAA,GAAaJ,KAAAA,CAAAA;AACpDlB,IAAGiB,GAAG,WAAW,GAAGC,SAASrB,EAAEC,SAASyB,WAAAA,GAAcL,KAAAA,CAAAA"}

package/dist/Recurly/fields/index.cjs

@@ -1,2 +0,0 @@
-const require_elements = require('./elements.cjs');
-const require_RecurlyField = require('./RecurlyField.cjs');

package/dist/Recurly/fields/index.d.mts

@@ -1,2 +0,0 @@
-import { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable } from "./elements.mjs";
-import { RecurlyField, RecurlyFieldProps } from "./RecurlyField.mjs";

package/dist/Recurly/fields/index.mjs

@@ -1,2 +0,0 @@
-import { CVV, CardNumber, ExpMonth, ExpYear } from "./elements.mjs";
-import { RecurlyField } from "./RecurlyField.mjs";

package/dist/Recurly/index.cjs

@@ -1,6 +0,0 @@
-const require_index = require('./context/recurly/index.cjs');
-const require_index$1 = require('./context/elements/index.cjs');
-require('./context/index.cjs');
-const require_elements = require('./fields/elements.cjs');
-const require_RecurlyField = require('./fields/RecurlyField.cjs');
-require('./fields/index.cjs');

package/dist/Recurly/index.d.mts

@@ -1,6 +0,0 @@
-import { CVV, CardNumber, ElementType, EventHandler, EventHandlers, ExpMonth, ExpYear, Focusable } from "./fields/elements.mjs";
-import { RecurlyField, RecurlyFieldProps } from "./fields/RecurlyField.mjs";
-import "./fields/index.mjs";
-import { RecurlyProvider, useRecurly } from "./context/recurly/index.mjs";
-import { Elements } from "./context/elements/index.mjs";
-import "./context/index.mjs";

package/dist/Recurly/index.mjs

@@ -1,6 +0,0 @@
-import { RecurlyProvider, useRecurly } from "./context/recurly/index.mjs";
-import { Elements } from "./context/elements/index.mjs";
-import "./context/index.mjs";
-import { CVV, CardNumber, ExpMonth, ExpYear } from "./fields/elements.mjs";
-import { RecurlyField } from "./fields/RecurlyField.mjs";
-import "./fields/index.mjs";

package/dist/ResourceCard/index.cjs

@@ -1,58 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _codecademy_gamut = require("@codecademy/gamut");
-let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
-
-//#region src/ResourceCard/index.tsx
-var ResourceType;
-(function(ResourceType$1) {
-	ResourceType$1["Article"] = "Article";
-	ResourceType$1["Doc"] = "Doc";
-	ResourceType$1["Blog"] = "Blog Post";
-})(ResourceType || (ResourceType = {}));
-const ResourceCard = ({ title, description, resourceType, headingLevel, path, ...cardProps }) => {
-	const cardTitle = path ? [resourceType, ...path].join(" / ") : resourceType;
-	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Card, {
-		variant: "white",
-		borderRadius: "md",
-		borderColor: "border-primary",
-		overflow: "hidden",
-		display: "flex",
-		flexDirection: "column",
-		isInteractive: true,
-		p: 0,
-		height: "100%",
-		...cardProps
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
-		px: 12,
-		py: 4,
-		boxShadow: `inset 0 -1px 0 0 ${_codecademy_gamut_styles.theme.colors.navy}`
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		fontFamily: "accent",
-		fontSize: 14
-	}, cardTitle)), /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
-		px: 12,
-		py: 4
-	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		variant: "title-xs",
-		as: headingLevel,
-		truncate: "ellipsis",
-		truncateLines: 2,
-		pt: 12,
-		pb: 4
-	}, title), description && (typeof description === "string" ? /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
-		variant: "p-small",
-		truncate: "ellipsis",
-		truncateLines: 2,
-		mb: 16
-	}, description) : description)));
-};
-
-//#endregion
-exports.ResourceCard = ResourceCard;
-Object.defineProperty(exports, 'ResourceType', {
-  enumerable: true,
-  get: function () {
-    return ResourceType;
-  }
-});
-//# sourceMappingURL=index.cjs.map

package/dist/ResourceCard/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Box","Card","Text","theme","ResourceType","ResourceCard","title","description","resourceType","headingLevel","path","cardProps","cardTitle","join","variant","borderRadius","borderColor","overflow","display","flexDirection","isInteractive","p","height","px","py","boxShadow","colors","navy","fontFamily","fontSize","as","truncate","truncateLines","pt","pb","mb"],"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":";;;;;;UAKYI,gBAAAA;;;;GAAAA,iBAAAA,eAAAA,EAAAA,EAAAA;AAeZ,MAAaC,gBAA6C,EACxDC,OACAC,aACAC,cACAC,cACAC,MACA,GAAGC,gBACJ;CACC,MAAMC,YAAYF,OAAO,CAACF,iBAAiBE,KAAK,CAACG,KAAK,MAAA,GAASL;AAC/D,QACE,sBAAA,cAACP,wBAAAA;EACCa,SAAQ;EACRC,cAAa;EACbC,aAAY;EACZC,UAAS;EACTC,SAAQ;EACRC,eAAc;EACdC,eAAAA;EACAC,GAAG;EACHC,QAAO;EACN,GAAGX;IAEJ,sBAAA,cAACX,uBAAAA;EAAIuB,IAAI;EAAIC,IAAI;EAAGC,WAAW,oBAAoBtB,+BAAMuB,OAAOC;IAC9D,sBAAA,cAACzB,wBAAAA;EAAK0B,YAAW;EAASC,UAAU;IACjCjB,UAAAA,CAAAA,EAGL,sBAAA,cAACZ,uBAAAA;EAAIuB,IAAI;EAAIC,IAAI;IACf,sBAAA,cAACtB,wBAAAA;EACCY,SAAQ;EACRgB,IAAIrB;EACJsB,UAAS;EACTC,eAAe;EACfC,IAAI;EACJC,IAAI;IAEH5B,MAAAA,EAEFC,gBACE,OAAOA,gBAAgB,WACtB,sBAAA,cAACL,wBAAAA;EACCY,SAAQ;EACRiB,UAAS;EACTC,eAAe;EACfG,IAAI;IAEH5B,YAAAA,GAGHA,aACF,CAAA"}

package/dist/ResourceCard/index.d.cts

@@ -1,20 +0,0 @@
-import { CardProps } from "../CurriculumCard/index.cjs";
-import { HeadingTags } from "@codecademy/gamut";
-
-//#region src/ResourceCard/index.d.ts
-declare enum ResourceType {
-  Article = "Article",
-  Doc = "Doc",
-  Blog = "Blog Post",
-}
-type ResourceCardProps = CardProps & {
-  title: string;
-  description: string | React.ReactNode;
-  resourceType: ResourceType;
-  headingLevel: HeadingTags;
-  path?: string[];
-};
-declare const ResourceCard: React.FC<ResourceCardProps>;
-//#endregion
-export { ResourceCard, ResourceCardProps, ResourceType };
-//# sourceMappingURL=index.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","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.d.mts

@@ -1,20 +0,0 @@
-import { CardProps } from "../CurriculumCard/index.mjs";
-import { HeadingTags } from "@codecademy/gamut";
-
-//#region src/ResourceCard/index.d.ts
-declare enum ResourceType {
-  Article = "Article",
-  Doc = "Doc",
-  Blog = "Blog Post",
-}
-type ResourceCardProps = CardProps & {
-  title: string;
-  description: string | React.ReactNode;
-  resourceType: ResourceType;
-  headingLevel: HeadingTags;
-  path?: string[];
-};
-declare const ResourceCard: React.FC<ResourceCardProps>;
-//#endregion
-export { ResourceCard, ResourceCardProps, ResourceType };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","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.mjs

@@ -1,51 +0,0 @@
-import { Box, Card, Text } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-
-//#region src/ResourceCard/index.tsx
-var ResourceType;
-(function(ResourceType$1) {
-	ResourceType$1["Article"] = "Article";
-	ResourceType$1["Doc"] = "Doc";
-	ResourceType$1["Blog"] = "Blog Post";
-})(ResourceType || (ResourceType = {}));
-const ResourceCard = ({ title, description, resourceType, headingLevel, path, ...cardProps }) => {
-	const cardTitle = path ? [resourceType, ...path].join(" / ") : resourceType;
-	return /* @__PURE__ */ React.createElement(Card, {
-		variant: "white",
-		borderRadius: "md",
-		borderColor: "border-primary",
-		overflow: "hidden",
-		display: "flex",
-		flexDirection: "column",
-		isInteractive: true,
-		p: 0,
-		height: "100%",
-		...cardProps
-	}, /* @__PURE__ */ React.createElement(Box, {
-		px: 12,
-		py: 4,
-		boxShadow: `inset 0 -1px 0 0 ${theme.colors.navy}`
-	}, /* @__PURE__ */ React.createElement(Text, {
-		fontFamily: "accent",
-		fontSize: 14
-	}, cardTitle)), /* @__PURE__ */ React.createElement(Box, {
-		px: 12,
-		py: 4
-	}, /* @__PURE__ */ React.createElement(Text, {
-		variant: "title-xs",
-		as: headingLevel,
-		truncate: "ellipsis",
-		truncateLines: 2,
-		pt: 12,
-		pb: 4
-	}, title), description && (typeof description === "string" ? /* @__PURE__ */ React.createElement(Text, {
-		variant: "p-small",
-		truncate: "ellipsis",
-		truncateLines: 2,
-		mb: 16
-	}, description) : description)));
-};
-
-//#endregion
-export { ResourceCard, ResourceType };
-//# sourceMappingURL=index.mjs.map

package/dist/ResourceCard/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Box","Card","Text","theme","ResourceType","ResourceCard","title","description","resourceType","headingLevel","path","cardProps","cardTitle","join","variant","borderRadius","borderColor","overflow","display","flexDirection","isInteractive","p","height","px","py","boxShadow","colors","navy","fontFamily","fontSize","as","truncate","truncateLines","pt","pb","mb"],"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":";;;;;UAKYI,gBAAAA;;;;GAAAA,iBAAAA,eAAAA,EAAAA,EAAAA;AAeZ,MAAaC,gBAA6C,EACxDC,OACAC,aACAC,cACAC,cACAC,MACA,GAAGC,gBACJ;CACC,MAAMC,YAAYF,OAAO,CAACF,iBAAiBE,KAAK,CAACG,KAAK,MAAA,GAASL;AAC/D,QACE,sBAAA,cAACP,MAAAA;EACCa,SAAQ;EACRC,cAAa;EACbC,aAAY;EACZC,UAAS;EACTC,SAAQ;EACRC,eAAc;EACdC,eAAAA;EACAC,GAAG;EACHC,QAAO;EACN,GAAGX;IAEJ,sBAAA,cAACX,KAAAA;EAAIuB,IAAI;EAAIC,IAAI;EAAGC,WAAW,oBAAoBtB,MAAMuB,OAAOC;IAC9D,sBAAA,cAACzB,MAAAA;EAAK0B,YAAW;EAASC,UAAU;IACjCjB,UAAAA,CAAAA,EAGL,sBAAA,cAACZ,KAAAA;EAAIuB,IAAI;EAAIC,IAAI;IACf,sBAAA,cAACtB,MAAAA;EACCY,SAAQ;EACRgB,IAAIrB;EACJsB,UAAS;EACTC,eAAe;EACfC,IAAI;EACJC,IAAI;IAEH5B,MAAAA,EAEFC,gBACE,OAAOA,gBAAgB,WACtB,sBAAA,cAACL,MAAAA;EACCY,SAAQ;EACRiB,UAAS;EACTC,eAAe;EACfG,IAAI;IAEH5B,YAAAA,GAGHA,aACF,CAAA"}