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

package/dist/PricingSection/PricingCard/index.js

@@ -0,0 +1,202 @@
+import _styled from "@emotion/styled/base";
+import { Badge, Box, Card, FlexBox, Text } from '@codecademy/gamut';
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import { css, pxRem, theme, variant } from '@codecademy/gamut-styles';
+import { ConditionalColorMode } from '../ConditionalColorMode';
+import { getProductDescription } from '../config';
+import { ProductCTA } from '../ProductCTA';
+import { Product } from '../types';
+import { PricingAmount } from './PricingAmount';
+import { RecommendedBadge } from './RecommendedBadge';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const smSize = 728;
+const StyledCard = /*#__PURE__*/_styled(Card, {
+  target: "e3n4z5j3",
+  label: "StyledCard"
+})(css({
+  height: 1,
+  borderWidth: 0,
+  padding: 0,
+  width: '100%',
+  flexDirection: 'column'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW1CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWRnZSwgQm94LCBDYXJkLCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzLCBweFJlbSwgdGhlbWUsIHZhcmlhbnQgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBDb25kaXRpb25hbENvbG9yTW9kZSB9IGZyb20gJy4uL0NvbmRpdGlvbmFsQ29sb3JNb2RlJztcbmltcG9ydCB7IGdldFByb2R1Y3REZXNjcmlwdGlvbiwgUGxhbnNCeVR5cGUgfSBmcm9tICcuLi9jb25maWcnO1xuaW1wb3J0IHsgUHJvZHVjdENUQSB9IGZyb20gJy4uL1Byb2R1Y3RDVEEnO1xuaW1wb3J0IHsgUHJvZHVjdCwgUHJvZHVjdERldGFpbHMsIFVzZXIgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBQcmljaW5nQW1vdW50IH0gZnJvbSAnLi9QcmljaW5nQW1vdW50JztcbmltcG9ydCB7IFJlY29tbWVuZGVkQmFkZ2UgfSBmcm9tICcuL1JlY29tbWVuZGVkQmFkZ2UnO1xuaW1wb3J0IHsgQWxsQ3VycmVuY3kgfSBmcm9tICcuL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IHNtU2l6ZSA9IDcyODtcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6IDEsXG4gICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgcGFkZGluZzogMCxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICB9KVxuKTtcblxuY29uc3QgRGl2aWRlciA9IHN0eWxlZChDaGVja2VyRGVuc2UpKFxuICBjc3Moe1xuICAgIGhlaWdodDogJzAuMXJlbScsXG4gIH0pXG4pO1xuXG50eXBlIFN0eWxlZExpc3RSb3dQcm9wcyA9IHtcbiAgc2hvd1JlY29tbWVuZGVkQmFkZ2U6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0Um93ID0gc3R5bGVkKCdsaScpPFN0eWxlZExpc3RSb3dQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cHhSZW0oc21TaXplKX07XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgJHt0aGVtZS5icmVha3BvaW50cy5sZ30ge1xuICAgIG1pbi13aWR0aDogMzZyZW07XG4gIH1cbmA7XG5cbmNvbnN0IGNhcmRIZWFkZXJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICB9LFxuICB2YXJpYW50czoge1xuICAgIFtQcm9kdWN0LkJhc2ljXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkVudGVycHJpc2VdOiB7XG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiAnc29saWQnLFxuICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLmNvbG9yc1snbmF2eS0yMDAnXSxcbiAgICAgIGNvbG9yOiAnbmF2eS01MDAnLFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuU2lsdmVyXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucGFsZVllbGxvdyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LkdvbGRdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Qcm9dOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy55ZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5UZWFtc106IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmJhY2tncm91bmQsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5jb25zdCBDYXJkSGVhZGVyID0gc3R5bGVkKEZsZXhCb3gpKGNhcmRIZWFkZXJWYXJpYW50cyk7XG5cbmNvbnN0IGdldEJhZGdlVGV4dCA9IChwcm9kdWN0OiBQcm9kdWN0KTogc3RyaW5nIHwgbnVsbCA9PiB7XG4gIHN3aXRjaCAocHJvZHVjdCkge1xuICAgIGNhc2UgUHJvZHVjdC5Hb2xkOlxuICAgICAgcmV0dXJuICdBZHZhbmNlIHlvdXIgY2FyZWVyJztcbiAgICBjYXNlIFByb2R1Y3QuU2lsdmVyOlxuICAgIGNhc2UgUHJvZHVjdC5Qcm86XG4gICAgICByZXR1cm4gJ0xlYXJuIGEgc2tpbGwnO1xuICAgIGNhc2UgUHJvZHVjdC5UZWFtczpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDIrJztcbiAgICBjYXNlIFByb2R1Y3QuRW50ZXJwcmlzZTpcbiAgICAgIHJldHVybiAnUmVjb21tZW5kZWQgZm9yIDI1Kyc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24gPSAocHJvZHVjdDogUHJvZHVjdCkgPT4ge1xuICBjb25zdCBwcm9kdWN0RmVhdHVyZXMgPSAoXG4gICAgPFRleHQgbWF4V2lkdGg9e3sgbWQ6ICcyMzVweCcgfX0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICB7Z2V0UHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgIDwvVGV4dD5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IG10PXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAge3Byb2R1Y3RGZWF0dXJlc31cbiAgICA8L0ZsZXhCb3g+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgUHJpY2luZ0NhcmQgPSAoe1xuICBwcm9kdWN0LFxuICBwcm9kdWN0RGV0YWlscyxcbiAgY3VycmVuY3ksXG4gIHBsYW5zQnlUeXBlLFxuICBpc1VzZXJJbkluZGlhLFxuICB1c2VyLFxuICB0cmFja0J1c2luZXNzQ2xpY2ssXG59OiB7XG4gIHByb2R1Y3Q6IFByb2R1Y3Q7XG4gIHByb2R1Y3REZXRhaWxzOiBQcm9kdWN0RGV0YWlscztcbiAgY3VycmVuY3k6IEFsbEN1cnJlbmN5O1xuICBwbGFuc0J5VHlwZTogUGxhbnNCeVR5cGU7XG4gIGlzVXNlckluSW5kaWE6IGJvb2xlYW47XG4gIHVzZXI6IFVzZXI7XG4gIHRyYWNrQnVzaW5lc3NDbGljaz86ICh7XG4gICAgdGFyZ2V0LFxuICAgIGNvbnRleHQsXG4gIH06IHtcbiAgICB0YXJnZXQ6IHN0cmluZztcbiAgICBjb250ZXh0OiBzdHJpbmc7XG4gIH0pID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGlzR29sZFByb2R1Y3QgPSBwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGQ7XG4gIGNvbnN0IGlzVGVhbXNQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5UZWFtcztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0Um93IHNob3dSZWNvbW1lbmRlZEJhZGdlPXtwcm9kdWN0ID09PSBQcm9kdWN0LkdvbGR9PlxuICAgICAgPFN0eWxlZENhcmQgZGlzcGxheT1cImZsZXhcIiBzaGFkb3c9XCJwYXR0ZXJuTGVmdFwiPlxuICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8UmVjb21tZW5kZWRCYWRnZSAvPn1cbiAgICAgICAgPENvbmRpdGlvbmFsQ29sb3JNb2RlIGNvbmRpdGlvbj17aXNUZWFtc1Byb2R1Y3R9PlxuICAgICAgICAgIDxDYXJkSGVhZGVyXG4gICAgICAgICAgICB2YXJpYW50PXtwcm9kdWN0fVxuICAgICAgICAgICAgcHk9ezh9XG4gICAgICAgICAgICBweD17MjR9XG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgYXM9XCJoMlwiIGZvbnRTaXplPXt7IF86IDIyLCB4bDogMjYgfX0+XG4gICAgICAgICAgICAgIHtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5kaXNwbGF5TmFtZSB8fFxuICAgICAgICAgICAgICAgIHBsYW5zQnlUeXBlW3Byb2R1Y3RdLmFubnVhbD8uZGlzcGxheU5hbWV9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7aXNHb2xkUHJvZHVjdCAmJiA8VGV4dCBzY3JlZW5yZWFkZXI+UmVjb21tZW5kZWQ8L1RleHQ+fVxuICAgICAgICAgICAge2dldEJhZGdlVGV4dChwcm9kdWN0KSAmJiAoXG4gICAgICAgICAgICAgIDxCYWRnZSB2YXJpYW50PVwidGVydGlhcnlcIiBtbD17MTJ9PlxuICAgICAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCl9XG4gICAgICAgICAgICAgIDwvQmFkZ2U+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2FyZEhlYWRlcj5cbiAgICAgICAgPC9Db25kaXRpb25hbENvbG9yTW9kZT5cblxuICAgICAgICA8Qm94IHB4PXsyNH0gcHQ9ezI0fT5cbiAgICAgICAgICA8RmxleEJveCBjZW50ZXIgYWxpZ25JdGVtcz1cImZsZXgtc3RhcnRcIj5cbiAgICAgICAgICAgIHtwcm9kdWN0ID09PSBQcm9kdWN0LkVudGVycHJpc2UgPyAoXG4gICAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgICAgY29sdW1uXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIG1pbkhlaWdodD17MTM0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHQgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiIG1iPXs4fSB0ZXh0QWxpZ249XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIExvb2tpbmcgdG8gdHJhaW4gYSBsYXJnZXIgdGVhbT9cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInRpdGxlLWxnXCIgdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBDb250YWN0IHVzIGZvciBhIGN1c3RvbSBxdW90ZVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFByaWNpbmdBbW91bnRcbiAgICAgICAgICAgICAgICBtb250aGx5UHJpY2U9e3BsYW5zQnlUeXBlW3Byb2R1Y3RdLm1vbnRobHk/LnByaWNlfVxuICAgICAgICAgICAgICAgIHByaWNlPXtwcm9kdWN0RGV0YWlscy5wcmljZX1cbiAgICAgICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgICAgIGN1cnJlbmN5PXtjdXJyZW5jeX1cbiAgICAgICAgICAgICAgICBpc1VzZXJJbkluZGlhPXtpc1VzZXJJbkluZGlhfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICA8RmxleEJveCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgPERpdmlkZXIgbXQ9ezE2fSAvPlxuICAgICAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICAgICAgZmxleERpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgIG15PXsxMn1cbiAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAqIFByZXZpb3VzbHkgd2Ugd2VyZSBhcmJpdHJhcmlseSBzaXppbmcgY2FyZHMgdG8gYSB3aWR0aCB0aGF0IHdhc1xuICAgICAgICAgICAgICAgKiBcInRvbyBzbWFsbFwiIGZvciB0aGUgY29udGVudCB0aGV5IGNvbnRhaW5lZC4gVGhlIGFjdHVhbCBhZmZlY3QgdGhpcyB3YXNcbiAgICAgICAgICAgICAgICogaGF2aW5nIHdhcyBzaHJpbmtpbmcgdGhpcyBzZWN0aW9uIGRvd24gdG8gMjU2cHgsIHNvIHJhdGhlciB0aGFuIHNpemVcbiAgICAgICAgICAgICAgICogdGhlIGNhcmQsIEknbSBvcHRpbmcgdG8gc2l6ZSB0aGlzIHBhcnRpY3VsYXIgY29udGFpbmVyIHcvaS5cbiAgICAgICAgICAgICAgICogVGhpcyBhbGxvd3MgdGhlIGNhcmRzIHRoZW1zZWx2ZXMgdG8gYmUgbW9yZSBmbGV4aWJsZSBhbmQgc2ltcGx5IHN0eWxlZFxuICAgICAgICAgICAgICAgKiB3aGlsZSBzdGlsbCBtYWludGFpbmluZyB0aGUgXCJwcm9wZXIgc2l6ZVwiIG9uIHNtYWxsZXIgc2NyZWVucy5cbiAgICAgICAgICAgICAgICovXG4gICAgICAgICAgICAgIHdpZHRoPXt7IF86ICd1bnNldCcsIG1kOiBweFJlbSgyNTYpIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtyZW5kZXJQcm9kdWN0RGVzY3JpcHRpb24ocHJvZHVjdCl9XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPEZsZXhCb3ggbWI9ezI0fSBtdD1cImF1dG9cIiBjb2x1bW4+XG4gICAgICAgICAgPFByb2R1Y3RDVEFcbiAgICAgICAgICAgIHVzZXI9e3VzZXJ9XG4gICAgICAgICAgICBwcm9kdWN0RGV0YWlscz17cHJvZHVjdERldGFpbHN9XG4gICAgICAgICAgICBwcm9kdWN0PXtwcm9kdWN0fVxuICAgICAgICAgICAgdHJhY2tCdXNpbmVzc0NsaWNrPXt0cmFja0J1c2luZXNzQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgIDwvU3R5bGVkTGlzdFJvdz5cbiAgKTtcbn07XG4iXX0= */");
+const Divider = /*#__PURE__*/_styled(CheckerDense, {
+  target: "e3n4z5j2",
+  label: "Divider"
+})(css({
+  height: '0.1rem'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJpY2luZ1NlY3Rpb24vUHJpY2luZ0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcywgcHhSZW0sIHRoZW1lLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ29uZGl0aW9uYWxDb2xvck1vZGUgfSBmcm9tICcuLi9Db25kaXRpb25hbENvbG9yTW9kZSc7XG5pbXBvcnQgeyBnZXRQcm9kdWN0RGVzY3JpcHRpb24sIFBsYW5zQnlUeXBlIH0gZnJvbSAnLi4vY29uZmlnJztcbmltcG9ydCB7IFByb2R1Y3RDVEEgfSBmcm9tICcuLi9Qcm9kdWN0Q1RBJztcbmltcG9ydCB7IFByb2R1Y3QsIFByb2R1Y3REZXRhaWxzLCBVc2VyIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgUHJpY2luZ0Ftb3VudCB9IGZyb20gJy4vUHJpY2luZ0Ftb3VudCc7XG5pbXBvcnQgeyBSZWNvbW1lbmRlZEJhZGdlIH0gZnJvbSAnLi9SZWNvbW1lbmRlZEJhZGdlJztcbmltcG9ydCB7IEFsbEN1cnJlbmN5IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBzbVNpemUgPSA3Mjg7XG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZCkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAxLFxuICAgIGJvcmRlcldpZHRoOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgfSlcbik7XG5cbmNvbnN0IERpdmlkZXIgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcwLjFyZW0nLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRMaXN0Um93UHJvcHMgPSB7XG4gIHNob3dSZWNvbW1lbmRlZEJhZGdlOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdFJvdyA9IHN0eWxlZCgnbGknKTxTdHlsZWRMaXN0Um93UHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3B4UmVtKHNtU2l6ZSl9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gICR7dGhlbWUuYnJlYWtwb2ludHMubGd9IHtcbiAgICBtaW4td2lkdGg6IDM2cmVtO1xuICB9XG5gO1xuXG5jb25zdCBjYXJkSGVhZGVyVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgYmFzZToge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBbUHJvZHVjdC5CYXNpY106IHtcbiAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAxLFxuICAgICAgYm9yZGVyQm90dG9tU3R5bGU6ICdzb2xpZCcsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUuY29sb3JzWyduYXZ5LTIwMCddLFxuICAgICAgY29sb3I6ICduYXZ5LTUwMCcsXG4gICAgfSxcbiAgICBbUHJvZHVjdC5FbnRlcnByaXNlXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LlNpbHZlcl06IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBhbGVZZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Hb2xkXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuUHJvXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuVGVhbXNdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgQ2FyZEhlYWRlciA9IHN0eWxlZChGbGV4Qm94KShjYXJkSGVhZGVyVmFyaWFudHMpO1xuXG5jb25zdCBnZXRCYWRnZVRleHQgPSAocHJvZHVjdDogUHJvZHVjdCk6IHN0cmluZyB8IG51bGwgPT4ge1xuICBzd2l0Y2ggKHByb2R1Y3QpIHtcbiAgICBjYXNlIFByb2R1Y3QuR29sZDpcbiAgICAgIHJldHVybiAnQWR2YW5jZSB5b3VyIGNhcmVlcic7XG4gICAgY2FzZSBQcm9kdWN0LlNpbHZlcjpcbiAgICBjYXNlIFByb2R1Y3QuUHJvOlxuICAgICAgcmV0dXJuICdMZWFybiBhIHNraWxsJztcbiAgICBjYXNlIFByb2R1Y3QuVGVhbXM6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyKyc7XG4gICAgY2FzZSBQcm9kdWN0LkVudGVycHJpc2U6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyNSsnO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gbnVsbDtcbiAgfVxufTtcblxuY29uc3QgcmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uID0gKHByb2R1Y3Q6IFByb2R1Y3QpID0+IHtcbiAgY29uc3QgcHJvZHVjdEZlYXR1cmVzID0gKFxuICAgIDxUZXh0IG1heFdpZHRoPXt7IG1kOiAnMjM1cHgnIH19IHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAge2dldFByb2R1Y3REZXNjcmlwdGlvbihwcm9kdWN0KX1cbiAgICA8L1RleHQ+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBtdD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIHtwcm9kdWN0RmVhdHVyZXN9XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdDYXJkID0gKHtcbiAgcHJvZHVjdCxcbiAgcHJvZHVjdERldGFpbHMsXG4gIGN1cnJlbmN5LFxuICBwbGFuc0J5VHlwZSxcbiAgaXNVc2VySW5JbmRpYSxcbiAgdXNlcixcbiAgdHJhY2tCdXNpbmVzc0NsaWNrLFxufToge1xuICBwcm9kdWN0OiBQcm9kdWN0O1xuICBwcm9kdWN0RGV0YWlsczogUHJvZHVjdERldGFpbHM7XG4gIGN1cnJlbmN5OiBBbGxDdXJyZW5jeTtcbiAgcGxhbnNCeVR5cGU6IFBsYW5zQnlUeXBlO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xuICB1c2VyOiBVc2VyO1xuICB0cmFja0J1c2luZXNzQ2xpY2s/OiAoe1xuICAgIHRhcmdldCxcbiAgICBjb250ZXh0LFxuICB9OiB7XG4gICAgdGFyZ2V0OiBzdHJpbmc7XG4gICAgY29udGV4dDogc3RyaW5nO1xuICB9KSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCBpc0dvbGRQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkO1xuICBjb25zdCBpc1RlYW1zUHJvZHVjdCA9IHByb2R1Y3QgPT09IFByb2R1Y3QuVGVhbXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFJvdyBzaG93UmVjb21tZW5kZWRCYWRnZT17cHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkfT5cbiAgICAgIDxTdHlsZWRDYXJkIGRpc3BsYXk9XCJmbGV4XCIgc2hhZG93PVwicGF0dGVybkxlZnRcIj5cbiAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFJlY29tbWVuZGVkQmFkZ2UgLz59XG4gICAgICAgIDxDb25kaXRpb25hbENvbG9yTW9kZSBjb25kaXRpb249e2lzVGVhbXNQcm9kdWN0fT5cbiAgICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgICAgdmFyaWFudD17cHJvZHVjdH1cbiAgICAgICAgICAgIHB5PXs4fVxuICAgICAgICAgICAgcHg9ezI0fVxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDJcIiBmb250U2l6ZT17eyBfOiAyMiwgeGw6IDI2IH19PlxuICAgICAgICAgICAgICB7cGxhbnNCeVR5cGVbcHJvZHVjdF0ubW9udGhseT8uZGlzcGxheU5hbWUgfHxcbiAgICAgICAgICAgICAgICBwbGFuc0J5VHlwZVtwcm9kdWN0XS5hbm51YWw/LmRpc3BsYXlOYW1lfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFRleHQgc2NyZWVucmVhZGVyPlJlY29tbWVuZGVkPC9UZXh0Pn1cbiAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCkgJiYgKFxuICAgICAgICAgICAgICA8QmFkZ2UgdmFyaWFudD1cInRlcnRpYXJ5XCIgbWw9ezEyfT5cbiAgICAgICAgICAgICAgICB7Z2V0QmFkZ2VUZXh0KHByb2R1Y3QpfVxuICAgICAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NhcmRIZWFkZXI+XG4gICAgICAgIDwvQ29uZGl0aW9uYWxDb2xvck1vZGU+XG5cbiAgICAgICAgPEJveCBweD17MjR9IHB0PXsyNH0+XG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5FbnRlcnByaXNlID8gKFxuICAgICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ9ezEzNH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtYj17OH0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBMb29raW5nIHRvIHRyYWluIGEgbGFyZ2VyIHRlYW0/XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiIHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgQ29udGFjdCB1cyBmb3IgYSBjdXN0b20gcXVvdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxQcmljaW5nQW1vdW50XG4gICAgICAgICAgICAgICAgbW9udGhseVByaWNlPXtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5wcmljZX1cbiAgICAgICAgICAgICAgICBwcmljZT17cHJvZHVjdERldGFpbHMucHJpY2V9XG4gICAgICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgICAgICBjdXJyZW5jeT17Y3VycmVuY3l9XG4gICAgICAgICAgICAgICAgaXNVc2VySW5JbmRpYT17aXNVc2VySW5JbmRpYX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgPEZsZXhCb3ggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxEaXZpZGVyIG10PXsxNn0gLz5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBteT17MTJ9XG4gICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgKiBQcmV2aW91c2x5IHdlIHdlcmUgYXJiaXRyYXJpbHkgc2l6aW5nIGNhcmRzIHRvIGEgd2lkdGggdGhhdCB3YXNcbiAgICAgICAgICAgICAgICogXCJ0b28gc21hbGxcIiBmb3IgdGhlIGNvbnRlbnQgdGhleSBjb250YWluZWQuIFRoZSBhY3R1YWwgYWZmZWN0IHRoaXMgd2FzXG4gICAgICAgICAgICAgICAqIGhhdmluZyB3YXMgc2hyaW5raW5nIHRoaXMgc2VjdGlvbiBkb3duIHRvIDI1NnB4LCBzbyByYXRoZXIgdGhhbiBzaXplXG4gICAgICAgICAgICAgICAqIHRoZSBjYXJkLCBJJ20gb3B0aW5nIHRvIHNpemUgdGhpcyBwYXJ0aWN1bGFyIGNvbnRhaW5lciB3L2kuXG4gICAgICAgICAgICAgICAqIFRoaXMgYWxsb3dzIHRoZSBjYXJkcyB0aGVtc2VsdmVzIHRvIGJlIG1vcmUgZmxleGlibGUgYW5kIHNpbXBseSBzdHlsZWRcbiAgICAgICAgICAgICAgICogd2hpbGUgc3RpbGwgbWFpbnRhaW5pbmcgdGhlIFwicHJvcGVyIHNpemVcIiBvbiBzbWFsbGVyIHNjcmVlbnMuXG4gICAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgICB3aWR0aD17eyBfOiAndW5zZXQnLCBtZDogcHhSZW0oMjU2KSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94IG1iPXsyNH0gbXQ9XCJhdXRvXCIgY29sdW1uPlxuICAgICAgICAgIDxQcm9kdWN0Q1RBXG4gICAgICAgICAgICB1c2VyPXt1c2VyfVxuICAgICAgICAgICAgcHJvZHVjdERldGFpbHM9e3Byb2R1Y3REZXRhaWxzfVxuICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgIHRyYWNrQnVzaW5lc3NDbGljaz17dHJhY2tCdXNpbmVzc0NsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICA8L1N0eWxlZExpc3RSb3c+XG4gICk7XG59O1xuIl19 */");
+const StyledListRow = /*#__PURE__*/_styled('li', {
+  target: "e3n4z5j1",
+  label: "StyledListRow"
+})("width:100%;max-width:", pxRem(smSize), ";height:100%;display:grid;", theme.breakpoints.lg, "{min-width:36rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNzRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJpY2luZ1NlY3Rpb24vUHJpY2luZ0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcywgcHhSZW0sIHRoZW1lLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ29uZGl0aW9uYWxDb2xvck1vZGUgfSBmcm9tICcuLi9Db25kaXRpb25hbENvbG9yTW9kZSc7XG5pbXBvcnQgeyBnZXRQcm9kdWN0RGVzY3JpcHRpb24sIFBsYW5zQnlUeXBlIH0gZnJvbSAnLi4vY29uZmlnJztcbmltcG9ydCB7IFByb2R1Y3RDVEEgfSBmcm9tICcuLi9Qcm9kdWN0Q1RBJztcbmltcG9ydCB7IFByb2R1Y3QsIFByb2R1Y3REZXRhaWxzLCBVc2VyIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgUHJpY2luZ0Ftb3VudCB9IGZyb20gJy4vUHJpY2luZ0Ftb3VudCc7XG5pbXBvcnQgeyBSZWNvbW1lbmRlZEJhZGdlIH0gZnJvbSAnLi9SZWNvbW1lbmRlZEJhZGdlJztcbmltcG9ydCB7IEFsbEN1cnJlbmN5IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBzbVNpemUgPSA3Mjg7XG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZCkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAxLFxuICAgIGJvcmRlcldpZHRoOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgfSlcbik7XG5cbmNvbnN0IERpdmlkZXIgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcwLjFyZW0nLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRMaXN0Um93UHJvcHMgPSB7XG4gIHNob3dSZWNvbW1lbmRlZEJhZGdlOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdFJvdyA9IHN0eWxlZCgnbGknKTxTdHlsZWRMaXN0Um93UHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3B4UmVtKHNtU2l6ZSl9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gICR7dGhlbWUuYnJlYWtwb2ludHMubGd9IHtcbiAgICBtaW4td2lkdGg6IDM2cmVtO1xuICB9XG5gO1xuXG5jb25zdCBjYXJkSGVhZGVyVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgYmFzZToge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBbUHJvZHVjdC5CYXNpY106IHtcbiAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAxLFxuICAgICAgYm9yZGVyQm90dG9tU3R5bGU6ICdzb2xpZCcsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUuY29sb3JzWyduYXZ5LTIwMCddLFxuICAgICAgY29sb3I6ICduYXZ5LTUwMCcsXG4gICAgfSxcbiAgICBbUHJvZHVjdC5FbnRlcnByaXNlXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LlNpbHZlcl06IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBhbGVZZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Hb2xkXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuUHJvXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuVGVhbXNdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgQ2FyZEhlYWRlciA9IHN0eWxlZChGbGV4Qm94KShjYXJkSGVhZGVyVmFyaWFudHMpO1xuXG5jb25zdCBnZXRCYWRnZVRleHQgPSAocHJvZHVjdDogUHJvZHVjdCk6IHN0cmluZyB8IG51bGwgPT4ge1xuICBzd2l0Y2ggKHByb2R1Y3QpIHtcbiAgICBjYXNlIFByb2R1Y3QuR29sZDpcbiAgICAgIHJldHVybiAnQWR2YW5jZSB5b3VyIGNhcmVlcic7XG4gICAgY2FzZSBQcm9kdWN0LlNpbHZlcjpcbiAgICBjYXNlIFByb2R1Y3QuUHJvOlxuICAgICAgcmV0dXJuICdMZWFybiBhIHNraWxsJztcbiAgICBjYXNlIFByb2R1Y3QuVGVhbXM6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyKyc7XG4gICAgY2FzZSBQcm9kdWN0LkVudGVycHJpc2U6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyNSsnO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gbnVsbDtcbiAgfVxufTtcblxuY29uc3QgcmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uID0gKHByb2R1Y3Q6IFByb2R1Y3QpID0+IHtcbiAgY29uc3QgcHJvZHVjdEZlYXR1cmVzID0gKFxuICAgIDxUZXh0IG1heFdpZHRoPXt7IG1kOiAnMjM1cHgnIH19IHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAge2dldFByb2R1Y3REZXNjcmlwdGlvbihwcm9kdWN0KX1cbiAgICA8L1RleHQ+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBtdD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIHtwcm9kdWN0RmVhdHVyZXN9XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdDYXJkID0gKHtcbiAgcHJvZHVjdCxcbiAgcHJvZHVjdERldGFpbHMsXG4gIGN1cnJlbmN5LFxuICBwbGFuc0J5VHlwZSxcbiAgaXNVc2VySW5JbmRpYSxcbiAgdXNlcixcbiAgdHJhY2tCdXNpbmVzc0NsaWNrLFxufToge1xuICBwcm9kdWN0OiBQcm9kdWN0O1xuICBwcm9kdWN0RGV0YWlsczogUHJvZHVjdERldGFpbHM7XG4gIGN1cnJlbmN5OiBBbGxDdXJyZW5jeTtcbiAgcGxhbnNCeVR5cGU6IFBsYW5zQnlUeXBlO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xuICB1c2VyOiBVc2VyO1xuICB0cmFja0J1c2luZXNzQ2xpY2s/OiAoe1xuICAgIHRhcmdldCxcbiAgICBjb250ZXh0LFxuICB9OiB7XG4gICAgdGFyZ2V0OiBzdHJpbmc7XG4gICAgY29udGV4dDogc3RyaW5nO1xuICB9KSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCBpc0dvbGRQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkO1xuICBjb25zdCBpc1RlYW1zUHJvZHVjdCA9IHByb2R1Y3QgPT09IFByb2R1Y3QuVGVhbXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFJvdyBzaG93UmVjb21tZW5kZWRCYWRnZT17cHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkfT5cbiAgICAgIDxTdHlsZWRDYXJkIGRpc3BsYXk9XCJmbGV4XCIgc2hhZG93PVwicGF0dGVybkxlZnRcIj5cbiAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFJlY29tbWVuZGVkQmFkZ2UgLz59XG4gICAgICAgIDxDb25kaXRpb25hbENvbG9yTW9kZSBjb25kaXRpb249e2lzVGVhbXNQcm9kdWN0fT5cbiAgICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgICAgdmFyaWFudD17cHJvZHVjdH1cbiAgICAgICAgICAgIHB5PXs4fVxuICAgICAgICAgICAgcHg9ezI0fVxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDJcIiBmb250U2l6ZT17eyBfOiAyMiwgeGw6IDI2IH19PlxuICAgICAgICAgICAgICB7cGxhbnNCeVR5cGVbcHJvZHVjdF0ubW9udGhseT8uZGlzcGxheU5hbWUgfHxcbiAgICAgICAgICAgICAgICBwbGFuc0J5VHlwZVtwcm9kdWN0XS5hbm51YWw/LmRpc3BsYXlOYW1lfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFRleHQgc2NyZWVucmVhZGVyPlJlY29tbWVuZGVkPC9UZXh0Pn1cbiAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCkgJiYgKFxuICAgICAgICAgICAgICA8QmFkZ2UgdmFyaWFudD1cInRlcnRpYXJ5XCIgbWw9ezEyfT5cbiAgICAgICAgICAgICAgICB7Z2V0QmFkZ2VUZXh0KHByb2R1Y3QpfVxuICAgICAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NhcmRIZWFkZXI+XG4gICAgICAgIDwvQ29uZGl0aW9uYWxDb2xvck1vZGU+XG5cbiAgICAgICAgPEJveCBweD17MjR9IHB0PXsyNH0+XG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5FbnRlcnByaXNlID8gKFxuICAgICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ9ezEzNH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtYj17OH0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBMb29raW5nIHRvIHRyYWluIGEgbGFyZ2VyIHRlYW0/XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiIHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgQ29udGFjdCB1cyBmb3IgYSBjdXN0b20gcXVvdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxQcmljaW5nQW1vdW50XG4gICAgICAgICAgICAgICAgbW9udGhseVByaWNlPXtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5wcmljZX1cbiAgICAgICAgICAgICAgICBwcmljZT17cHJvZHVjdERldGFpbHMucHJpY2V9XG4gICAgICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgICAgICBjdXJyZW5jeT17Y3VycmVuY3l9XG4gICAgICAgICAgICAgICAgaXNVc2VySW5JbmRpYT17aXNVc2VySW5JbmRpYX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgPEZsZXhCb3ggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxEaXZpZGVyIG10PXsxNn0gLz5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBteT17MTJ9XG4gICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgKiBQcmV2aW91c2x5IHdlIHdlcmUgYXJiaXRyYXJpbHkgc2l6aW5nIGNhcmRzIHRvIGEgd2lkdGggdGhhdCB3YXNcbiAgICAgICAgICAgICAgICogXCJ0b28gc21hbGxcIiBmb3IgdGhlIGNvbnRlbnQgdGhleSBjb250YWluZWQuIFRoZSBhY3R1YWwgYWZmZWN0IHRoaXMgd2FzXG4gICAgICAgICAgICAgICAqIGhhdmluZyB3YXMgc2hyaW5raW5nIHRoaXMgc2VjdGlvbiBkb3duIHRvIDI1NnB4LCBzbyByYXRoZXIgdGhhbiBzaXplXG4gICAgICAgICAgICAgICAqIHRoZSBjYXJkLCBJJ20gb3B0aW5nIHRvIHNpemUgdGhpcyBwYXJ0aWN1bGFyIGNvbnRhaW5lciB3L2kuXG4gICAgICAgICAgICAgICAqIFRoaXMgYWxsb3dzIHRoZSBjYXJkcyB0aGVtc2VsdmVzIHRvIGJlIG1vcmUgZmxleGlibGUgYW5kIHNpbXBseSBzdHlsZWRcbiAgICAgICAgICAgICAgICogd2hpbGUgc3RpbGwgbWFpbnRhaW5pbmcgdGhlIFwicHJvcGVyIHNpemVcIiBvbiBzbWFsbGVyIHNjcmVlbnMuXG4gICAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgICB3aWR0aD17eyBfOiAndW5zZXQnLCBtZDogcHhSZW0oMjU2KSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94IG1iPXsyNH0gbXQ9XCJhdXRvXCIgY29sdW1uPlxuICAgICAgICAgIDxQcm9kdWN0Q1RBXG4gICAgICAgICAgICB1c2VyPXt1c2VyfVxuICAgICAgICAgICAgcHJvZHVjdERldGFpbHM9e3Byb2R1Y3REZXRhaWxzfVxuICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgIHRyYWNrQnVzaW5lc3NDbGljaz17dHJhY2tCdXNpbmVzc0NsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICA8L1N0eWxlZExpc3RSb3c+XG4gICk7XG59O1xuIl19 */"));
+const cardHeaderVariants = variant({
+  base: {
+    backgroundColor: 'transparent'
+  },
+  variants: {
+    [Product.Basic]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: 'solid',
+      borderBottomColor: theme.colors['navy-200'],
+      color: 'navy-500'
+    },
+    [Product.Enterprise]: {
+      borderBottomWidth: 1,
+      borderBottomStyle: 'solid',
+      borderBottomColor: theme.colors['navy-200'],
+      color: 'navy-500'
+    },
+    [Product.Silver]: {
+      backgroundColor: theme.colors.paleYellow
+    },
+    [Product.Gold]: {
+      backgroundColor: theme.colors.yellow
+    },
+    [Product.Pro]: {
+      backgroundColor: theme.colors.yellow
+    },
+    [Product.Teams]: {
+      backgroundColor: theme.colors.background
+    }
+  }
+});
+const CardHeader = /*#__PURE__*/_styled(FlexBox, {
+  target: "e3n4z5j0",
+  label: "CardHeader"
+})(cardHeaderVariants, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9QcmljaW5nU2VjdGlvbi9QcmljaW5nQ2FyZC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkVtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUHJpY2luZ1NlY3Rpb24vUHJpY2luZ0NhcmQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2UsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENoZWNrZXJEZW5zZSB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXBhdHRlcm5zJztcbmltcG9ydCB7IGNzcywgcHhSZW0sIHRoZW1lLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgQ29uZGl0aW9uYWxDb2xvck1vZGUgfSBmcm9tICcuLi9Db25kaXRpb25hbENvbG9yTW9kZSc7XG5pbXBvcnQgeyBnZXRQcm9kdWN0RGVzY3JpcHRpb24sIFBsYW5zQnlUeXBlIH0gZnJvbSAnLi4vY29uZmlnJztcbmltcG9ydCB7IFByb2R1Y3RDVEEgfSBmcm9tICcuLi9Qcm9kdWN0Q1RBJztcbmltcG9ydCB7IFByb2R1Y3QsIFByb2R1Y3REZXRhaWxzLCBVc2VyIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgUHJpY2luZ0Ftb3VudCB9IGZyb20gJy4vUHJpY2luZ0Ftb3VudCc7XG5pbXBvcnQgeyBSZWNvbW1lbmRlZEJhZGdlIH0gZnJvbSAnLi9SZWNvbW1lbmRlZEJhZGdlJztcbmltcG9ydCB7IEFsbEN1cnJlbmN5IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBzbVNpemUgPSA3Mjg7XG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZCkoXG4gIGNzcyh7XG4gICAgaGVpZ2h0OiAxLFxuICAgIGJvcmRlcldpZHRoOiAwLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgfSlcbik7XG5cbmNvbnN0IERpdmlkZXIgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcwLjFyZW0nLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRMaXN0Um93UHJvcHMgPSB7XG4gIHNob3dSZWNvbW1lbmRlZEJhZGdlOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdFJvdyA9IHN0eWxlZCgnbGknKTxTdHlsZWRMaXN0Um93UHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3B4UmVtKHNtU2l6ZSl9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gICR7dGhlbWUuYnJlYWtwb2ludHMubGd9IHtcbiAgICBtaW4td2lkdGg6IDM2cmVtO1xuICB9XG5gO1xuXG5jb25zdCBjYXJkSGVhZGVyVmFyaWFudHMgPSB2YXJpYW50KHtcbiAgYmFzZToge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBbUHJvZHVjdC5CYXNpY106IHtcbiAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAxLFxuICAgICAgYm9yZGVyQm90dG9tU3R5bGU6ICdzb2xpZCcsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUuY29sb3JzWyduYXZ5LTIwMCddLFxuICAgICAgY29sb3I6ICduYXZ5LTUwMCcsXG4gICAgfSxcbiAgICBbUHJvZHVjdC5FbnRlcnByaXNlXToge1xuICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IDEsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS5jb2xvcnNbJ25hdnktMjAwJ10sXG4gICAgICBjb2xvcjogJ25hdnktNTAwJyxcbiAgICB9LFxuICAgIFtQcm9kdWN0LlNpbHZlcl06IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBhbGVZZWxsb3csXG4gICAgfSxcbiAgICBbUHJvZHVjdC5Hb2xkXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuUHJvXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMueWVsbG93LFxuICAgIH0sXG4gICAgW1Byb2R1Y3QuVGVhbXNdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgQ2FyZEhlYWRlciA9IHN0eWxlZChGbGV4Qm94KShjYXJkSGVhZGVyVmFyaWFudHMpO1xuXG5jb25zdCBnZXRCYWRnZVRleHQgPSAocHJvZHVjdDogUHJvZHVjdCk6IHN0cmluZyB8IG51bGwgPT4ge1xuICBzd2l0Y2ggKHByb2R1Y3QpIHtcbiAgICBjYXNlIFByb2R1Y3QuR29sZDpcbiAgICAgIHJldHVybiAnQWR2YW5jZSB5b3VyIGNhcmVlcic7XG4gICAgY2FzZSBQcm9kdWN0LlNpbHZlcjpcbiAgICBjYXNlIFByb2R1Y3QuUHJvOlxuICAgICAgcmV0dXJuICdMZWFybiBhIHNraWxsJztcbiAgICBjYXNlIFByb2R1Y3QuVGVhbXM6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyKyc7XG4gICAgY2FzZSBQcm9kdWN0LkVudGVycHJpc2U6XG4gICAgICByZXR1cm4gJ1JlY29tbWVuZGVkIGZvciAyNSsnO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gbnVsbDtcbiAgfVxufTtcblxuY29uc3QgcmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uID0gKHByb2R1Y3Q6IFByb2R1Y3QpID0+IHtcbiAgY29uc3QgcHJvZHVjdEZlYXR1cmVzID0gKFxuICAgIDxUZXh0IG1heFdpZHRoPXt7IG1kOiAnMjM1cHgnIH19IHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAge2dldFByb2R1Y3REZXNjcmlwdGlvbihwcm9kdWN0KX1cbiAgICA8L1RleHQ+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBtdD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgIHtwcm9kdWN0RmVhdHVyZXN9XG4gICAgPC9GbGV4Qm94PlxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFByaWNpbmdDYXJkID0gKHtcbiAgcHJvZHVjdCxcbiAgcHJvZHVjdERldGFpbHMsXG4gIGN1cnJlbmN5LFxuICBwbGFuc0J5VHlwZSxcbiAgaXNVc2VySW5JbmRpYSxcbiAgdXNlcixcbiAgdHJhY2tCdXNpbmVzc0NsaWNrLFxufToge1xuICBwcm9kdWN0OiBQcm9kdWN0O1xuICBwcm9kdWN0RGV0YWlsczogUHJvZHVjdERldGFpbHM7XG4gIGN1cnJlbmN5OiBBbGxDdXJyZW5jeTtcbiAgcGxhbnNCeVR5cGU6IFBsYW5zQnlUeXBlO1xuICBpc1VzZXJJbkluZGlhOiBib29sZWFuO1xuICB1c2VyOiBVc2VyO1xuICB0cmFja0J1c2luZXNzQ2xpY2s/OiAoe1xuICAgIHRhcmdldCxcbiAgICBjb250ZXh0LFxuICB9OiB7XG4gICAgdGFyZ2V0OiBzdHJpbmc7XG4gICAgY29udGV4dDogc3RyaW5nO1xuICB9KSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCBpc0dvbGRQcm9kdWN0ID0gcHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkO1xuICBjb25zdCBpc1RlYW1zUHJvZHVjdCA9IHByb2R1Y3QgPT09IFByb2R1Y3QuVGVhbXM7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFJvdyBzaG93UmVjb21tZW5kZWRCYWRnZT17cHJvZHVjdCA9PT0gUHJvZHVjdC5Hb2xkfT5cbiAgICAgIDxTdHlsZWRDYXJkIGRpc3BsYXk9XCJmbGV4XCIgc2hhZG93PVwicGF0dGVybkxlZnRcIj5cbiAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFJlY29tbWVuZGVkQmFkZ2UgLz59XG4gICAgICAgIDxDb25kaXRpb25hbENvbG9yTW9kZSBjb25kaXRpb249e2lzVGVhbXNQcm9kdWN0fT5cbiAgICAgICAgICA8Q2FyZEhlYWRlclxuICAgICAgICAgICAgdmFyaWFudD17cHJvZHVjdH1cbiAgICAgICAgICAgIHB5PXs4fVxuICAgICAgICAgICAgcHg9ezI0fVxuICAgICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDJcIiBmb250U2l6ZT17eyBfOiAyMiwgeGw6IDI2IH19PlxuICAgICAgICAgICAgICB7cGxhbnNCeVR5cGVbcHJvZHVjdF0ubW9udGhseT8uZGlzcGxheU5hbWUgfHxcbiAgICAgICAgICAgICAgICBwbGFuc0J5VHlwZVtwcm9kdWN0XS5hbm51YWw/LmRpc3BsYXlOYW1lfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge2lzR29sZFByb2R1Y3QgJiYgPFRleHQgc2NyZWVucmVhZGVyPlJlY29tbWVuZGVkPC9UZXh0Pn1cbiAgICAgICAgICAgIHtnZXRCYWRnZVRleHQocHJvZHVjdCkgJiYgKFxuICAgICAgICAgICAgICA8QmFkZ2UgdmFyaWFudD1cInRlcnRpYXJ5XCIgbWw9ezEyfT5cbiAgICAgICAgICAgICAgICB7Z2V0QmFkZ2VUZXh0KHByb2R1Y3QpfVxuICAgICAgICAgICAgICA8L0JhZGdlPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0NhcmRIZWFkZXI+XG4gICAgICAgIDwvQ29uZGl0aW9uYWxDb2xvck1vZGU+XG5cbiAgICAgICAgPEJveCBweD17MjR9IHB0PXsyNH0+XG4gICAgICAgICAgPEZsZXhCb3ggY2VudGVyIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgICAgICB7cHJvZHVjdCA9PT0gUHJvZHVjdC5FbnRlcnByaXNlID8gKFxuICAgICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICAgIGNvbHVtblxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgICAgICAgICBtaW5IZWlnaHQ9ezEzNH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUZXh0IGNvbG9yPVwidGV4dC1zZWNvbmRhcnlcIiBtYj17OH0gdGV4dEFsaWduPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICBMb29raW5nIHRvIHRyYWluIGEgbGFyZ2VyIHRlYW0/XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ0aXRsZS1sZ1wiIHRleHRBbGlnbj1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgQ29udGFjdCB1cyBmb3IgYSBjdXN0b20gcXVvdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxQcmljaW5nQW1vdW50XG4gICAgICAgICAgICAgICAgbW9udGhseVByaWNlPXtwbGFuc0J5VHlwZVtwcm9kdWN0XS5tb250aGx5Py5wcmljZX1cbiAgICAgICAgICAgICAgICBwcmljZT17cHJvZHVjdERldGFpbHMucHJpY2V9XG4gICAgICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgICAgICBjdXJyZW5jeT17Y3VycmVuY3l9XG4gICAgICAgICAgICAgICAgaXNVc2VySW5JbmRpYT17aXNVc2VySW5JbmRpYX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9GbGV4Qm94PlxuXG4gICAgICAgICAgPEZsZXhCb3ggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgIDxEaXZpZGVyIG10PXsxNn0gLz5cbiAgICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICBteT17MTJ9XG4gICAgICAgICAgICAgIC8qKlxuICAgICAgICAgICAgICAgKiBQcmV2aW91c2x5IHdlIHdlcmUgYXJiaXRyYXJpbHkgc2l6aW5nIGNhcmRzIHRvIGEgd2lkdGggdGhhdCB3YXNcbiAgICAgICAgICAgICAgICogXCJ0b28gc21hbGxcIiBmb3IgdGhlIGNvbnRlbnQgdGhleSBjb250YWluZWQuIFRoZSBhY3R1YWwgYWZmZWN0IHRoaXMgd2FzXG4gICAgICAgICAgICAgICAqIGhhdmluZyB3YXMgc2hyaW5raW5nIHRoaXMgc2VjdGlvbiBkb3duIHRvIDI1NnB4LCBzbyByYXRoZXIgdGhhbiBzaXplXG4gICAgICAgICAgICAgICAqIHRoZSBjYXJkLCBJJ20gb3B0aW5nIHRvIHNpemUgdGhpcyBwYXJ0aWN1bGFyIGNvbnRhaW5lciB3L2kuXG4gICAgICAgICAgICAgICAqIFRoaXMgYWxsb3dzIHRoZSBjYXJkcyB0aGVtc2VsdmVzIHRvIGJlIG1vcmUgZmxleGlibGUgYW5kIHNpbXBseSBzdHlsZWRcbiAgICAgICAgICAgICAgICogd2hpbGUgc3RpbGwgbWFpbnRhaW5pbmcgdGhlIFwicHJvcGVyIHNpemVcIiBvbiBzbWFsbGVyIHNjcmVlbnMuXG4gICAgICAgICAgICAgICAqL1xuICAgICAgICAgICAgICB3aWR0aD17eyBfOiAndW5zZXQnLCBtZDogcHhSZW0oMjU2KSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cmVuZGVyUHJvZHVjdERlc2NyaXB0aW9uKHByb2R1Y3QpfVxuICAgICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxGbGV4Qm94IG1iPXsyNH0gbXQ9XCJhdXRvXCIgY29sdW1uPlxuICAgICAgICAgIDxQcm9kdWN0Q1RBXG4gICAgICAgICAgICB1c2VyPXt1c2VyfVxuICAgICAgICAgICAgcHJvZHVjdERldGFpbHM9e3Byb2R1Y3REZXRhaWxzfVxuICAgICAgICAgICAgcHJvZHVjdD17cHJvZHVjdH1cbiAgICAgICAgICAgIHRyYWNrQnVzaW5lc3NDbGljaz17dHJhY2tCdXNpbmVzc0NsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICA8L1N0eWxlZExpc3RSb3c+XG4gICk7XG59O1xuIl19 */");
+const getBadgeText = product => {
+  switch (product) {
+    case Product.Gold:
+      return 'Advance your career';
+    case Product.Silver:
+    case Product.Pro:
+      return 'Learn a skill';
+    case Product.Teams:
+      return 'Recommended for 2+';
+    case Product.Enterprise:
+      return 'Recommended for 25+';
+    default:
+      return null;
+  }
+};
+const renderProductDescription = product => {
+  const productFeatures = /*#__PURE__*/_jsx(Text, {
+    maxWidth: {
+      md: '235px'
+    },
+    textAlign: "center",
+    children: getProductDescription(product)
+  });
+  return /*#__PURE__*/_jsx(FlexBox, {
+    mt: 8,
+    alignItems: "center",
+    flexDirection: "column",
+    children: productFeatures
+  });
+};
+export const PricingCard = ({
+  product,
+  productDetails,
+  currency,
+  plansByType,
+  isUserInIndia,
+  user,
+  trackBusinessClick
+}) => {
+  const isGoldProduct = product === Product.Gold;
+  const isTeamsProduct = product === Product.Teams;
+  return /*#__PURE__*/_jsx(StyledListRow, {
+    showRecommendedBadge: product === Product.Gold,
+    children: /*#__PURE__*/_jsxs(StyledCard, {
+      display: "flex",
+      shadow: "patternLeft",
+      children: [isGoldProduct && /*#__PURE__*/_jsx(RecommendedBadge, {}), /*#__PURE__*/_jsx(ConditionalColorMode, {
+        condition: isTeamsProduct,
+        children: /*#__PURE__*/_jsxs(CardHeader, {
+          variant: product,
+          py: 8,
+          px: 24,
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            as: "h2",
+            fontSize: {
+              _: 22,
+              xl: 26
+            },
+            children: plansByType[product].monthly?.displayName || plansByType[product].annual?.displayName
+          }), isGoldProduct && /*#__PURE__*/_jsx(Text, {
+            screenreader: true,
+            children: "Recommended"
+          }), getBadgeText(product) && /*#__PURE__*/_jsx(Badge, {
+            variant: "tertiary",
+            ml: 12,
+            children: getBadgeText(product)
+          })]
+        })
+      }), /*#__PURE__*/_jsxs(Box, {
+        px: 24,
+        pt: 24,
+        children: [/*#__PURE__*/_jsx(FlexBox, {
+          center: true,
+          alignItems: "flex-start",
+          children: product === Product.Enterprise ? /*#__PURE__*/_jsxs(FlexBox, {
+            column: true,
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: 134,
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: "text-secondary",
+              mb: 8,
+              textAlign: "center",
+              children: "Looking to train a larger team?"
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "title-lg",
+              textAlign: "center",
+              children: "Contact us for a custom quote"
+            })]
+          }) : /*#__PURE__*/_jsx(PricingAmount, {
+            monthlyPrice: plansByType[product].monthly?.price,
+            price: productDetails.price,
+            product: product,
+            currency: currency,
+            isUserInIndia: isUserInIndia
+          })
+        }), /*#__PURE__*/_jsxs(FlexBox, {
+          column: true,
+          alignItems: "center",
+          children: [/*#__PURE__*/_jsx(Divider, {
+            mt: 16
+          }), /*#__PURE__*/_jsx(FlexBox, {
+            flexDirection: "column",
+            my: 12
+            /**
+             * Previously we were arbitrarily sizing cards to a width that was
+             * "too small" for the content they contained. The actual affect this was
+             * having was shrinking this section down to 256px, so rather than size
+             * the card, I'm opting to size this particular container w/i.
+             * This allows the cards themselves to be more flexible and simply styled
+             * while still maintaining the "proper size" on smaller screens.
+             */,
+            width: {
+              _: 'unset',
+              md: pxRem(256)
+            },
+            children: renderProductDescription(product)
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(FlexBox, {
+        mb: 24,
+        mt: "auto",
+        column: true,
+        children: /*#__PURE__*/_jsx(ProductCTA, {
+          user: user,
+          productDetails: productDetails,
+          product: product,
+          trackBusinessClick: trackBusinessClick
+        })
+      })]
+    })
+  });
+};

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

@@ -0,0 +1,40 @@
+export declare enum Currency {
+    Aud = "AUD",
+    Cad = "CAD",
+    Eur = "EUR",
+    Gbp = "GBP",
+    Inr = "INR",
+    Nok = "NOK",
+    Pln = "PLN",
+    Sek = "SEK",
+    Usd = "USD"
+}
+export declare enum CFBCurrency {
+    Dkk = "DKK",
+    Brl = "BRL",
+    Bgn = "BGN",
+    Chf = "CHF",
+    Czk = "CZK",
+    Hrk = "HRK",
+    Huf = "HUF",
+    Mxn = "MXN",
+    Ron = "RON"
+}
+export declare enum CurrencySymbol {
+    Dollar = "$",
+    Pound = "\u00A3",
+    Euro = "\u20AC",
+    Rupee = "\u20B9",
+    Krona = "kr",
+    Krone = "kr",
+    ZLOTY = "z\u0142",
+    Lev = "\u041B\u0432.",
+    Real = "R$",
+    Franc = "Fr.",
+    Koruna = "K\u010D",
+    Kuna = "kn",
+    Forint = "Ft",
+    Leu = "lei"
+}
+export type AllCurrency = Currency | CFBCurrency;
+export declare const getCurrencySymbol: (currency: AllCurrency) => CurrencySymbol;

package/dist/PricingSection/PricingCard/types.js

@@ -0,0 +1,63 @@
+/* eslint-disable @typescript-eslint/no-duplicate-enum-values */
+export let Currency = /*#__PURE__*/function (Currency) {
+  Currency["Aud"] = "AUD";
+  Currency["Cad"] = "CAD";
+  Currency["Eur"] = "EUR";
+  Currency["Gbp"] = "GBP";
+  Currency["Inr"] = "INR";
+  Currency["Nok"] = "NOK";
+  Currency["Pln"] = "PLN";
+  Currency["Sek"] = "SEK";
+  Currency["Usd"] = "USD";
+  return Currency;
+}({});
+export let CFBCurrency = /*#__PURE__*/function (CFBCurrency) {
+  CFBCurrency["Dkk"] = "DKK";
+  CFBCurrency["Brl"] = "BRL";
+  CFBCurrency["Bgn"] = "BGN";
+  CFBCurrency["Chf"] = "CHF";
+  CFBCurrency["Czk"] = "CZK";
+  CFBCurrency["Hrk"] = "HRK";
+  CFBCurrency["Huf"] = "HUF";
+  CFBCurrency["Mxn"] = "MXN";
+  CFBCurrency["Ron"] = "RON";
+  return CFBCurrency;
+}({});
+export let CurrencySymbol = /*#__PURE__*/function (CurrencySymbol) {
+  CurrencySymbol["Dollar"] = "$";
+  CurrencySymbol["Pound"] = "\xA3";
+  CurrencySymbol["Euro"] = "\u20AC";
+  CurrencySymbol["Rupee"] = "\u20B9";
+  CurrencySymbol["Krona"] = "kr";
+  CurrencySymbol["Krone"] = "kr";
+  CurrencySymbol["ZLOTY"] = "z\u0142";
+  CurrencySymbol["Lev"] = "\u041B\u0432.";
+  CurrencySymbol["Real"] = "R$";
+  CurrencySymbol["Franc"] = "Fr.";
+  CurrencySymbol["Koruna"] = "K\u010D";
+  CurrencySymbol["Kuna"] = "kn";
+  CurrencySymbol["Forint"] = "Ft";
+  CurrencySymbol["Leu"] = "lei";
+  return CurrencySymbol;
+}({});
+const currencySymbols = {
+  [Currency.Usd]: CurrencySymbol.Dollar,
+  [Currency.Cad]: CurrencySymbol.Dollar,
+  [Currency.Aud]: CurrencySymbol.Dollar,
+  [Currency.Eur]: CurrencySymbol.Euro,
+  [Currency.Gbp]: CurrencySymbol.Pound,
+  [Currency.Inr]: CurrencySymbol.Rupee,
+  [Currency.Sek]: CurrencySymbol.Krona,
+  [Currency.Nok]: CurrencySymbol.Krone,
+  [Currency.Pln]: CurrencySymbol.ZLOTY,
+  [CFBCurrency.Bgn]: CurrencySymbol.Lev,
+  [CFBCurrency.Brl]: CurrencySymbol.Real,
+  [CFBCurrency.Chf]: CurrencySymbol.Franc,
+  [CFBCurrency.Czk]: CurrencySymbol.Koruna,
+  [CFBCurrency.Dkk]: CurrencySymbol.Krone,
+  [CFBCurrency.Hrk]: CurrencySymbol.Kuna,
+  [CFBCurrency.Huf]: CurrencySymbol.Forint,
+  [CFBCurrency.Mxn]: CurrencySymbol.Dollar,
+  [CFBCurrency.Ron]: CurrencySymbol.Leu
+};
+export const getCurrencySymbol = currency => currencySymbols[currency];

package/dist/PricingSection/ProductCTA.d.ts

@@ -0,0 +1,12 @@
+import { Product, ProductDetails, User } from './types';
+export declare const getCTATitle: (product: Product, isTrialPlan: boolean, isPlusUser?: boolean) => "" | "Request a demo" | "Try Teams for free" | "Purchase now" | "Sign up" | "Try Pro for free" | "Upgrade to Pro" | "Upgrade now" | "Try Plus for free" | "Your current plan";
+export declare const ProductCTA: ({ product, productDetails, user, simple, trackBusinessClick, }: {
+    product: Product;
+    productDetails: ProductDetails;
+    user: User;
+    simple?: boolean;
+    trackBusinessClick?: ({ target, context, }: {
+        target: string;
+        context: string;
+    }) => void;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/PricingSection/ProductCTA.js

@@ -0,0 +1,135 @@
+import { Box, FillButton, FlexBox, StrokeButton, Text } from '@codecademy/gamut';
+import { Product } from './types';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const getCTATitle = (product, isTrialPlan, isPlusUser) => {
+  switch (product) {
+    case Product.Teams:
+      if (isTrialPlan) {
+        return 'Try Teams for free';
+      }
+      return 'Purchase now';
+    case Product.Enterprise:
+      return 'Request a demo';
+    case Product.Basic:
+      return 'Sign up';
+    case Product.Pro:
+    case Product.Gold:
+      if (isTrialPlan) {
+        return 'Try Pro for free';
+      }
+      if (isPlusUser) return 'Upgrade to Pro';
+      return 'Upgrade now';
+    case Product.Silver:
+      if (isTrialPlan) {
+        return 'Try Plus for free';
+      }
+      if (isPlusUser) return 'Your current plan';
+      return 'Upgrade now';
+    default:
+      return '';
+  }
+};
+const getCTAUrl = ({
+  product,
+  productDetails,
+  userHasSilver
+}) => {
+  const planId = productDetails?.planId;
+  switch (product) {
+    case Product.Basic:
+      return '/register';
+    case Product.Pro:
+    case Product.Silver:
+    case Product.Gold:
+      if (userHasSilver) {
+        return '/account/billing?changePlan=true';
+      }
+      return `/checkout?plan_id=${planId || undefined}`;
+    case Product.Teams:
+      return '/business/checkout?plan_type=trial';
+    case Product.Enterprise:
+      return '/business/teams-quote';
+    default:
+      return '';
+  }
+};
+export const ProductCTA = ({
+  product,
+  productDetails,
+  user,
+  simple,
+  trackBusinessClick
+}) => {
+  const userHasBasic = !user.anonymous && (!user.proSilver || !user.proGold);
+  const userHasSilver = user.proSilver;
+  const isTeams = product === Product.Teams;
+  const isEnterprise = product === Product.Enterprise;
+  const shouldHideCTA = () => {
+    if (isTeams) return false;
+    if ((userHasBasic || userHasSilver) && product === Product.Basic) {
+      return true;
+    }
+    if (userHasSilver) return false;
+    if (user.proGold) return true;
+    return false;
+  };
+  const hideCTAButton = shouldHideCTA();
+  const ButtonComponent = product === Product.Gold || product === Product.Pro || product === Product.Teams ? FillButton : StrokeButton;
+  return hideCTAButton ? null : /*#__PURE__*/_jsxs(Box, {
+    pt: 0,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: isTeams && !simple ? 'row' : 'column',
+    gap: 8,
+    children: [/*#__PURE__*/_jsx(ButtonComponent, {
+      mt: 8,
+      disabled: product === Product.Silver && userHasSilver,
+      href: getCTAUrl({
+        productDetails,
+        product,
+        userHasSilver
+      }),
+      onClick: () => {
+        if (trackBusinessClick) {
+          if (isTeams) {
+            trackBusinessClick({
+              target: 'business_trial',
+              context: 'top_card'
+            });
+          }
+          if (isEnterprise) {
+            trackBusinessClick({
+              target: 'business_enterprise',
+              context: 'top_card'
+            });
+          }
+        }
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        as: "span",
+        children: getCTATitle(product, !!productDetails?.isTrialPlan, userHasSilver)
+      })
+    }), isTeams ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [simple ? null : /*#__PURE__*/_jsx(Text, {
+        as: "span",
+        mt: 8,
+        children: ` or `
+      }), /*#__PURE__*/_jsx(FlexBox, {
+        mt: 8,
+        children: /*#__PURE__*/_jsx(StrokeButton, {
+          href: "/business/checkout?plan_type=directpurchase",
+          onClick: () => {
+            if (trackBusinessClick) {
+              trackBusinessClick({
+                target: 'business_purchase',
+                context: 'top_card'
+              });
+            }
+          },
+          children: "Purchase now"
+        })
+      })]
+    }) : null]
+  });
+};

package/dist/PricingSection/Products.d.ts

@@ -0,0 +1,15 @@
+import { PlansByType } from './config';
+import { AllCurrency } from './PricingCard/types';
+import { User } from './types';
+interface ProductsProps {
+    plansByType: PlansByType;
+    user: User;
+    isUserInIndia: boolean;
+    currency: AllCurrency;
+    trackBusinessClick: ({ target, context, }: {
+        target: string;
+        context: string;
+    }) => void;
+}
+export declare const Products: React.FC<ProductsProps>;
+export {};

package/dist/PricingSection/Products.js

@@ -0,0 +1,92 @@
+import { GridBox } from '@codecademy/gamut';
+import { getProductDetails } from './config';
+import { PricingCard } from './PricingCard';
+import { Product } from './types';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Products = ({
+  plansByType,
+  user,
+  isUserInIndia,
+  currency,
+  trackBusinessClick
+}) => {
+  const productsLength = Object.keys(plansByType).length;
+  const renderCard = product => {
+    switch (product) {
+      case Product.Basic:
+        return /*#__PURE__*/_jsx(PricingCard, {
+          product: Product.Basic,
+          productDetails: getProductDetails(plansByType, product),
+          plansByType: plansByType,
+          isUserInIndia: isUserInIndia,
+          currency: currency,
+          user: user
+        }, product);
+      case Product.Silver:
+        return /*#__PURE__*/_jsx(PricingCard, {
+          product: Product.Silver,
+          productDetails: getProductDetails(plansByType, product),
+          plansByType: plansByType,
+          isUserInIndia: isUserInIndia,
+          currency: currency,
+          user: user
+        }, product);
+      case Product.Gold:
+        return /*#__PURE__*/_jsx(PricingCard, {
+          product: Product.Gold,
+          productDetails: getProductDetails(plansByType, product),
+          plansByType: plansByType,
+          isUserInIndia: isUserInIndia,
+          currency: currency,
+          user: user
+        }, product);
+      case Product.Teams:
+        return /*#__PURE__*/_jsx(PricingCard, {
+          product: Product.Teams,
+          productDetails: getProductDetails(plansByType, product),
+          plansByType: plansByType,
+          isUserInIndia: isUserInIndia,
+          currency: currency,
+          user: user,
+          trackBusinessClick: trackBusinessClick
+        }, product);
+      case Product.Enterprise:
+        return /*#__PURE__*/_jsx(PricingCard, {
+          product: Product.Enterprise,
+          productDetails: getProductDetails(plansByType, product),
+          plansByType: plansByType,
+          isUserInIndia: isUserInIndia,
+          currency: currency,
+          user: user,
+          trackBusinessClick: trackBusinessClick
+        }, product);
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/_jsx(GridBox, {
+    as: "ul",
+    pt: 16,
+    pb: 24,
+    px: 0,
+    mb: 0,
+    center: true,
+    fit: true,
+    gridAutoFlow: {
+      _: 'row',
+      md: 'column'
+    },
+    columnGap: 24,
+    rowGap: 24,
+    alignItems: {
+      _: 'unset',
+      md: 'stretch'
+    },
+    justifyItems: "center",
+    gridTemplateColumns: {
+      _: '1fr',
+      md: `repeat(${productsLength}, ${productsLength <= 2 ? 'max-content' : '1fr'})`
+    },
+    children: Object.keys(plansByType).map(renderCard)
+  });
+};

package/dist/PricingSection/config.d.ts

@@ -0,0 +1,8 @@
+import { Product, ProductDetails } from './types';
+type Period = 'annual' | 'monthly';
+type PlansByPeriod = Record<Period, ProductDetails>;
+export type PlansByType = Record<Product, PlansByPeriod>;
+export declare const getProductDescription: (product: Product) => "Start learning something new with basic access" | "Train your team with in-demand skills and flexible admin tools" | "Customizable training for your organization" | "Build in-demand technical skills for work or a personal project" | "Develop the skills and experience to land a job in tech";
+export declare const getProductDetails: (products: PlansByType, product: Product) => ProductDetails;
+export declare const groupPlansByType: (products: ProductDetails[]) => PlansByType;
+export {};