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

package/dist/PricingSection/PricingCard/PricingAmount.js

@@ -1,119 +1,115 @@
-import { Product } from "../types.js";
-import { getCurrencySymbol } from "./types.js";
-import { FlexBox, HiddenText, Text } from "@codecademy/gamut";
-import { theme } from "@codecademy/gamut-styles";
-import styled from "@emotion/styled";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/PricingSection/PricingCard/PricingAmount.tsx
-const Amount = styled(Text)`
-  font-weight: bold;
-  color: black;
-  font-size: 44px;
-  line-height: 64px;
-  ${theme.breakpoints.xl} {
-    font-size: 64px;
-    line-height: 80px;
+import _styled from "@emotion/styled/base";
+import { FlexBox, HiddenText, Text } from '@codecademy/gamut';
+import { theme } from '@codecademy/gamut-styles';
+import React from 'react';
+import { Product } from '../types';
+import { getCurrencySymbol } from './types';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const Amount = /*#__PURE__*/_styled(Text, {
+  target: "e19mon8j0",
+  label: "Amount"
+})("font-weight:bold;color:black;font-size:44px;line-height:64px;", theme.breakpoints.xl, "{font-size:64px;line-height:80px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9QcmljaW5nQW1vdW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ByaWNpbmdTZWN0aW9uL1ByaWNpbmdDYXJkL1ByaWNpbmdBbW91bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSGlkZGVuVGV4dCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBBbGxDdXJyZW5jeSwgZ2V0Q3VycmVuY3lTeW1ib2wgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQW1vdW50ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogYm9sZDtcbiAgY29sb3I6IGJsYWNrO1xuICBmb250LXNpemU6IDQ0cHg7XG4gIGxpbmUtaGVpZ2h0OiA2NHB4O1xuICAke3RoZW1lLmJyZWFrcG9pbnRzLnhsfSB7XG4gICAgZm9udC1zaXplOiA2NHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA4MHB4O1xuICB9XG5gO1xuXG50eXBlIFByaWNpbmdBbW91bnRQcm9wcyA9IHtcbiAgcHJvZHVjdDogUHJvZHVjdDtcbiAgcHJpY2U6IHN0cmluZztcbiAgbW9udGhseVByaWNlPzogc3RyaW5nO1xuICBjdXJyZW5jeTogQWxsQ3VycmVuY3k7XG4gIHRlcm1Nb250aHM/OiBudW1iZXI7XG4gIGNvbXBhY3Q/OiBib29sZWFuO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdBbW91bnQ6IFJlYWN0LkZDPFByaWNpbmdBbW91bnRQcm9wcz4gPSAoe1xuICBjdXJyZW5jeSxcbiAgbW9udGhseVByaWNlLFxuICBwcm9kdWN0LFxuICBwcmljZSxcbiAgdGVybU1vbnRocyxcbiAgY29tcGFjdCA9IGZhbHNlLFxuICBpc1VzZXJJbkluZGlhLFxufSkgPT4ge1xuICBjb25zdCBpc1RlYW1zID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICBjb25zdCBjeWNsZSA9IHRlcm1Nb250aHMgPT09IDEgPyAnbW9udGhseScgOiAnYW5udWFsbHknO1xuICBjb25zdCBbZG9sbGFycywgY2VudHNdID0gcHJpY2Uuc3BsaXQoJy4nKTtcbiAgbGV0IGFyaWFMYWJlbCA9IGAke2dldEN1cnJlbmN5U3ltYm9sKGN1cnJlbmN5KX0ke2RvbGxhcnN9JHtcbiAgICBjZW50cyA/IGAuJHtjZW50c31gIDogJydcbiAgfWA7XG4gIGlmIChwcm9kdWN0ICE9PSBQcm9kdWN0LkJhc2ljKSB7XG4gICAgYXJpYUxhYmVsICs9IGAgYSBtb250aCwgYmlsbGVkICR7Y3ljbGV9YDtcbiAgICBpZiAobW9udGhseVByaWNlKSB7XG4gICAgICBhcmlhTGFiZWwgKz0gYCBvciAke2dldEN1cnJlbmN5U3ltYm9sKFxuICAgICAgICBjdXJyZW5jeVxuICAgICAgKX0ke21vbnRobHlQcmljZX0gYmlsbGVkIG1vbnRobHlgO1xuICAgIH1cbiAgfVxuICBpZiAoaXNUZWFtcykge1xuICAgIGFyaWFMYWJlbCArPSAnLCBwZXIgdXNlci4gRGlzY291bnRzIGF2YWlsYWJsZSBmb3IgZWxpZ2libGUgdGVhbXMnO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudFwiXG4gICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgIG1iPXtjb21wYWN0ID8gMCA6IDh9XG4gICAgICAgIGNvbHVtblxuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPEhpZGRlblRleHQgZGF0YS10ZXN0aWQ9XCJwcmljaW5nLWFtb3VudC1sYWJlbFwiPnthcmlhTGFiZWx9PC9IaWRkZW5UZXh0PlxuICAgICAgICB7LyogZm9yIHNjcmVlbiByZWFkZXIgb3B0aW1pemF0aW9uICovfVxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgcm93XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgaGVpZ2h0PXt7IF86IDUwLCB4bDogJ3Vuc2V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggbXI9ezR9IGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgbXQ9e3sgXzogMTIsIHhsOiAxNiB9fVxuICAgICAgICAgICAgICBmb250V2VpZ2h0PVwiYm9sZFwiXG4gICAgICAgICAgICAgIGZvbnRTaXplPXszNH1cbiAgICAgICAgICAgID57YCR7Z2V0Q3VycmVuY3lTeW1ib2woY3VycmVuY3kpfWB9PC9UZXh0PlxuICAgICAgICAgICAgPEFtb3VudD57YCR7ZG9sbGFyc31gfTwvQW1vdW50PlxuICAgICAgICAgICAge3Byb2R1Y3QgPT09IFByb2R1Y3QuQmFzaWMgPyBudWxsIDogKFxuICAgICAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImZsZXgtZW5kXCIgbWw9ezR9PlxuICAgICAgICAgICAgICAgIDxUZXh0IGZvbnRXZWlnaHQ9XCJib2xkXCIgZm9udFNpemU9ezIyfSBtdD17eyBfOiAxMiwgeGw6IDE2IH19PlxuICAgICAgICAgICAgICAgICAge2NlbnRzID8gYC4ke2NlbnRzfWAgOiA8c3Bhbj4mbmJzcDs8L3NwYW4+fVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtdD17eyBfOiAwLCB4bDogNCB9fSBjb2xvcj1cIm5hdnktNTAwXCI+XG4gICAgICAgICAgICAgICAgICAvbW9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwibmF2eS01MDBcIiBjZW50ZXIgbXQ9e2NvbXBhY3QgPyAwIDogeyBfOiA4LCB4bDogMCB9fT5cbiAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5CYXNpYyA/IChcbiAgICAgICAgICAgIDxUZXh0IG1iPXsyNH0+QWx3YXlzIGZyZWU8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxUZXh0IG1iPXtjb21wYWN0ID8gMCA6IDh9IGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgICAgIHtpc1RlYW1zXG4gICAgICAgICAgICAgICAgICA/ICdQZXIgdXNlciwgYmlsbGVkIGFubnVhbGx5J1xuICAgICAgICAgICAgICAgICAgOiBpc1VzZXJJbkluZGlhXG4gICAgICAgICAgICAgICAgICA/IGBQZXIgbW9udGgsIHBhaWQgJHtjeWNsZX1gXG4gICAgICAgICAgICAgICAgICA6IGBCaWxsZWQgJHtjeWNsZX1gfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICB7bW9udGhseVByaWNlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgICAgIHtgb3IgJHtnZXRDdXJyZW5jeVN5bWJvbChjdXJyZW5jeSl9JHttb250aGx5UHJpY2V9ICR7XG4gICAgICAgICAgICAgICAgICAgIGlzVXNlckluSW5kaWEgPyAncGFpZCcgOiAnYmlsbGVkJ1xuICAgICAgICAgICAgICAgICAgfSBtb250aGx5YH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtpc1RlYW1zICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dCBhcmlhLWhpZGRlbj5EaXNjb3VudHMgYXZhaWxhYmxlIGZvciBlbGlnaWJsZSB0ZWFtczwvVGV4dD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
+export const PricingAmount = ({
+  currency,
+  monthlyPrice,
+  product,
+  price,
+  termMonths,
+  compact = false,
+  isUserInIndia
+}) => {
+  const isTeams = product === Product.Teams;
+  const cycle = termMonths === 1 ? 'monthly' : 'annually';
+  const [dollars, cents] = price.split('.');
+  let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ''}`;
+  if (product !== Product.Basic) {
+    ariaLabel += ` a month, billed ${cycle}`;
+    if (monthlyPrice) {
+      ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
+    }
   }
-`;
-const PricingAmount = ({ currency, monthlyPrice, product, price, termMonths, compact = false, isUserInIndia }) => {
-	const isTeams = product === Product.Teams;
-	const cycle = termMonths === 1 ? "monthly" : "annually";
-	const [dollars, cents] = price.split(".");
-	let ariaLabel = `${getCurrencySymbol(currency)}${dollars}${cents ? `.${cents}` : ""}`;
-	if (product !== Product.Basic) {
-		ariaLabel += ` a month, billed ${cycle}`;
-		if (monthlyPrice) ariaLabel += ` or ${getCurrencySymbol(currency)}${monthlyPrice} billed monthly`;
-	}
-	if (isTeams) ariaLabel += ", per user. Discounts available for eligible teams";
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, {
-		"data-testid": "pricing-amount",
-		lineHeight: "title",
-		mb: compact ? 0 : 8,
-		column: true,
-		alignItems: "center",
-		children: [
-			/* @__PURE__ */ jsx(HiddenText, {
-				"data-testid": "pricing-amount-label",
-				children: ariaLabel
-			}),
-			/* @__PURE__ */ jsx(FlexBox, {
-				"aria-hidden": true,
-				row: true,
-				alignItems: "center",
-				height: {
-					_: 50,
-					xl: "unset"
-				},
-				children: /* @__PURE__ */ jsxs(FlexBox, {
-					mr: 4,
-					alignItems: "start",
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							mt: {
-								_: 12,
-								xl: 16
-							},
-							fontWeight: "bold",
-							fontSize: 34,
-							children: `${getCurrencySymbol(currency)}`
-						}),
-						/* @__PURE__ */ jsx(Amount, { children: `${dollars}` }),
-						product === Product.Basic ? null : /* @__PURE__ */ jsxs(FlexBox, {
-							column: true,
-							alignItems: "flex-end",
-							ml: 4,
-							children: [/* @__PURE__ */ jsx(Text, {
-								fontWeight: "bold",
-								fontSize: 22,
-								mt: {
-									_: 12,
-									xl: 16
-								},
-								children: cents ? `.${cents}` : /* @__PURE__ */ jsx("span", { children: "\xA0" })
-							}), /* @__PURE__ */ jsx(Text, {
-								mt: {
-									_: 0,
-									xl: 4
-								},
-								color: "navy-500",
-								children: "/mo"
-							})]
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: "navy-500",
-				center: true,
-				mt: compact ? 0 : {
-					_: 8,
-					xl: 0
-				},
-				children: product === Product.Basic ? /* @__PURE__ */ jsx(Text, {
-					mb: 24,
-					children: "Always free"
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(Text, {
-						mb: compact ? 0 : 8,
-						"aria-hidden": true,
-						children: isTeams ? "Per user, billed annually" : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`
-					}),
-					/* @__PURE__ */ jsx("br", {}),
-					monthlyPrice && /* @__PURE__ */ jsx(Text, {
-						"aria-hidden": true,
-						children: `or ${getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? "paid" : "billed"} monthly`
-					}),
-					isTeams && /* @__PURE__ */ jsx(Text, {
-						"aria-hidden": true,
-						children: "Discounts available for eligible teams"
-					})
-				] })
-			})
-		]
-	}) });
-};
-
-//#endregion
-export { PricingAmount };
+  if (isTeams) {
+    ariaLabel += ', per user. Discounts available for eligible teams';
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(FlexBox, {
+      "data-testid": "pricing-amount",
+      lineHeight: "title",
+      mb: compact ? 0 : 8,
+      column: true,
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsx(HiddenText, {
+        "data-testid": "pricing-amount-label",
+        children: ariaLabel
+      }), /*#__PURE__*/_jsx(FlexBox, {
+        "aria-hidden": true,
+        row: true,
+        alignItems: "center",
+        height: {
+          _: 50,
+          xl: 'unset'
+        },
+        children: /*#__PURE__*/_jsxs(FlexBox, {
+          mr: 4,
+          alignItems: "start",
+          children: [/*#__PURE__*/_jsx(Text, {
+            mt: {
+              _: 12,
+              xl: 16
+            },
+            fontWeight: "bold",
+            fontSize: 34,
+            children: `${getCurrencySymbol(currency)}`
+          }), /*#__PURE__*/_jsx(Amount, {
+            children: `${dollars}`
+          }), product === Product.Basic ? null : /*#__PURE__*/_jsxs(FlexBox, {
+            column: true,
+            alignItems: "flex-end",
+            ml: 4,
+            children: [/*#__PURE__*/_jsx(Text, {
+              fontWeight: "bold",
+              fontSize: 22,
+              mt: {
+                _: 12,
+                xl: 16
+              },
+              children: cents ? `.${cents}` : /*#__PURE__*/_jsx("span", {
+                children: "\xA0"
+              })
+            }), /*#__PURE__*/_jsx(Text, {
+              mt: {
+                _: 0,
+                xl: 4
+              },
+              color: "navy-500",
+              children: "/mo"
+            })]
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        color: "navy-500",
+        center: true,
+        mt: compact ? 0 : {
+          _: 8,
+          xl: 0
+        },
+        children: product === Product.Basic ? /*#__PURE__*/_jsx(Text, {
+          mb: 24,
+          children: "Always free"
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            mb: compact ? 0 : 8,
+            "aria-hidden": true,
+            children: isTeams ? 'Per user, billed annually' : isUserInIndia ? `Per month, paid ${cycle}` : `Billed ${cycle}`
+          }), /*#__PURE__*/_jsx("br", {}), monthlyPrice && /*#__PURE__*/_jsx(Text, {
+            "aria-hidden": true,
+            children: `or ${getCurrencySymbol(currency)}${monthlyPrice} ${isUserInIndia ? 'paid' : 'billed'} monthly`
+          }), isTeams && /*#__PURE__*/_jsx(Text, {
+            "aria-hidden": true,
+            children: "Discounts available for eligible teams"
+          })]
+        })
+      })]
+    })
+  });
+};

package/dist/PricingSection/PricingCard/RecommendedBadge.d.ts

@@ -0,0 +1,3 @@
+import { FlexBox } from '@codecademy/gamut';
+import { ComponentProps } from 'react';
+export declare const RecommendedBadge: React.FC<ComponentProps<typeof FlexBox>>;

package/dist/PricingSection/PricingCard/RecommendedBadge.js

@@ -1,29 +1,24 @@
-import { FlexBox, Text } from "@codecademy/gamut";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { MiniStarIcon } from "@codecademy/gamut-icons";
-
-//#region src/PricingSection/PricingCard/RecommendedBadge.tsx
-const RecommendedBadge = (props) => /* @__PURE__ */ jsxs(FlexBox, {
-	position: "absolute",
-	top: -28,
-	left: -2,
-	bg: "navy",
-	color: "white",
-	p: 8,
-	borderRadiusTop: "sm",
-	borderRadiusBottom: "none",
-	center: true,
-	...props,
-	children: [/* @__PURE__ */ jsx(MiniStarIcon, {
-		mr: 8,
-		size: 12
-	}), /* @__PURE__ */ jsx(Text, {
-		fontFamily: "accent",
-		lineHeight: 0,
-		fontSize: 14,
-		children: "Recommended"
-	})]
-});
-
-//#endregion
-export { RecommendedBadge };
+import { FlexBox, Text } from '@codecademy/gamut';
+import { MiniStarIcon } from '@codecademy/gamut-icons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RecommendedBadge = props => /*#__PURE__*/_jsxs(FlexBox, {
+  position: "absolute",
+  top: -28,
+  left: -2,
+  bg: "navy",
+  color: "white",
+  p: 8,
+  borderRadiusTop: "sm",
+  borderRadiusBottom: "none",
+  center: true,
+  ...props,
+  children: [/*#__PURE__*/_jsx(MiniStarIcon, {
+    mr: 8,
+    size: 12
+  }), /*#__PURE__*/_jsx(Text, {
+    fontFamily: "accent",
+    lineHeight: 0,
+    fontSize: 14,
+    children: "Recommended"
+  })]
+});

package/dist/PricingSection/PricingCard/consts.d.ts

@@ -0,0 +1,14 @@
+interface Detail {
+    id: string;
+    title: string;
+    tag: string;
+    variant: 'paleYellow' | 'yellow' | 'black';
+    features: {
+        label: string;
+        isEnabled: boolean;
+        description?: string;
+    }[];
+}
+type PlanDetails = Record<string, Detail>;
+export declare const planDetails: PlanDetails;
+export {};

package/dist/PricingSection/PricingCard/consts.js

@@ -0,0 +1,96 @@
+const features = [{
+  label: 'Basic access to free courses',
+  description: 'Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.'
+}, {
+  label: 'Community support',
+  description: 'Connect with other learners, get answers to your questions, and attend fun events.'
+}, {
+  label: 'Learning resources',
+  description: 'Cheatsheets, docs, videos, and more to support your learning journey.'
+}, {
+  label: 'Real-world projects',
+  description: 'Access our full library of practice and portfolio projects. Apply your skills and build your portfolio.'
+}, {
+  label: 'All courses',
+  description: 'Unlimited access to 300+ stand-alone courses, including everything in Basic plus popular Pro courses like Learn Python 3.'
+}, {
+  label: 'Skill paths',
+  description: 'Curated learning paths teach you everything you need to gain a specific skill, like building a website or visualizing data.'
+}, {
+  label: 'Certificates of completion',
+  description: 'Earn a certificate for courses or paths you finish to share with your network as proof of completion.'
+}, {
+  label: 'Career paths',
+  description: 'Curated learning paths give you the knowledge and experience to land a job in tech like Data Scientist or Engineer.'
+}, {
+  label: 'Technical interview prep',
+  description: 'Technical interview prep courses, practice questions, code challenges, and more.'
+}, {
+  label: 'Code challenges',
+  description: 'Test your knowledge with coding problems based on real-world technical interviews.'
+}, {
+  label: 'Professional certifications',
+  description: "Prove you're job-ready. Earn a professional certification when you pass all the exams in select career paths."
+}, {
+  label: 'Assessments',
+  description: 'Test your skills as you build toward job-readiness. Certification exams are available in select career paths.'
+}];
+const getFeatures = enabledFeatures => {
+  return features.map(feature => ({
+    ...feature,
+    isEnabled: !enabledFeatures || enabledFeatures.includes(feature.label)
+  }));
+};
+export const planDetails = {
+  pro: {
+    id: 'pro',
+    title: 'Pro',
+    tag: 'Learn a skill',
+    variant: 'yellow',
+    features: [{
+      label: 'Real-world projects',
+      isEnabled: true
+    }, {
+      label: 'All courses',
+      isEnabled: true
+    }, {
+      label: 'Skill paths',
+      isEnabled: true
+    }]
+  },
+  'pro-gold': {
+    id: 'pro-gold',
+    title: 'Pro',
+    tag: 'Build a career',
+    variant: 'yellow',
+    features: getFeatures()
+  },
+  'pro-silver': {
+    id: 'pro-silver',
+    title: 'Plus',
+    tag: 'Learn a skill',
+    variant: 'paleYellow',
+    features: getFeatures(['Basic access to free courses', 'Community support', 'Learning resources', 'Real-world projects', 'All courses', 'Skill paths', 'Certificates of completion'])
+  },
+  teams: {
+    id: 'teams',
+    title: 'Teams',
+    tag: 'Recommended for 2+',
+    variant: 'yellow',
+    features: getFeatures()
+  },
+  enterprise: {
+    id: 'enterprise',
+    title: 'Enterprise',
+    tag: 'Recommended for 25+',
+    variant: 'yellow',
+    features: getFeatures()
+  },
+  free: {
+    id: 'free',
+    title: 'Pro',
+    tag: 'Build a career',
+    variant: 'yellow',
+    features: getFeatures(['Basic access to free courses', 'Community support', 'Learning resources'])
+  }
+};

package/dist/PricingSection/PricingCard/index.d.ts

@@ -0,0 +1,16 @@
+import { PlansByType } from '../config';
+import { Product, ProductDetails, User } from '../types';
+import { AllCurrency } from './types';
+export declare const smSize = 728;
+export declare const PricingCard: ({ product, productDetails, currency, plansByType, isUserInIndia, user, trackBusinessClick, }: {
+    product: Product;
+    productDetails: ProductDetails;
+    currency: AllCurrency;
+    plansByType: PlansByType;
+    isUserInIndia: boolean;
+    user: User;
+    trackBusinessClick?: ({ target, context, }: {
+        target: string;
+        context: string;
+    }) => void;
+}) => import("react/jsx-runtime").JSX.Element;