@codecademy/brand 5.10.0 → 6.0.0-alpha.0839dde39.0

package/dist/PricingSection/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":["Product"],"sources":["../../src/PricingSection/types.ts"],"sourcesContent":["export enum Product {\n  Basic = 'free',\n  Pro = 'pro',\n  Teams = 'teams',\n  Silver = 'pro-silver',\n  Gold = 'pro-gold',\n  Enterprise = 'enterprise',\n}\n\nexport interface ProductDetails {\n  isTrialPlan?: boolean | null | undefined;\n  price: string;\n  planId?: string | null | undefined;\n  displayName: string;\n  planType: string;\n  savings?: string | null | undefined;\n  includedTaxRate?: string | null | undefined;\n}\n\nexport type PlanType =\n  | 'basic'\n  | 'pro-silver'\n  | 'pro-gold'\n  | 'teams'\n  | 'enterprise';\n\nexport type CtaConfig = Partial<\n  Record<\n    PlanType,\n    {\n      label?: string;\n      href?: string;\n      onClick?: () => void;\n    }\n  >\n>;\n\nexport type CopyConfig = Partial<Record<PlanType, { description: string }>>;\n\nexport interface User {\n  anonymous?: boolean;\n  proSilver?: boolean;\n  proGold?: boolean;\n}\n"],"mappings":";;;UAAYA,SAAAA;;;;;;;GAAAA,YAAAA,UAAAA,CAAAA,EAAAA"}

package/dist/PricingSection/types.d.cts

@@ -0,0 +1,18 @@
+//#region src/PricingSection/types.d.ts
+interface ProductDetails {
+  isTrialPlan?: boolean | null | undefined;
+  price: string;
+  planId?: string | null | undefined;
+  displayName: string;
+  planType: string;
+  savings?: string | null | undefined;
+  includedTaxRate?: string | null | undefined;
+}
+interface User {
+  anonymous?: boolean;
+  proSilver?: boolean;
+  proGold?: boolean;
+}
+//#endregion
+export { ProductDetails, User };
+//# sourceMappingURL=types.d.cts.map

package/dist/PricingSection/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/PricingSection/types.ts"],"mappings":";UASiB,cAAA;EACf,WAAA;EACA,KAAA;EACA,MAAA;EACA,WAAA;EACA,QAAA;EACA,OAAA;EACA,eAAA;AAAA;AAAA,UAuBe,IAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA;AAAA"}

package/dist/PricingSection/types.d.ts

@@ -1,31 +1,18 @@
-export declare enum Product {
-    Basic = "free",
-    Pro = "pro",
-    Teams = "teams",
-    Silver = "pro-silver",
-    Gold = "pro-gold",
-    Enterprise = "enterprise"
+//#region src/PricingSection/types.d.ts
+interface ProductDetails {
+  isTrialPlan?: boolean | null | undefined;
+  price: string;
+  planId?: string | null | undefined;
+  displayName: string;
+  planType: string;
+  savings?: string | null | undefined;
+  includedTaxRate?: string | null | undefined;
 }
-export interface ProductDetails {
-    isTrialPlan?: boolean | null | undefined;
-    price: string;
-    planId?: string | null | undefined;
-    displayName: string;
-    planType: string;
-    savings?: string | null | undefined;
-    includedTaxRate?: string | null | undefined;
-}
-export type PlanType = 'basic' | 'pro-silver' | 'pro-gold' | 'teams' | 'enterprise';
-export type CtaConfig = Partial<Record<PlanType, {
-    label?: string;
-    href?: string;
-    onClick?: () => void;
-}>>;
-export type CopyConfig = Partial<Record<PlanType, {
-    description: string;
-}>>;
-export interface User {
-    anonymous?: boolean;
-    proSilver?: boolean;
-    proGold?: boolean;
+interface User {
+  anonymous?: boolean;
+  proSilver?: boolean;
+  proGold?: boolean;
 }
+//#endregion
+export { ProductDetails, User };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/PricingSection/types.ts"],"mappings":";UASiB,cAAA;EACf,WAAA;EACA,KAAA;EACA,MAAA;EACA,WAAA;EACA,QAAA;EACA,OAAA;EACA,eAAA;AAAA;AAAA,UAuBe,IAAA;EACf,SAAA;EACA,SAAA;EACA,OAAA;AAAA"}

package/dist/PricingSection/types.js

@@ -1,9 +1,14 @@
-export let Product = /*#__PURE__*/function (Product) {
-  Product["Basic"] = "free";
-  Product["Pro"] = "pro";
-  Product["Teams"] = "teams";
-  Product["Silver"] = "pro-silver";
-  Product["Gold"] = "pro-gold";
-  Product["Enterprise"] = "enterprise";
-  return Product;
-}({});
+//#region src/PricingSection/types.ts
+var Product;
+(function(Product) {
+	Product["Basic"] = "free";
+	Product["Pro"] = "pro";
+	Product["Teams"] = "teams";
+	Product["Silver"] = "pro-silver";
+	Product["Gold"] = "pro-gold";
+	Product["Enterprise"] = "enterprise";
+})(Product || (Product = {}));
+
+//#endregion
+export { Product };
+//# sourceMappingURL=types.js.map

package/dist/PricingSection/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["Product"],"sources":["../../src/PricingSection/types.ts"],"sourcesContent":["export enum Product {\n  Basic = 'free',\n  Pro = 'pro',\n  Teams = 'teams',\n  Silver = 'pro-silver',\n  Gold = 'pro-gold',\n  Enterprise = 'enterprise',\n}\n\nexport interface ProductDetails {\n  isTrialPlan?: boolean | null | undefined;\n  price: string;\n  planId?: string | null | undefined;\n  displayName: string;\n  planType: string;\n  savings?: string | null | undefined;\n  includedTaxRate?: string | null | undefined;\n}\n\nexport type PlanType =\n  | 'basic'\n  | 'pro-silver'\n  | 'pro-gold'\n  | 'teams'\n  | 'enterprise';\n\nexport type CtaConfig = Partial<\n  Record<\n    PlanType,\n    {\n      label?: string;\n      href?: string;\n      onClick?: () => void;\n    }\n  >\n>;\n\nexport type CopyConfig = Partial<Record<PlanType, { description: string }>>;\n\nexport interface User {\n  anonymous?: boolean;\n  proSilver?: boolean;\n  proGold?: boolean;\n}\n"],"mappings":";;UAAYA,SAAAA;;;;;;;GAAAA,YAAAA,UAAAA,CAAAA,EAAAA"}

package/dist/ProLogoAlt/index.cjs

@@ -0,0 +1,27 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let react = require("react");
+react = require_runtime.__toESM(react);
+
+//#region src/ProLogoAlt/index.tsx
+const themeColor = (color) => _codecademy_gamut_styles.theme.colors[color];
+const ProLogoAlt = ({ ariaLabel = "Codecademy Pro Logo", backgroundColor = "yellow", textColor = "black", width = 50 }) => /*#__PURE__*/ react.createElement("svg", {
+	width,
+	viewBox: "0 0 95 40",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-label": ariaLabel
+}, /*#__PURE__*/ react.createElement("g", {
+	fill: themeColor(backgroundColor),
+	fillRule: "evenodd"
+}, /*#__PURE__*/ react.createElement("path", {
+	d: "m0 0h74v40h-74zm78 34h17v6h-17z",
+	fill: themeColor(backgroundColor)
+}), /*#__PURE__*/ react.createElement("path", {
+	d: "m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z",
+	fill: themeColor(textColor)
+})));
+
+//#endregion
+exports.ProLogoAlt = ProLogoAlt;
+//# sourceMappingURL=index.cjs.map

package/dist/ProLogoAlt/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["theme","React","themeColor","color","colors","ProLogoAlt","ariaLabel","backgroundColor","textColor","width","svg","viewBox","fill","xmlns","aria-label","g","fillRule","path","d"],"sources":["../../src/ProLogoAlt/index.tsx"],"sourcesContent":["import { Colors, theme } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nconst themeColor = (color: Colors) => theme.colors[color];\n\nexport type ProLogoAltProps = {\n  ariaLabel?: string;\n  backgroundColor?: Colors;\n  textColor?: Colors;\n  width?: number;\n};\n\nexport const ProLogoAlt: React.FC<ProLogoAltProps> = ({\n  ariaLabel = 'Codecademy Pro Logo',\n  backgroundColor = 'yellow',\n  textColor = 'black',\n  width = 50,\n}) => (\n  <svg\n    width={width}\n    viewBox=\"0 0 95 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n  >\n    <g fill={themeColor(backgroundColor)} fillRule=\"evenodd\">\n      <path\n        d=\"m0 0h74v40h-74zm78 34h17v6h-17z\"\n        fill={themeColor(backgroundColor)}\n      />\n      <path\n        d=\"m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z\"\n        fill={themeColor(textColor)}\n      />\n    </g>\n  </svg>\n);\n"],"mappings":";;;;;;AAGA,MAAME,cAAcC,UAAkBH,+BAAMI,OAAOD;AASnD,MAAaE,cAAyC,EACpDC,YAAY,uBACZC,kBAAkB,UAClBC,YAAY,SACZC,QAAQ,SAER,oBAAA,cAACC,OAAAA;CACQD;CACPE,SAAQ;CACRC,MAAK;CACLC,OAAM;CACNC,cAAYR;GAEZ,oBAAA,cAACS,KAAAA;CAAEH,MAAMV,WAAWK,eAAAA;CAAkBS,UAAS;GAC7C,oBAAA,cAACC,QAAAA;CACCC,GAAE;CACFN,MAAMV,WAAWK,eAAAA;IAEnB,oBAAA,cAACU,QAAAA;CACCC,GAAE;CACFN,MAAMV,WAAWM,SAAAA"}

package/dist/ProLogoAlt/index.d.cts

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+import { Colors } from "@codecademy/gamut-styles";
+
+//#region src/ProLogoAlt/index.d.ts
+type ProLogoAltProps = {
+  ariaLabel?: string;
+  backgroundColor?: Colors;
+  textColor?: Colors;
+  width?: number;
+};
+declare const ProLogoAlt: React$1.FC<ProLogoAltProps>;
+//#endregion
+export { ProLogoAlt, ProLogoAltProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/ProLogoAlt/index.tsx"],"mappings":";;;;KAKY,eAAA;EACV,SAAA;EACA,eAAA,GAAkB,MAAA;EAClB,SAAA,GAAY,MAAM;EAClB,KAAA;AAAA;AAAA,cAGW,UAAA,EAAY,OAAA,CAAM,EAAE,CAAC,eAAA"}

package/dist/ProLogoAlt/index.d.ts

@@ -1,9 +1,14 @@
-import { Colors } from '@codecademy/gamut-styles';
-import * as React from 'react';
-export type ProLogoAltProps = {
-    ariaLabel?: string;
-    backgroundColor?: Colors;
-    textColor?: Colors;
-    width?: number;
+import { Colors } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+
+//#region src/ProLogoAlt/index.d.ts
+type ProLogoAltProps = {
+  ariaLabel?: string;
+  backgroundColor?: Colors;
+  textColor?: Colors;
+  width?: number;
 };
-export declare const ProLogoAlt: React.FC<ProLogoAltProps>;
+declare const ProLogoAlt: React$1.FC<ProLogoAltProps>;
+//#endregion
+export { ProLogoAlt, ProLogoAltProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ProLogoAlt/index.tsx"],"mappings":";;;;KAKY,eAAA;EACV,SAAA;EACA,eAAA,GAAkB,MAAA;EAClB,SAAA,GAAY,MAAA;EACZ,KAAA;AAAA;AAAA,cAGW,UAAA,EAAY,OAAA,CAAM,EAAA,CAAG,eAAA"}

package/dist/ProLogoAlt/index.js

@@ -1,27 +1,25 @@
-import { theme } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const themeColor = color => theme.colors[color];
-export const ProLogoAlt = ({
-  ariaLabel = 'Codecademy Pro Logo',
-  backgroundColor = 'yellow',
-  textColor = 'black',
-  width = 50
-}) => /*#__PURE__*/_jsx("svg", {
-  width: width,
-  viewBox: "0 0 95 40",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-label": ariaLabel,
-  children: /*#__PURE__*/_jsxs("g", {
-    fill: themeColor(backgroundColor),
-    fillRule: "evenodd",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "m0 0h74v40h-74zm78 34h17v6h-17z",
-      fill: themeColor(backgroundColor)
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z",
-      fill: themeColor(textColor)
-    })]
-  })
-});
+import { theme } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+
+//#region src/ProLogoAlt/index.tsx
+const themeColor = (color) => theme.colors[color];
+const ProLogoAlt = ({ ariaLabel = "Codecademy Pro Logo", backgroundColor = "yellow", textColor = "black", width = 50 }) => /*#__PURE__*/ React$1.createElement("svg", {
+	width,
+	viewBox: "0 0 95 40",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-label": ariaLabel
+}, /*#__PURE__*/ React$1.createElement("g", {
+	fill: themeColor(backgroundColor),
+	fillRule: "evenodd"
+}, /*#__PURE__*/ React$1.createElement("path", {
+	d: "m0 0h74v40h-74zm78 34h17v6h-17z",
+	fill: themeColor(backgroundColor)
+}), /*#__PURE__*/ React$1.createElement("path", {
+	d: "m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z",
+	fill: themeColor(textColor)
+})));
+
+//#endregion
+export { ProLogoAlt };
+//# sourceMappingURL=index.js.map

package/dist/ProLogoAlt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["theme","React","themeColor","color","colors","ProLogoAlt","ariaLabel","backgroundColor","textColor","width","svg","viewBox","fill","xmlns","aria-label","g","fillRule","path","d"],"sources":["../../src/ProLogoAlt/index.tsx"],"sourcesContent":["import { Colors, theme } from '@codecademy/gamut-styles';\nimport * as React from 'react';\n\nconst themeColor = (color: Colors) => theme.colors[color];\n\nexport type ProLogoAltProps = {\n  ariaLabel?: string;\n  backgroundColor?: Colors;\n  textColor?: Colors;\n  width?: number;\n};\n\nexport const ProLogoAlt: React.FC<ProLogoAltProps> = ({\n  ariaLabel = 'Codecademy Pro Logo',\n  backgroundColor = 'yellow',\n  textColor = 'black',\n  width = 50,\n}) => (\n  <svg\n    width={width}\n    viewBox=\"0 0 95 40\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-label={ariaLabel}\n  >\n    <g fill={themeColor(backgroundColor)} fillRule=\"evenodd\">\n      <path\n        d=\"m0 0h74v40h-74zm78 34h17v6h-17z\"\n        fill={themeColor(backgroundColor)}\n      />\n      <path\n        d=\"m13.971 23.67v6.82h-3.971v-20.145h6.82c4.749 0 7.253 2.965 7.253 6.62 0 3.625-2.504 6.705-7.253 6.705zm2.245-9.871h-2.245v6.446h2.245c2.187 0 3.77-1.036 3.77-3.28 0-2.245-1.583-3.166-3.77-3.166zm21.518 16.691-4.46-7.741h-2.821v7.741h-4v-20.145h7.568c4.404 0 6.994 2.62 6.994 6.13 0 1.9-.777 4.317-3.828 5.526l5.151 8.49h-4.604zm-.72-13.986c0-1.784-1.295-2.705-3.51-2.705h-3.051v5.468h3.05c2.216 0 3.511-1.036 3.511-2.763zm16.453-6.504c5.843 0 10.533 4.346 10.533 10.418s-4.69 10.417-10.533 10.417c-5.842 0-10.533-4.345-10.533-10.417s4.691-10.418 10.533-10.418zm0 17.152c3.799 0 6.36-2.878 6.36-6.734 0-3.857-2.561-6.734-6.36-6.734s-6.36 2.877-6.36 6.734c0 3.856 2.561 6.734 6.36 6.734z\"\n        fill={themeColor(textColor)}\n      />\n    </g>\n  </svg>\n);\n"],"mappings":";;;;AAGA,MAAME,cAAcC,UAAkBH,MAAMI,OAAOD;AASnD,MAAaE,cAAyC,EACpDC,YAAY,uBACZC,kBAAkB,UAClBC,YAAY,SACZC,QAAQ,SAER,sBAAA,cAACC,OAAAA;CACQD;CACPE,SAAQ;CACRC,MAAK;CACLC,OAAM;CACNC,cAAYR;GAEZ,sBAAA,cAACS,KAAAA;CAAEH,MAAMV,WAAWK,eAAAA;CAAkBS,UAAS;GAC7C,sBAAA,cAACC,QAAAA;CACCC,GAAE;CACFN,MAAMV,WAAWK,eAAAA;IAEnB,sBAAA,cAACU,QAAAA;CACCC,GAAE;CACFN,MAAMV,WAAWM,SAAAA"}

package/dist/ProductFeatureShowcase/index.cjs

@@ -0,0 +1,85 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_index = require('../PausableImage/index.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+
+//#region src/ProductFeatureShowcase/index.tsx
+const StyledPattern = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut_patterns.DiagonalBDense, {
+	target: "e1qcofst0",
+	label: "brand-StyledPattern"
+})("color:", ({ theme }) => theme.colors.yellow, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Byb2R1Y3RGZWF0dXJlU2hvd2Nhc2UvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvUHJvZHVjdEZlYXR1cmVTaG93Y2FzZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQmFkZ2UsXG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgR3JpZEJveCxcbiAgU3Ryb2tlQnV0dG9uLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBEaWFnb25hbEJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgUGF1c2FibGVJbWFnZSB9IGZyb20gJy4uJztcblxuY29uc3QgU3R5bGVkUGF0dGVybiA9IHN0eWxlZChEaWFnb25hbEJEZW5zZSlgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy55ZWxsb3d9O1xuYDtcblxuY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoQmFkZ2UpYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAtMC41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFByb2R1Y3RGZWF0dXJlU2hvd2Nhc2U6IFJlYWN0LkZDPHtcbiAgaW1hZ2U6IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgZGlzcGxheUltYWdlQm9yZGVyPzogYm9vbGVhbjtcbiAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZGVzY3JpcHRpb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGVCYWRnZT86IHN0cmluZztcbiAgZXllYnJvdz86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY3RhPzoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgfTtcbn0+ID0gKHtcbiAgaW1hZ2UsXG4gIGRpc3BsYXlJbWFnZUJvcmRlcixcbiAgdGl0bGUsXG4gIHRpdGxlQmFkZ2UsXG4gIGV5ZWJyb3csXG4gIGRlc2NyaXB0aW9uLFxuICBjdGEsXG59KSA9PiAoXG4gIDxCb3ggYmc9XCJwYWxlWWVsbG93XCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgIDxTdHlsZWRQYXR0ZXJuXG4gICAgICBjb2xvcj1cInllbGxvd1wiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICB0b3A9ezB9XG4gICAgICBib3R0b209ezB9XG4gICAgICB3aWR0aD1cIjQwJVwiXG4gICAgICBwb2ludGVyRXZlbnRzPVwibm9uZVwiXG4gICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdibG9jaycgfX1cbiAgICAvPlxuICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgbWQ6ICcxZnIgMWZyJyB9fVxuICAgICAgICBnYXA9e3sgXzogNDgsIG1kOiA5NiB9fVxuICAgICAgICBweT17eyBfOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICA8U3R5bGVkUGF0dGVyblxuICAgICAgICAgICAgY29sb3I9XCJ5ZWxsb3dcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgICB3aWR0aD1cIjEwMHZ3XCJcbiAgICAgICAgICAgIHRvcD17LTQ4fVxuICAgICAgICAgICAgbGVmdD17eyBfOiAtMTYsIHhzOiAtMzIsIHNtOiAtNjQgfX1cbiAgICAgICAgICAgIGhlaWdodD1cImNhbGMoNTAlICsgNDhweClcIlxuICAgICAgICAgICAgcG9pbnRlckV2ZW50cz1cIm5vbmVcIlxuICAgICAgICAgICAgZGlzcGxheT17eyBtZDogJ25vbmUnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB7Li4uKGRpc3BsYXlJbWFnZUJvcmRlclxuICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiAnc29saWQnLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6ICduYXZ5LTQwMCcsXG4gICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhdXNhYmxlSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEJveD5cbiAgICAgICAgICB7ZXllYnJvdyAmJiA8Qm94IG1iPXs4fT57ZXllYnJvd308L0JveD59XG5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgdmFyaWFudD1cInRpdGxlLXhsXCI+XG4gICAgICAgICAgICA8VGV4dCBtcj17OH0gZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7dGl0bGVCYWRnZSAmJiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgIHt0aXRsZUJhZGdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICA8VGV4dCBtdD17OH0+e2Rlc2NyaXB0aW9ufTwvVGV4dD5cblxuICAgICAgICAgIHtjdGEgJiYgKFxuICAgICAgICAgICAgPFN0cm9rZUJ1dHRvbiBocmVmPXtjdGEuaHJlZn0gb25DbGljaz17Y3RhLm9uQ2xpY2t9IG10PXsxNn0+XG4gICAgICAgICAgICAgIHtjdGEubGFiZWx9XG4gICAgICAgICAgICA8L1N0cm9rZUJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gIDwvQm94PlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhc0IifQ== */");
+const StyledBadge = /*#__PURE__*/ (0, _emotion_styled.default)(_codecademy_gamut.Badge, {
+	target: "e1qcofst1",
+	label: "brand-StyledBadge"
+})("display:inline-block;position:relative;top:-0.5rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL1Byb2R1Y3RGZWF0dXJlU2hvd2Nhc2UvaW5kZXgudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9tb25vL21vbm8vbGlicy91aS9icmFuZC9zcmMvUHJvZHVjdEZlYXR1cmVTaG93Y2FzZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQmFkZ2UsXG4gIEJveCxcbiAgQ29udGVudENvbnRhaW5lcixcbiAgR3JpZEJveCxcbiAgU3Ryb2tlQnV0dG9uLFxuICBUZXh0LFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQgeyBEaWFnb25hbEJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgUGF1c2FibGVJbWFnZSB9IGZyb20gJy4uJztcblxuY29uc3QgU3R5bGVkUGF0dGVybiA9IHN0eWxlZChEaWFnb25hbEJEZW5zZSlgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy55ZWxsb3d9O1xuYDtcblxuY29uc3QgU3R5bGVkQmFkZ2UgPSBzdHlsZWQoQmFkZ2UpYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAtMC41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IFByb2R1Y3RGZWF0dXJlU2hvd2Nhc2U6IFJlYWN0LkZDPHtcbiAgaW1hZ2U6IHtcbiAgICBzcmM6IHN0cmluZztcbiAgICBhbHQ6IHN0cmluZztcbiAgfTtcbiAgZGlzcGxheUltYWdlQm9yZGVyPzogYm9vbGVhbjtcbiAgdGl0bGU6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgZGVzY3JpcHRpb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGVCYWRnZT86IHN0cmluZztcbiAgZXllYnJvdz86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY3RhPzoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgfTtcbn0+ID0gKHtcbiAgaW1hZ2UsXG4gIGRpc3BsYXlJbWFnZUJvcmRlcixcbiAgdGl0bGUsXG4gIHRpdGxlQmFkZ2UsXG4gIGV5ZWJyb3csXG4gIGRlc2NyaXB0aW9uLFxuICBjdGEsXG59KSA9PiAoXG4gIDxCb3ggYmc9XCJwYWxlWWVsbG93XCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgIDxTdHlsZWRQYXR0ZXJuXG4gICAgICBjb2xvcj1cInllbGxvd1wiXG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIGxlZnQ9ezB9XG4gICAgICB0b3A9ezB9XG4gICAgICBib3R0b209ezB9XG4gICAgICB3aWR0aD1cIjQwJVwiXG4gICAgICBwb2ludGVyRXZlbnRzPVwibm9uZVwiXG4gICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgbWQ6ICdibG9jaycgfX1cbiAgICAvPlxuICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgPEdyaWRCb3hcbiAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucz17eyBfOiAnMWZyJywgbWQ6ICcxZnIgMWZyJyB9fVxuICAgICAgICBnYXA9e3sgXzogNDgsIG1kOiA5NiB9fVxuICAgICAgICBweT17eyBfOiA0OCwgbWQ6IDY0IH19XG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj5cbiAgICAgICAgICA8U3R5bGVkUGF0dGVyblxuICAgICAgICAgICAgY29sb3I9XCJ5ZWxsb3dcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgICAgICB3aWR0aD1cIjEwMHZ3XCJcbiAgICAgICAgICAgIHRvcD17LTQ4fVxuICAgICAgICAgICAgbGVmdD17eyBfOiAtMTYsIHhzOiAtMzIsIHNtOiAtNjQgfX1cbiAgICAgICAgICAgIGhlaWdodD1cImNhbGMoNTAlICsgNDhweClcIlxuICAgICAgICAgICAgcG9pbnRlckV2ZW50cz1cIm5vbmVcIlxuICAgICAgICAgICAgZGlzcGxheT17eyBtZDogJ25vbmUnIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB7Li4uKGRpc3BsYXlJbWFnZUJvcmRlclxuICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiAnc29saWQnLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6ICduYXZ5LTQwMCcsXG4gICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhdXNhYmxlSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEJveD5cbiAgICAgICAgICB7ZXllYnJvdyAmJiA8Qm94IG1iPXs4fT57ZXllYnJvd308L0JveD59XG5cbiAgICAgICAgICA8VGV4dCBhcz1cImgyXCIgdmFyaWFudD1cInRpdGxlLXhsXCI+XG4gICAgICAgICAgICA8VGV4dCBtcj17OH0gZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7dGl0bGVCYWRnZSAmJiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBmb250U2l6ZT17MTR9PlxuICAgICAgICAgICAgICAgIHt0aXRsZUJhZGdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZEJhZGdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICA8VGV4dCBtdD17OH0+e2Rlc2NyaXB0aW9ufTwvVGV4dD5cblxuICAgICAgICAgIHtjdGEgJiYgKFxuICAgICAgICAgICAgPFN0cm9rZUJ1dHRvbiBocmVmPXtjdGEuaHJlZn0gb25DbGljaz17Y3RhLm9uQ2xpY2t9IG10PXsxNn0+XG4gICAgICAgICAgICAgIHtjdGEubGFiZWx9XG4gICAgICAgICAgICA8L1N0cm9rZUJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0JveD5cbiAgICAgIDwvR3JpZEJveD5cbiAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gIDwvQm94PlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9CIn0= */");
+const ProductFeatureShowcase = ({ image, displayImageBorder, title, titleBadge, eyebrow, description, cta }) => /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, {
+	bg: "paleYellow",
+	position: "relative"
+}, /*#__PURE__*/ React.createElement(StyledPattern, {
+	color: "yellow",
+	position: "absolute",
+	left: 0,
+	top: 0,
+	bottom: 0,
+	width: "40%",
+	pointerEvents: "none",
+	display: {
+		_: "none",
+		md: "block"
+	}
+}), /*#__PURE__*/ React.createElement(_codecademy_gamut.ContentContainer, null, /*#__PURE__*/ React.createElement(_codecademy_gamut.GridBox, {
+	gridTemplateColumns: {
+		_: "1fr",
+		md: "1fr 1fr"
+	},
+	gap: {
+		_: 48,
+		md: 96
+	},
+	py: {
+		_: 48,
+		md: 64
+	},
+	alignItems: "center"
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, { position: "relative" }, /*#__PURE__*/ React.createElement(StyledPattern, {
+	color: "yellow",
+	position: "absolute",
+	width: "100vw",
+	top: -48,
+	left: {
+		_: -16,
+		xs: -32,
+		sm: -64
+	},
+	height: "calc(50% + 48px)",
+	pointerEvents: "none",
+	display: { md: "none" }
+}), /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, displayImageBorder ? {
+	borderWidth: 1,
+	border: "solid",
+	borderColor: "navy-400",
+	borderRadius: "lg",
+	overflow: "hidden"
+} : void 0, /*#__PURE__*/ React.createElement(require_index.PausableImage, {
+	src: image.src,
+	alt: image.alt
+}))), /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, null, eyebrow && /*#__PURE__*/ React.createElement(_codecademy_gamut.Box, { mb: 8 }, eyebrow), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	as: "h2",
+	variant: "title-xl"
+}, /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, {
+	mr: 8,
+	display: "inline"
+}, title), titleBadge && /*#__PURE__*/ React.createElement(StyledBadge, {
+	variant: "tertiary",
+	fontSize: 14
+}, titleBadge)), /*#__PURE__*/ React.createElement(_codecademy_gamut.Text, { mt: 8 }, description), cta && /*#__PURE__*/ React.createElement(_codecademy_gamut.StrokeButton, {
+	href: cta.href,
+	onClick: cta.onClick,
+	mt: 16
+}, cta.label)))));
+
+//#endregion
+exports.ProductFeatureShowcase = ProductFeatureShowcase;
+//# sourceMappingURL=index.cjs.map

package/dist/ProductFeatureShowcase/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Badge","Box","ContentContainer","GridBox","StrokeButton","Text","DiagonalBDense","styled","PausableImage","StyledPattern","theme","colors","yellow","StyledBadge","ProductFeatureShowcase","image","displayImageBorder","title","titleBadge","eyebrow","description","cta","bg","position","color","left","top","bottom","width","pointerEvents","display","_","md","gridTemplateColumns","gap","py","alignItems","xs","sm","height","borderWidth","border","borderColor","borderRadius","overflow","undefined","src","alt","mb","as","variant","mr","fontSize","mt","href","onClick","label"],"sources":["../../src/ProductFeatureShowcase/index.tsx"],"sourcesContent":["import {\n  Badge,\n  Box,\n  ContentContainer,\n  GridBox,\n  StrokeButton,\n  Text,\n} from '@codecademy/gamut';\nimport { DiagonalBDense } from '@codecademy/gamut-patterns';\nimport styled from '@emotion/styled';\n\nimport { PausableImage } from '..';\n\nconst StyledPattern = styled(DiagonalBDense)`\n  color: ${({ theme }) => theme.colors.yellow};\n`;\n\nconst StyledBadge = styled(Badge)`\n  display: inline-block;\n  position: relative;\n  top: -0.5rem;\n`;\n\nexport const ProductFeatureShowcase: React.FC<{\n  image: {\n    src: string;\n    alt: string;\n  };\n  displayImageBorder?: boolean;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  titleBadge?: string;\n  eyebrow?: React.ReactNode;\n  cta?: {\n    label: string;\n    href?: string;\n    onClick?: () => void;\n  };\n}> = ({\n  image,\n  displayImageBorder,\n  title,\n  titleBadge,\n  eyebrow,\n  description,\n  cta,\n}) => (\n  <Box bg=\"paleYellow\" position=\"relative\">\n    <StyledPattern\n      color=\"yellow\"\n      position=\"absolute\"\n      left={0}\n      top={0}\n      bottom={0}\n      width=\"40%\"\n      pointerEvents=\"none\"\n      display={{ _: 'none', md: 'block' }}\n    />\n    <ContentContainer>\n      <GridBox\n        gridTemplateColumns={{ _: '1fr', md: '1fr 1fr' }}\n        gap={{ _: 48, md: 96 }}\n        py={{ _: 48, md: 64 }}\n        alignItems=\"center\"\n      >\n        <Box position=\"relative\">\n          <StyledPattern\n            color=\"yellow\"\n            position=\"absolute\"\n            width=\"100vw\"\n            top={-48}\n            left={{ _: -16, xs: -32, sm: -64 }}\n            height=\"calc(50% + 48px)\"\n            pointerEvents=\"none\"\n            display={{ md: 'none' }}\n          />\n          <Box\n            {...(displayImageBorder\n              ? {\n                  borderWidth: 1,\n                  border: 'solid',\n                  borderColor: 'navy-400',\n                  borderRadius: 'lg',\n                  overflow: 'hidden',\n                }\n              : undefined)}\n          >\n            <PausableImage src={image.src} alt={image.alt} />\n          </Box>\n        </Box>\n        <Box>\n          {eyebrow && <Box mb={8}>{eyebrow}</Box>}\n\n          <Text as=\"h2\" variant=\"title-xl\">\n            <Text mr={8} display=\"inline\">\n              {title}\n            </Text>\n            {titleBadge && (\n              <StyledBadge variant=\"tertiary\" fontSize={14}>\n                {titleBadge}\n              </StyledBadge>\n            )}\n          </Text>\n\n          <Text mt={8}>{description}</Text>\n\n          {cta && (\n            <StrokeButton href={cta.href} onClick={cta.onClick} mt={16}>\n              {cta.label}\n            </StrokeButton>\n          )}\n        </Box>\n      </GridBox>\n    </ContentContainer>\n  </Box>\n);\n"],"mappings":";;;;;;;;AAaA,MAAMS,gBAAgBF,2CAAOD,2CAAAA;;;cACjB,EAAEI,YAAYA,MAAMC,OAAOC,QAAM,KAAA,inIAAA;AAG7C,MAAMC,cAAcN,2CAAOP,yBAAAA;;;;AAM3B,MAAac,0BAeP,EACJC,OACAC,oBACAC,OACAC,YACAC,SACAC,aACAC,UAEA,oBAAA,cAACpB,uBAAAA;CAAIqB,IAAG;CAAaC,UAAS;GAC5B,oBAAA,cAACd,eAAAA;CACCe,OAAM;CACND,UAAS;CACTE,MAAM;CACNC,KAAK;CACLC,QAAQ;CACRC,OAAM;CACNC,eAAc;CACdC,SAAS;EAAEC,GAAG;EAAQC,IAAI;CAAQ;IAEpC,oBAAA,cAAC9B,oCAAAA,MACC,oBAAA,cAACC,2BAAAA;CACC8B,qBAAqB;EAAEF,GAAG;EAAOC,IAAI;CAAU;CAC/CE,KAAK;EAAEH,GAAG;EAAIC,IAAI;CAAG;CACrBG,IAAI;EAAEJ,GAAG;EAAIC,IAAI;CAAG;CACpBI,YAAW;GAEX,oBAAA,cAACnC,uBAAAA,EAAIsB,UAAS,cACZ,oBAAA,cAACd,eAAAA;CACCe,OAAM;CACND,UAAS;CACTK,OAAM;CACNF,KAAK;CACLD,MAAM;EAAEM,GAAG;EAAKM,IAAI;EAAKC,IAAI;CAAI;CACjCC,QAAO;CACPV,eAAc;CACdC,SAAS,EAAEE,IAAI,OAAO;IAExB,oBAAA,cAAC/B,uBACMe,qBACD;CACEwB,aAAa;CACbC,QAAQ;CACRC,aAAa;CACbC,cAAc;CACdC,UAAU;AACZ,IACAC,QAEJ,oBAAA,cAACrC,6BAAAA;CAAcsC,KAAK/B,MAAM+B;CAAKC,KAAKhC,MAAMgC;MAG9C,oBAAA,cAAC9C,uBAAAA,MACEkB,WAAW,oBAAA,cAAClB,uBAAAA,EAAI+C,IAAI,KAAI7B,OAAAA,GAEzB,oBAAA,cAACd,wBAAAA;CAAK4C,IAAG;CAAKC,SAAQ;GACpB,oBAAA,cAAC7C,wBAAAA;CAAK8C,IAAI;CAAGrB,SAAQ;GAClBb,KAAAA,GAEFC,cACC,oBAAA,cAACL,aAAAA;CAAYqC,SAAQ;CAAWE,UAAU;GACvClC,UAAAA,CAAAA,GAKP,oBAAA,cAACb,wBAAAA,EAAKgD,IAAI,KAAIjC,WAAAA,GAEbC,OACC,oBAAA,cAACjB,gCAAAA;CAAakD,MAAMjC,IAAIiC;CAAMC,SAASlC,IAAIkC;CAASF,IAAI;GACrDhC,IAAImC,KAAK,CAAA,CAAA,CAAA,CAAA"}

package/dist/ProductFeatureShowcase/index.d.cts

@@ -0,0 +1,20 @@
+//#region src/ProductFeatureShowcase/index.d.ts
+declare const ProductFeatureShowcase: React.FC<{
+  image: {
+    src: string;
+    alt: string;
+  };
+  displayImageBorder?: boolean;
+  title: React.ReactNode;
+  description: React.ReactNode;
+  titleBadge?: string;
+  eyebrow?: React.ReactNode;
+  cta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+}>;
+//#endregion
+export { ProductFeatureShowcase };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/ProductFeatureShowcase/index.tsx"],"mappings":";cAuBa,sBAAA,EAAwB,KAAA,CAAM,EAAA;EACzC,KAAA;IACE,GAAA;IACA,GAAA;EAAA;EAEF,kBAAA;EACA,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,WAAA,EAAa,KAAA,CAAM,SAAA;EACnB,UAAA;EACA,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,GAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;EAAA;AAAA"}

package/dist/ProductFeatureShowcase/index.d.ts

@@ -1,16 +1,20 @@
-export declare const ProductFeatureShowcase: React.FC<{
-    image: {
-        src: string;
-        alt: string;
-    };
-    displayImageBorder?: boolean;
-    title: React.ReactNode;
-    description: React.ReactNode;
-    titleBadge?: string;
-    eyebrow?: React.ReactNode;
-    cta?: {
-        label: string;
-        href?: string;
-        onClick?: () => void;
-    };
+//#region src/ProductFeatureShowcase/index.d.ts
+declare const ProductFeatureShowcase: React.FC<{
+  image: {
+    src: string;
+    alt: string;
+  };
+  displayImageBorder?: boolean;
+  title: React.ReactNode;
+  description: React.ReactNode;
+  titleBadge?: string;
+  eyebrow?: React.ReactNode;
+  cta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
 }>;
+//#endregion
+export { ProductFeatureShowcase };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/ProductFeatureShowcase/index.tsx"],"mappings":";cAuBa,sBAAA,EAAwB,KAAA,CAAM,EAAA;EACzC,KAAA;IACE,GAAA;IACA,GAAA;EAAA;EAEF,kBAAA;EACA,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,WAAA,EAAa,KAAA,CAAM,SAAA;EACnB,UAAA;EACA,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,GAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;EAAA;AAAA"}