@puckeditor/plugin-ai 0.6.0 → 0.6.1-canary.0342162f

package/dist/index.css

@@ -265,7 +265,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_1sscz_1 {
+._Button_1br4o_1 {
   appearance: none;
   background: none;
   border: 1px solid transparent;
@@ -287,31 +287,31 @@ p {
   white-space: nowrap;
   margin: 0;
 }
-._Button_1sscz_1:hover,
-._Button_1sscz_1:active {
+._Button_1br4o_1:hover,
+._Button_1br4o_1:active {
   transition: none;
 }
-._Button_1sscz_1:focus-visible {
+._Button_1br4o_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Button--medium_1sscz_34 {
+._Button--medium_1br4o_34 {
   min-height: 34px;
   padding-bottom: 7px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 7px;
 }
-._Button--large_1sscz_42 {
+._Button--large_1br4o_42 {
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button-icon_1sscz_49 {
+._Button-icon_1br4o_49 {
   margin-top: 2px;
 }
-._Button--brand_1sscz_53 {
+._Button--brand_1br4o_53 {
   background-image:
     linear-gradient(
       210deg,
@@ -322,79 +322,78 @@ p {
   border-radius: 48px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_1sscz_53:hover {
+  ._Button--brand_1br4o_53:hover {
     opacity: 0.8;
   }
 }
-._Button--brand_1sscz_53:active {
+._Button--brand_1br4o_53:active {
   opacity: 0.8;
 }
-._Button--primary_1sscz_74 {
+._Button--primary_1br4o_74 {
   background: var(--puck-color-azure-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_1sscz_74:hover {
+  ._Button--primary_1br4o_74:hover {
     background-color: var(--puck-color-azure-03);
   }
 }
-._Button--primary_1sscz_74:active {
+._Button--primary_1br4o_74:active {
   background-color: var(--puck-color-azure-02);
 }
-._Button--secondary_1sscz_88 {
+._Button--secondary_1br4o_88 {
   border: 1px solid currentColor;
   color: currentColor;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_1sscz_88:hover {
+  ._Button--secondary_1br4o_88:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-black);
   }
 }
-._Button--secondary_1sscz_88:active {
+._Button--secondary_1br4o_88:active {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-black);
 }
-._Button--danger_1sscz_105 {
+._Button--danger_1br4o_105 {
   background: var(--puck-color-red-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_1sscz_105:hover {
+  ._Button--danger_1br4o_105:hover {
     background-color: var(--puck-color-red-03);
   }
 }
-._Button--danger_1sscz_105:active {
+._Button--danger_1br4o_105:active {
   background-color: var(--puck-color-red-02);
 }
-._Button--flush_1sscz_119 {
+._Button--flush_1br4o_119 {
   border-radius: 0;
 }
-._Button--ghost_1sscz_123 {
+._Button--ghost_1br4o_123 {
   align-items: center;
   background-color: transparent;
   border: none;
   border-radius: 4px;
-  color: var(--puck-color-grey-08);
-  padding: 8px;
+  color: var(--puck-color-azure-04);
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_1sscz_123:hover {
-    background-color: var(--puck-color-azure-11);
+  ._Button--ghost_1br4o_123:hover {
+    background-color: var(--puck-color-grey-11);
     color: var(--puck-color-azure-04);
     cursor: pointer;
   }
 }
-._Button--disabled_1sscz_141,
-._Button--disabled_1sscz_141:hover {
+._Button--disabled_1br4o_140,
+._Button--disabled_1br4o_140:hover {
   background-color: var(--puck-color-grey-09);
   color: var(--puck-color-grey-05);
   cursor: not-allowed;
 }
-._Button--fullWidth_1sscz_148 {
+._Button--fullWidth_1br4o_147 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_1sscz_153 {
+._Button-spinner_1br4o_152 {
   padding-left: 8px;
 }
 
@@ -524,7 +523,7 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
-._Card_jzb6b_1 {
+._Card_rpnal_1 {
   background-color: white;
   border: 1px solid var(--puck-color-grey-08);
   border-radius: 16px;
@@ -532,32 +531,33 @@ p {
   display: block;
   text-decoration: none;
 }
-._Card_jzb6b_1:hover {
+._Card_rpnal_1:hover {
   cursor: pointer;
   background: var(--puck-color-azure-11);
   border-color: currentColor;
   color: var(--puck-color-azure-04);
 }
-._Card-body_jzb6b_17 {
+._Card-body_rpnal_17 {
   align-items: center;
   display: flex;
   padding: 16px;
 }
-._Card-title_jzb6b_23 {
+._Card-title_rpnal_23 {
   margin-bottom: 4px;
 }
-._Card-subtitle_jzb6b_27 {
+._Card-subtitle_rpnal_27 {
   margin: 0;
+  text-wrap: wrap;
 }
-._Card-chevron_jzb6b_31 {
+._Card-chevron_rpnal_32 {
   align-items: center;
   display: none;
   margin-left: auto;
 }
-._Card--showChevron_jzb6b_37 ._Card-chevron_jzb6b_31 {
+._Card--showChevron_rpnal_38 ._Card-chevron_rpnal_32 {
   display: flex;
 }
-._Card--isActive_jzb6b_41 {
+._Card--isActive_rpnal_42 {
   border-color: var(--puck-color-azure-04);
   color: var(--puck-color-azure-04);
 }
@@ -925,10 +925,10 @@ p {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
-._PlanGrid--loading_yaytb_1 {
+._PlanGrid--loading_97rn7_1 {
   opacity: 0;
 }
-._PlanGrid-grid_yaytb_5 {
+._PlanGrid-grid_97rn7_5 {
   color: var(--puck-color-grey-02);
   display: grid;
   gap: 16px;
@@ -937,7 +937,7 @@ p {
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
-._PlanGrid-enterprise_yaytb_16 {
+._PlanGrid-enterprise_97rn7_16 {
   color: var(--puck-color-grey-04);
   font-size: var(--puck-font-size-xxs);
   margin-left: auto;
@@ -946,13 +946,14 @@ p {
   padding-top: 20px;
   text-align: center;
 }
-._PlanGrid-enterprise_yaytb_16 a {
+._PlanGrid-enterprise_97rn7_16 a {
   color: var(--puck-color-azure-04);
   cursor: pointer;
+  font-weight: 500;
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
-._PlanCard_xeanv_1 {
+._PlanCard_16zmu_1 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
   display: flex;
@@ -960,17 +961,21 @@ p {
   flex-direction: column;
   min-width: 256px;
   padding: 8px;
+  position: relative;
 }
-._PlanCard--enterprise_xeanv_11 {
+._PlanCard--enterprise_16zmu_12 {
   flex-direction: row;
   grid-column: span 3;
 }
-._PlanCard-title_xeanv_16 {
+._PlanCard-title_16zmu_17 {
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
   font-size: var(--puck-font-size-xs);
   font-weight: 700;
   white-space: nowrap;
 }
-._PlanCard-header_xeanv_22 {
+._PlanCard-header_16zmu_26 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -978,101 +983,158 @@ p {
   padding: 12px 16px;
   width: 100%;
 }
-._PlanCard-features_xeanv_31 {
+._PlanCard-features_16zmu_35 {
   display: grid;
   gap: 4px;
   list-style: none;
   margin: 0;
   padding: 0;
 }
-._PlanCard-feature_xeanv_31 {
+._PlanCard-feature_16zmu_35 {
   align-items: center;
   display: flex;
   gap: 4px;
   color: var(--puck-color-grey-05);
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-featureIcon_xeanv_47 {
+._PlanCard-featureIcon_16zmu_51 {
   align-self: flex-start;
   margin-top: 5px;
 }
-._PlanCard-featureTitle_xeanv_52 {
+._PlanCard-featureTitle_16zmu_56 {
   color: var(--puck-color-grey-04);
   font-weight: 600;
 }
-._PlanCard-priceValue_xeanv_57 {
+._PlanCard-priceValue_16zmu_61 {
   font-size: var(--puck-font-size-m);
 }
-._PlanCard-priceInterval_xeanv_61 {
+._PlanCard-priceInterval_16zmu_65 {
   color: var(--puck-color-grey-05);
 }
-._PlanCard-body_xeanv_65 {
+._PlanCard-body_16zmu_69 {
   background-color: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-11);
   border-radius: 8px;
   padding: 16px;
   flex-grow: 1;
 }
-._PlanCard--enterprise_xeanv_11 ._PlanCard-body_xeanv_65 {
+._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
   display: flex;
   gap: 8px;
   width: 100%;
 }
-._PlanCard-section_xeanv_79 {
+._PlanCard-section_16zmu_83 {
   padding-bottom: 16px;
   min-width: 192px;
 }
-._PlanCard-section_xeanv_79:last-of-type {
+._PlanCard-section_16zmu_83:last-of-type {
   padding-bottom: 0;
 }
-._PlanCard-section_xeanv_79 + ._PlanCard-section_xeanv_79 {
+._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
   border-top: 1px solid var(--puck-color-grey-09);
   padding-top: 16px;
 }
-._PlanCard--enterprise_xeanv_11 {
-  ._PlanCard-section_xeanv_79 + ._PlanCard-section_xeanv_79 {
+._PlanCard--enterprise_16zmu_12 {
+  ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
     border-left: 1px solid var(--puck-color-grey-09);
     border-top: none;
     padding-left: 16px;
     padding-top: 0;
   }
 }
-._PlanCard-sectionTitle_xeanv_102 {
+._PlanCard-sectionTitle_16zmu_106 {
   font-size: var(--puck-font-size-xs);
   font-weight: 500;
   margin-bottom: 8px;
 }
-._PlanCard-sectionBody_xeanv_108 + ._PlanCard-sectionTitle_xeanv_102 {
+._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
   border-top: 1px solid var(--puck-color-grey-09);
   margin-top: 16px;
   padding-top: 16px;
 }
-._PlanCard-sectionBody_xeanv_108 {
+._PlanCard-sectionBody_16zmu_112 {
   color: var(--puck-color-grey-03);
   font-size: var(--puck-font-size-xxs);
   display: grid;
   gap: 2px;
 }
-._PlanCard-usageItem_xeanv_121 {
+._PlanCard-usageItem_16zmu_125 {
   display: flex;
   gap: 8px;
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-usageLabel_xeanv_127 {
+._PlanCard-usageLabel_16zmu_131 {
   color: var(--puck-color-grey-04);
   font-weight: 500;
 }
-._PlanCard-usageValue_xeanv_132 {
+._PlanCard-usageValue_16zmu_136 {
   color: var(--puck-color-grey-05);
   font-family: var(--puck-font-family-monospaced);
   margin-left: auto;
 }
-._PlanCard-action_xeanv_138 {
+._PlanCard-action_16zmu_142 {
   align-items: flex-end;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
+._PlanCard-description_16zmu_149 {
+  color: var(--puck-color-grey-03);
+  margin-top: 8px;
+}
+._PlanCard--highlight_16zmu_154 {
+  border: transparent;
+}
+._PlanCard--highlight_16zmu_154::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  border-radius: inherit;
+  background-image:
+    linear-gradient(
+      210deg,
+      var(--puck-color-azure-01) 0%,
+      var(--puck-color-azure-03) 40%,
+      var(--puck-color-red-05) 100%);
+  background-size: cover;
+  background-position: center;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  pointer-events: none;
+}
+._PlanCard-highlightText_16zmu_184 {
+  @supports (background-clip: text) or (-webkit-background-clip: text) {
+    color: transparent;
+    background-clip: text;
+    -webkit-background-clip: text;
+    background-image:
+      linear-gradient(
+        210deg,
+        var(--puck-color-azure-01) 0%,
+        var(--puck-color-azure-03) 40%,
+        var(--puck-color-red-05) 100%);
+    background-size: cover;
+    background-position: center;
+  }
+}
+._PlanCard--fullWidth_16zmu_200 {
+  flex-direction: row;
+  grid-column: 1 / -1;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
+  max-width: 312px;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
+  max-width: 256px;
+}
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-auto-flow: column;
+}
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
 ._Section-inner_1uwo0_1 {

package/dist/index.js

@@ -524,7 +524,7 @@ function useChat({
 // src/components/Chat/index.tsx
 var import_core2 = require("@puckeditor/core");
 var import_ai4 = require("ai");
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_ulid = require("ulid");
 
 // ../utils/lib/get-class-name-factory.ts
@@ -567,7 +567,7 @@ var styles_module_default = { "Chat": "_Chat_3s08c_1", "Chat-header": "_Chat-hea
 
 // src/components/ChatBody/index.tsx
 init_react_import();
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_use_stick_to_bottom = require("use-stick-to-bottom");
 var import_react_markdown = __toESM(require("react-markdown"));
 
@@ -644,7 +644,7 @@ var import_react8 = require("react");
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css#css-module
 init_react_import();
-var Button_module_default = { "Button": "_Button_1sscz_1", "Button--medium": "_Button--medium_1sscz_34", "Button--large": "_Button--large_1sscz_42", "Button-icon": "_Button-icon_1sscz_49", "Button--brand": "_Button--brand_1sscz_53", "Button--primary": "_Button--primary_1sscz_74", "Button--secondary": "_Button--secondary_1sscz_88", "Button--danger": "_Button--danger_1sscz_105", "Button--flush": "_Button--flush_1sscz_119", "Button--ghost": "_Button--ghost_1sscz_123", "Button--disabled": "_Button--disabled_1sscz_141", "Button--fullWidth": "_Button--fullWidth_1sscz_148", "Button-spinner": "_Button-spinner_1sscz_153" };
+var Button_module_default = { "Button": "_Button_1br4o_1", "Button--medium": "_Button--medium_1br4o_34", "Button--large": "_Button--large_1br4o_42", "Button-icon": "_Button-icon_1br4o_49", "Button--brand": "_Button--brand_1br4o_53", "Button--primary": "_Button--primary_1br4o_74", "Button--secondary": "_Button--secondary_1br4o_88", "Button--danger": "_Button--danger_1br4o_105", "Button--flush": "_Button--flush_1br4o_119", "Button--ghost": "_Button--ghost_1br4o_123", "Button--disabled": "_Button--disabled_1br4o_140", "Button--fullWidth": "_Button--fullWidth_1br4o_147", "Button-spinner": "_Button-spinner_1br4o_152" };
 
 // ../platform-client/components/Loader/index.tsx
 init_react_import();
@@ -867,7 +867,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css#css-module
 init_react_import();
-var Card_module_default = { "Card": "_Card_jzb6b_1", "Card-body": "_Card-body_jzb6b_17", "Card-title": "_Card-title_jzb6b_23", "Card-subtitle": "_Card-subtitle_jzb6b_27", "Card-chevron": "_Card-chevron_jzb6b_31", "Card--showChevron": "_Card--showChevron_jzb6b_37", "Card--isActive": "_Card--isActive_jzb6b_41" };
+var Card_module_default = { "Card": "_Card_rpnal_1", "Card-body": "_Card-body_rpnal_17", "Card-title": "_Card-title_rpnal_23", "Card-subtitle": "_Card-subtitle_rpnal_27", "Card-chevron": "_Card-chevron_rpnal_32", "Card--showChevron": "_Card--showChevron_rpnal_38", "Card--isActive": "_Card--isActive_rpnal_42" };
 
 // ../platform-client/components/Card/Card.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1101,14 +1101,14 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css#css-module
 init_react_import();
-var styles_module_default4 = { "PlanGrid--loading": "_PlanGrid--loading_yaytb_1", "PlanGrid-grid": "_PlanGrid-grid_yaytb_5", "PlanGrid-enterprise": "_PlanGrid-enterprise_yaytb_16" };
+var styles_module_default4 = { "PlanGrid--loading": "_PlanGrid--loading_97rn7_1", "PlanGrid-grid": "_PlanGrid-grid_97rn7_5", "PlanGrid-enterprise": "_PlanGrid-enterprise_97rn7_16" };
 
 // ../platform-client/components/PlanCard/index.tsx
 init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanCard/styles.module.css#css-module
 init_react_import();
-var styles_module_default5 = { "PlanCard": "_PlanCard_xeanv_1", "PlanCard--enterprise": "_PlanCard--enterprise_xeanv_11", "PlanCard-title": "_PlanCard-title_xeanv_16", "PlanCard-header": "_PlanCard-header_xeanv_22", "PlanCard-features": "_PlanCard-features_xeanv_31", "PlanCard-feature": "_PlanCard-feature_xeanv_31", "PlanCard-featureIcon": "_PlanCard-featureIcon_xeanv_47", "PlanCard-featureTitle": "_PlanCard-featureTitle_xeanv_52", "PlanCard-priceValue": "_PlanCard-priceValue_xeanv_57", "PlanCard-priceInterval": "_PlanCard-priceInterval_xeanv_61", "PlanCard-body": "_PlanCard-body_xeanv_65", "PlanCard-section": "_PlanCard-section_xeanv_79", "PlanCard-sectionTitle": "_PlanCard-sectionTitle_xeanv_102", "PlanCard-sectionBody": "_PlanCard-sectionBody_xeanv_108", "PlanCard-usageItem": "_PlanCard-usageItem_xeanv_121", "PlanCard-usageLabel": "_PlanCard-usageLabel_xeanv_127", "PlanCard-usageValue": "_PlanCard-usageValue_xeanv_132", "PlanCard-action": "_PlanCard-action_xeanv_138" };
+var styles_module_default5 = { "PlanCard": "_PlanCard_16zmu_1", "PlanCard--enterprise": "_PlanCard--enterprise_16zmu_12", "PlanCard-title": "_PlanCard-title_16zmu_17", "PlanCard-header": "_PlanCard-header_16zmu_26", "PlanCard-features": "_PlanCard-features_16zmu_35", "PlanCard-feature": "_PlanCard-feature_16zmu_35", "PlanCard-featureIcon": "_PlanCard-featureIcon_16zmu_51", "PlanCard-featureTitle": "_PlanCard-featureTitle_16zmu_56", "PlanCard-priceValue": "_PlanCard-priceValue_16zmu_61", "PlanCard-priceInterval": "_PlanCard-priceInterval_16zmu_65", "PlanCard-body": "_PlanCard-body_16zmu_69", "PlanCard-section": "_PlanCard-section_16zmu_83", "PlanCard-sectionTitle": "_PlanCard-sectionTitle_16zmu_106", "PlanCard-sectionBody": "_PlanCard-sectionBody_16zmu_112", "PlanCard-usageItem": "_PlanCard-usageItem_16zmu_125", "PlanCard-usageLabel": "_PlanCard-usageLabel_16zmu_131", "PlanCard-usageValue": "_PlanCard-usageValue_16zmu_136", "PlanCard-action": "_PlanCard-action_16zmu_142", "PlanCard-description": "_PlanCard-description_16zmu_149", "PlanCard--highlight": "_PlanCard--highlight_16zmu_154", "PlanCard-highlightText": "_PlanCard-highlightText_16zmu_184", "PlanCard--fullWidth": "_PlanCard--fullWidth_16zmu_200" };
 
 // ../utils/lib/format-currency.ts
 init_react_import();
@@ -1131,115 +1131,8 @@ var formatUSD = (amount, round = false) => {
   return formatted;
 };
 
-// ../platform-client/components/PlanCard/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var cxCard = get_class_name_factory_default("PlanCard", styles_module_default5);
-var Feature = ({
-  children,
-  title
-}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { className: cxCard("feature"), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("featureIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Check, { size: "12" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("featureTitle"), children: [
-      title,
-      " "
-    ] }),
-    children
-  ] })
-] });
-function round5(x2) {
-  return Math.ceil(x2 / 5) * 5;
-}
-var pricing = {
-  createPage: 0.2,
-  updatePage: 0.2
-};
-var PlanCard = ({
-  title,
-  credit,
-  price,
-  children,
-  productId,
-  bonusCredit,
-  currentProductId,
-  currentPlanStatus,
-  onUpgrade
-}) => {
-  const userOnPlan = currentProductId === productId && currentPlanStatus === "active";
-  let isUpgrade = true;
-  if (currentProductId?.startsWith("business")) {
-    if (productId?.startsWith("pro")) {
-      isUpgrade = false;
-    }
-  } else if (currentProductId?.startsWith("growth")) {
-    if (productId?.startsWith("pro") || productId?.startsWith("business")) {
-      isUpgrade = false;
-    }
-  }
-  const priceUSD = typeof price === "number" ? formatUSD(price, true) : price;
-  const tokenCostEstimate = 0.1;
-  const pageEstimate = typeof credit === "number" ? round5(credit / (pricing.createPage + tokenCostEstimate)) : "N/A";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("header"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("title"), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("price"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceValue"), children: priceUSD }),
-        " ",
-        typeof price === "number" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceInterval"), children: "/ month" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("body"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("section"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("sectionBody"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "Monthly AI credit" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageValue"), children: typeof credit === "number" ? formatUSD(credit, true) : credit })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "Early-bird bonus" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageValue"), children: typeof bonusCredit === "number" ? formatUSD(bonusCredit, true) : bonusCredit })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("usageItem"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), style: { opacity: 0.6 }, children: "Top-up available" }) })
-      ] }) }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("section"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionTitle"), children: "Usage estimates" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionBody"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "AI generations" }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: cxCard("usageValue"), children: [
-            typeof pageEstimate === "number" && "~",
-            pageEstimate.toLocaleString()
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("section"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionTitle"), children: "Features" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionBody"), children })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      Button,
-      {
-        size: "large",
-        fullWidth: true,
-        variant: isUpgrade ? "primary" : "secondary",
-        onClick: () => {
-          onUpgrade?.(productId);
-        },
-        children: isUpgrade ? "Upgrade" : "Downgrade"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      Button,
-      {
-        size: "large",
-        fullWidth: true,
-        variant: "primary",
-        href: "http://cal.com/chrisvxd/puck-enquiry",
-        children: "Book a call"
-      }
-    ) })
-  ] });
-};
-PlanCard.Feature = Feature;
+// ../platform-client/lib/use-pricing-group.ts
+init_react_import();
 
 // ../../node_modules/.pnpm/posthog-js@1.314.0/node_modules/posthog-js/dist/module.js
 init_react_import();
@@ -6008,8 +5901,174 @@ var Go = (qo = Do[Lo] = new Bo(), (function() {
   null != o && o.addEventListener ? "complete" === o.readyState ? i2() : Ui(o, "DOMContentLoaded", i2, { capture: false }) : t && Ei.error("Browser doesn't support `document.addEventListener` so PostHog couldn't be initialized");
 })(), qo);
 
-// ../platform-client/components/PlanGrid/index.tsx
+// ../platform-client/lib/use-pricing-group.ts
 var import_react16 = require("react");
+var usePricingGroup = () => {
+  return (0, import_react16.useMemo)(
+    () => Go.getFeatureFlag("pricing-alternatives-pt-2") || "control",
+    []
+  );
+};
+
+// ../platform-client/components/PlanCard/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var cxCard = get_class_name_factory_default("PlanCard", styles_module_default5);
+var Feature = ({
+  children,
+  title
+}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { className: cxCard("feature"), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("featureIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Check, { size: "12" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("featureTitle"), children: [
+      title,
+      " "
+    ] }),
+    children
+  ] })
+] });
+function round5(x2) {
+  return Math.ceil(x2 / 5) * 5;
+}
+var pricing = {
+  createPage: 0.2,
+  updatePage: 0.2
+};
+var PlanCard = ({
+  title,
+  credit,
+  price,
+  children,
+  productId,
+  bonusCredit,
+  currentProductId,
+  currentPlanStatus,
+  onUpgrade,
+  description,
+  highlight,
+  featuresTitle = "Features",
+  fullWidth,
+  ctaLabel
+}) => {
+  const userOnPlan = currentProductId === productId && (currentPlanStatus === "active" || currentPlanStatus === "trialing");
+  let isUpgrade = true;
+  if (currentProductId?.startsWith("business")) {
+    if (productId?.startsWith("pro")) {
+      isUpgrade = false;
+    }
+  } else if (currentProductId?.startsWith("growth")) {
+    if (productId?.startsWith("pro") || productId?.startsWith("business")) {
+      isUpgrade = false;
+    }
+  }
+  const priceUSD = typeof price === "number" ? formatUSD(price, true) : price;
+  const tokenCostEstimate = 0.1;
+  const pageEstimate = typeof credit === "number" ? round5(credit / (pricing.createPage + tokenCostEstimate)) : "N/A";
+  const pricingGroup = usePricingGroup();
+  if (pricingGroup.includes("unlimited")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard({ highlight, fullWidth }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("header"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("title"), children: [
+          title,
+          highlight && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("highlightText"), children: "Popular" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("price"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceValue"), children: priceUSD }),
+          " ",
+          typeof price === "number" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceInterval"), children: "/ month" })
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: cxCard("description"), children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("body"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionTitle"), children: featuresTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionBody"), children })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        Button,
+        {
+          size: "large",
+          fullWidth: true,
+          variant: isUpgrade ? "primary" : "secondary",
+          onClick: () => {
+            onUpgrade?.(productId);
+          },
+          children: isUpgrade ? ctaLabel ?? "Upgrade" : "Downgrade"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        Button,
+        {
+          size: "large",
+          fullWidth: true,
+          variant: "ghost",
+          href: "http://cal.com/chrisvxd/puck-enquiry",
+          children: "Book a call"
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("header"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("title"), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("price"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceValue"), children: priceUSD }),
+        " ",
+        typeof price === "number" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("priceInterval"), children: "/ month" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("body"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("section"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("sectionBody"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "Monthly AI credit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageValue"), children: typeof credit === "number" ? formatUSD(credit, true) : credit })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "Early-bird bonus" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageValue"), children: typeof bonusCredit === "number" ? formatUSD(bonusCredit, true) : bonusCredit })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("usageItem"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), style: { opacity: 0.6 }, children: "Top-up available" }) })
+      ] }) }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionTitle"), children: "Usage estimates" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionBody"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cxCard("usageLabel"), children: "AI generations" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: cxCard("usageValue"), children: [
+            typeof pageEstimate === "number" && "~",
+            pageEstimate.toLocaleString()
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionTitle"), children: "Features" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("sectionBody"), children })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      Button,
+      {
+        size: "large",
+        fullWidth: true,
+        variant: isUpgrade ? "primary" : "secondary",
+        onClick: () => {
+          onUpgrade?.(productId);
+        },
+        children: isUpgrade ? "Upgrade" : "Downgrade"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      Button,
+      {
+        size: "large",
+        fullWidth: true,
+        variant: "primary",
+        href: "http://cal.com/chrisvxd/puck-enquiry",
+        children: "Book a call"
+      }
+    ) })
+  ] });
+};
+PlanCard.Feature = Feature;
+
+// ../platform-client/components/PlanGrid/index.tsx
+var import_react17 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var cx5 = get_class_name_factory_default("PlanGrid", styles_module_default4);
 
@@ -6055,7 +6114,7 @@ init_react_import();
 
 // ../platform-client/components/Table/Table.tsx
 init_react_import();
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css#css-module
 init_react_import();
@@ -6097,9 +6156,9 @@ var cx6 = getClassNameFactory("Viewport", styles_module_default6);
 
 // ../platform-client/context/editor.tsx
 init_react_import();
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var ctx = (0, import_react18.createContext)({});
+var ctx = (0, import_react19.createContext)({});
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/ChatBody/styles.module.css#css-module
 init_react_import();
@@ -6107,7 +6166,7 @@ var styles_module_default7 = { "Chat": "_Chat_1njo2_1", "Chat-inner": "_Chat-inn
 
 // src/components/PromptForm/index.tsx
 init_react_import();
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-ai/src/components/PromptForm/styles.module.css#css-module
 init_react_import();
@@ -6131,10 +6190,10 @@ function PromptForm({
   maxRows = 5,
   value = ""
 }) {
-  const hasSetInitialPrompt = (0, import_react19.useRef)(false);
-  const [prompt, setPrompt] = (0, import_react19.useState)(value);
-  const internalRef = (0, import_react19.useRef)(null);
-  (0, import_react19.useEffect)(() => {
+  const hasSetInitialPrompt = (0, import_react20.useRef)(false);
+  const [prompt, setPrompt] = (0, import_react20.useState)(value);
+  const internalRef = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
     setPrompt(value);
   }, [setPrompt, value]);
   const sendPrompt = () => {
@@ -6144,7 +6203,7 @@ function PromptForm({
     }
     setPrompt("");
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const currentUrl = new URL(location.href);
     const initialPrompt = currentUrl.searchParams.get("initialPrompt");
     if (!hasSetInitialPrompt.current && initialPrompt && prompt === "") {
@@ -6250,8 +6309,8 @@ function PromptForm({
 
 // src/lib/context.ts
 init_react_import();
-var import_react20 = require("react");
-var toolStatusContext = (0, import_react20.createContext)({});
+var import_react21 = require("react");
+var toolStatusContext = (0, import_react21.createContext)({});
 var ToolStatusProvider = toolStatusContext.Provider;
 
 // src/components/ChatBody/index.tsx
@@ -6346,7 +6405,7 @@ function PuckTool({
   output,
   defaultLabel = "Thinking..."
 }) {
-  const toolStatus = (0, import_react21.useContext)(toolStatusContext)[toolCallId];
+  const toolStatus = (0, import_react22.useContext)(toolStatusContext)[toolCallId];
   const outputObj = output;
   const status = outputObj && "status" in outputObj ? outputObj.status : toolStatus ?? { loading: true, label: defaultLabel };
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ToolStatus, { status });
@@ -6560,12 +6619,12 @@ function Chat2({
   const { examplePrompts } = chat ?? {};
   const puckDispatch = usePuck((s2) => s2.dispatch);
   const getPuck = (0, import_core2.useGetPuck)();
-  const localChatId = (0, import_react23.useRef)("");
-  const inputRef = (0, import_react23.useRef)(null);
-  const pluginRef = (0, import_react23.useRef)(null);
-  const [error, setError] = (0, import_react23.useState)();
-  const [toolStatus, setToolStatus] = (0, import_react23.useState)({});
-  const uploadScreenshot = (0, import_react23.useCallback)(
+  const localChatId = (0, import_react24.useRef)("");
+  const inputRef = (0, import_react24.useRef)(null);
+  const pluginRef = (0, import_react24.useRef)(null);
+  const [error, setError] = (0, import_react24.useState)();
+  const [toolStatus, setToolStatus] = (0, import_react24.useState)({});
+  const uploadScreenshot = (0, import_react24.useCallback)(
     async (width, bucketUrl) => {
       const iframeDocument = document?.getElementById("preview-frame")?.contentDocument?.documentElement ?? null;
       if (!iframeDocument) return;
@@ -6593,7 +6652,7 @@ function Chat2({
     },
     []
   );
-  const processData = (0, import_react23.useCallback)(
+  const processData = (0, import_react24.useCallback)(
     (dataPart) => {
       switch (dataPart.type) {
         case "data-new-chat-created": {
@@ -6718,12 +6777,12 @@ function Chat2({
       }
     }
   });
-  const [forcedStatus, setForcedStatus] = (0, import_react23.useState)();
-  const resolvedStatus = (0, import_react23.useMemo)(
+  const [forcedStatus, setForcedStatus] = (0, import_react24.useState)();
+  const resolvedStatus = (0, import_react24.useMemo)(
     () => forcedStatus ?? status,
     [status, forcedStatus]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     window.__PUCK_AI = {
       processData,
       setMessages,
@@ -6747,7 +6806,7 @@ function Chat2({
       console.error(e2);
     });
   };
-  const messagesWithStatuses = (0, import_react23.useMemo)(() => {
+  const messagesWithStatuses = (0, import_react24.useMemo)(() => {
     return messages.map((msg) => {
       return {
         ...msg,
@@ -6850,7 +6909,7 @@ function isScrolledIntoView(el) {
 
 // src/components/ScrollTracking/ScrollTracking.tsx
 init_react_import();
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/lib/scroll-into-view-local.ts
 init_react_import();
@@ -6873,9 +6932,9 @@ function scrollIntoViewLocal(el, win, behavior = "smooth") {
 
 // src/lib/use-frame-mutation-observer.ts
 init_react_import();
-var import_react24 = require("react");
+var import_react25 = require("react");
 function useFrameMutationObserver(callback) {
-  return (0, import_react24.useCallback)(() => {
+  return (0, import_react25.useCallback)(() => {
     const frame = document?.getElementById(
       "preview-frame"
     );
@@ -6917,7 +6976,7 @@ function useFrameMutationObserver(callback) {
 
 // src/components/ScrollTracking/ScrollTracking.tsx
 var ScrollTracking = ({ children }) => {
-  const followedRefs = (0, import_react25.useRef)([]);
+  const followedRefs = (0, import_react26.useRef)([]);
   const follow = useFrameMutationObserver((records, win) => {
     if (records.length > 0) {
       const lastRecord = records[records.length - 1];
@@ -6929,7 +6988,7 @@ var ScrollTracking = ({ children }) => {
       });
     }
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     follow();
   }, [follow]);
   return children;

package/dist/index.mjs

@@ -641,7 +641,7 @@ import { useEffect as useEffect4, useState as useState4 } from "react";
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css#css-module
 init_react_import();
-var Button_module_default = { "Button": "_Button_1sscz_1", "Button--medium": "_Button--medium_1sscz_34", "Button--large": "_Button--large_1sscz_42", "Button-icon": "_Button-icon_1sscz_49", "Button--brand": "_Button--brand_1sscz_53", "Button--primary": "_Button--primary_1sscz_74", "Button--secondary": "_Button--secondary_1sscz_88", "Button--danger": "_Button--danger_1sscz_105", "Button--flush": "_Button--flush_1sscz_119", "Button--ghost": "_Button--ghost_1sscz_123", "Button--disabled": "_Button--disabled_1sscz_141", "Button--fullWidth": "_Button--fullWidth_1sscz_148", "Button-spinner": "_Button-spinner_1sscz_153" };
+var Button_module_default = { "Button": "_Button_1br4o_1", "Button--medium": "_Button--medium_1br4o_34", "Button--large": "_Button--large_1br4o_42", "Button-icon": "_Button-icon_1br4o_49", "Button--brand": "_Button--brand_1br4o_53", "Button--primary": "_Button--primary_1br4o_74", "Button--secondary": "_Button--secondary_1br4o_88", "Button--danger": "_Button--danger_1br4o_105", "Button--flush": "_Button--flush_1br4o_119", "Button--ghost": "_Button--ghost_1br4o_123", "Button--disabled": "_Button--disabled_1br4o_140", "Button--fullWidth": "_Button--fullWidth_1br4o_147", "Button-spinner": "_Button-spinner_1br4o_152" };
 
 // ../platform-client/components/Loader/index.tsx
 init_react_import();
@@ -864,7 +864,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css#css-module
 init_react_import();
-var Card_module_default = { "Card": "_Card_jzb6b_1", "Card-body": "_Card-body_jzb6b_17", "Card-title": "_Card-title_jzb6b_23", "Card-subtitle": "_Card-subtitle_jzb6b_27", "Card-chevron": "_Card-chevron_jzb6b_31", "Card--showChevron": "_Card--showChevron_jzb6b_37", "Card--isActive": "_Card--isActive_jzb6b_41" };
+var Card_module_default = { "Card": "_Card_rpnal_1", "Card-body": "_Card-body_rpnal_17", "Card-title": "_Card-title_rpnal_23", "Card-subtitle": "_Card-subtitle_rpnal_27", "Card-chevron": "_Card-chevron_rpnal_32", "Card--showChevron": "_Card--showChevron_rpnal_38", "Card--isActive": "_Card--isActive_rpnal_42" };
 
 // ../platform-client/components/Card/Card.tsx
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -1098,14 +1098,14 @@ init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css#css-module
 init_react_import();
-var styles_module_default4 = { "PlanGrid--loading": "_PlanGrid--loading_yaytb_1", "PlanGrid-grid": "_PlanGrid-grid_yaytb_5", "PlanGrid-enterprise": "_PlanGrid-enterprise_yaytb_16" };
+var styles_module_default4 = { "PlanGrid--loading": "_PlanGrid--loading_97rn7_1", "PlanGrid-grid": "_PlanGrid-grid_97rn7_5", "PlanGrid-enterprise": "_PlanGrid-enterprise_97rn7_16" };
 
 // ../platform-client/components/PlanCard/index.tsx
 init_react_import();
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanCard/styles.module.css#css-module
 init_react_import();
-var styles_module_default5 = { "PlanCard": "_PlanCard_xeanv_1", "PlanCard--enterprise": "_PlanCard--enterprise_xeanv_11", "PlanCard-title": "_PlanCard-title_xeanv_16", "PlanCard-header": "_PlanCard-header_xeanv_22", "PlanCard-features": "_PlanCard-features_xeanv_31", "PlanCard-feature": "_PlanCard-feature_xeanv_31", "PlanCard-featureIcon": "_PlanCard-featureIcon_xeanv_47", "PlanCard-featureTitle": "_PlanCard-featureTitle_xeanv_52", "PlanCard-priceValue": "_PlanCard-priceValue_xeanv_57", "PlanCard-priceInterval": "_PlanCard-priceInterval_xeanv_61", "PlanCard-body": "_PlanCard-body_xeanv_65", "PlanCard-section": "_PlanCard-section_xeanv_79", "PlanCard-sectionTitle": "_PlanCard-sectionTitle_xeanv_102", "PlanCard-sectionBody": "_PlanCard-sectionBody_xeanv_108", "PlanCard-usageItem": "_PlanCard-usageItem_xeanv_121", "PlanCard-usageLabel": "_PlanCard-usageLabel_xeanv_127", "PlanCard-usageValue": "_PlanCard-usageValue_xeanv_132", "PlanCard-action": "_PlanCard-action_xeanv_138" };
+var styles_module_default5 = { "PlanCard": "_PlanCard_16zmu_1", "PlanCard--enterprise": "_PlanCard--enterprise_16zmu_12", "PlanCard-title": "_PlanCard-title_16zmu_17", "PlanCard-header": "_PlanCard-header_16zmu_26", "PlanCard-features": "_PlanCard-features_16zmu_35", "PlanCard-feature": "_PlanCard-feature_16zmu_35", "PlanCard-featureIcon": "_PlanCard-featureIcon_16zmu_51", "PlanCard-featureTitle": "_PlanCard-featureTitle_16zmu_56", "PlanCard-priceValue": "_PlanCard-priceValue_16zmu_61", "PlanCard-priceInterval": "_PlanCard-priceInterval_16zmu_65", "PlanCard-body": "_PlanCard-body_16zmu_69", "PlanCard-section": "_PlanCard-section_16zmu_83", "PlanCard-sectionTitle": "_PlanCard-sectionTitle_16zmu_106", "PlanCard-sectionBody": "_PlanCard-sectionBody_16zmu_112", "PlanCard-usageItem": "_PlanCard-usageItem_16zmu_125", "PlanCard-usageLabel": "_PlanCard-usageLabel_16zmu_131", "PlanCard-usageValue": "_PlanCard-usageValue_16zmu_136", "PlanCard-action": "_PlanCard-action_16zmu_142", "PlanCard-description": "_PlanCard-description_16zmu_149", "PlanCard--highlight": "_PlanCard--highlight_16zmu_154", "PlanCard-highlightText": "_PlanCard-highlightText_16zmu_184", "PlanCard--fullWidth": "_PlanCard--fullWidth_16zmu_200" };
 
 // ../utils/lib/format-currency.ts
 init_react_import();
@@ -1128,115 +1128,8 @@ var formatUSD = (amount, round = false) => {
   return formatted;
 };
 
-// ../platform-client/components/PlanCard/index.tsx
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
-var cxCard = get_class_name_factory_default("PlanCard", styles_module_default5);
-var Feature = ({
-  children,
-  title
-}) => /* @__PURE__ */ jsxs11("li", { className: cxCard("feature"), children: [
-  /* @__PURE__ */ jsx19("div", { className: cxCard("featureIcon"), children: /* @__PURE__ */ jsx19(Check, { size: "12" }) }),
-  /* @__PURE__ */ jsxs11("div", { children: [
-    title && /* @__PURE__ */ jsxs11("div", { className: cxCard("featureTitle"), children: [
-      title,
-      " "
-    ] }),
-    children
-  ] })
-] });
-function round5(x2) {
-  return Math.ceil(x2 / 5) * 5;
-}
-var pricing = {
-  createPage: 0.2,
-  updatePage: 0.2
-};
-var PlanCard = ({
-  title,
-  credit,
-  price,
-  children,
-  productId,
-  bonusCredit,
-  currentProductId,
-  currentPlanStatus,
-  onUpgrade
-}) => {
-  const userOnPlan = currentProductId === productId && currentPlanStatus === "active";
-  let isUpgrade = true;
-  if (currentProductId?.startsWith("business")) {
-    if (productId?.startsWith("pro")) {
-      isUpgrade = false;
-    }
-  } else if (currentProductId?.startsWith("growth")) {
-    if (productId?.startsWith("pro") || productId?.startsWith("business")) {
-      isUpgrade = false;
-    }
-  }
-  const priceUSD = typeof price === "number" ? formatUSD(price, true) : price;
-  const tokenCostEstimate = 0.1;
-  const pageEstimate = typeof credit === "number" ? round5(credit / (pricing.createPage + tokenCostEstimate)) : "N/A";
-  return /* @__PURE__ */ jsxs11("div", { className: cxCard(), children: [
-    /* @__PURE__ */ jsxs11("div", { className: cxCard("header"), children: [
-      /* @__PURE__ */ jsx19("div", { className: cxCard("title"), children: title }),
-      /* @__PURE__ */ jsxs11("div", { className: cxCard("price"), children: [
-        /* @__PURE__ */ jsx19("span", { className: cxCard("priceValue"), children: priceUSD }),
-        " ",
-        typeof price === "number" && /* @__PURE__ */ jsx19("span", { className: cxCard("priceInterval"), children: "/ month" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs11("div", { className: cxCard("body"), children: [
-      /* @__PURE__ */ jsx19("div", { className: cxCard("section"), children: /* @__PURE__ */ jsxs11("div", { className: cxCard("sectionBody"), children: [
-        /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "Monthly AI credit" }),
-          /* @__PURE__ */ jsx19("span", { className: cxCard("usageValue"), children: typeof credit === "number" ? formatUSD(credit, true) : credit })
-        ] }),
-        /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "Early-bird bonus" }),
-          /* @__PURE__ */ jsx19("span", { className: cxCard("usageValue"), children: typeof bonusCredit === "number" ? formatUSD(bonusCredit, true) : bonusCredit })
-        ] }),
-        /* @__PURE__ */ jsx19("div", { className: cxCard("usageItem"), children: /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), style: { opacity: 0.6 }, children: "Top-up available" }) })
-      ] }) }),
-      " ",
-      /* @__PURE__ */ jsxs11("div", { className: cxCard("section"), children: [
-        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionTitle"), children: "Usage estimates" }),
-        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionBody"), children: /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
-          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "AI generations" }),
-          /* @__PURE__ */ jsxs11("span", { className: cxCard("usageValue"), children: [
-            typeof pageEstimate === "number" && "~",
-            pageEstimate.toLocaleString()
-          ] })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsxs11("div", { className: cxCard("section"), children: [
-        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionTitle"), children: "Features" }),
-        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionBody"), children })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx19("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ jsx19(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ jsx19(
-      Button,
-      {
-        size: "large",
-        fullWidth: true,
-        variant: isUpgrade ? "primary" : "secondary",
-        onClick: () => {
-          onUpgrade?.(productId);
-        },
-        children: isUpgrade ? "Upgrade" : "Downgrade"
-      }
-    ) : /* @__PURE__ */ jsx19(
-      Button,
-      {
-        size: "large",
-        fullWidth: true,
-        variant: "primary",
-        href: "http://cal.com/chrisvxd/puck-enquiry",
-        children: "Book a call"
-      }
-    ) })
-  ] });
-};
-PlanCard.Feature = Feature;
+// ../platform-client/lib/use-pricing-group.ts
+init_react_import();
 
 // ../../node_modules/.pnpm/posthog-js@1.314.0/node_modules/posthog-js/dist/module.js
 init_react_import();
@@ -6005,9 +5898,175 @@ var Go = (qo = Do[Lo] = new Bo(), (function() {
   null != o && o.addEventListener ? "complete" === o.readyState ? i2() : Ui(o, "DOMContentLoaded", i2, { capture: false }) : t && Ei.error("Browser doesn't support `document.addEventListener` so PostHog couldn't be initialized");
 })(), qo);
 
+// ../platform-client/lib/use-pricing-group.ts
+import { useMemo as useMemo2 } from "react";
+var usePricingGroup = () => {
+  return useMemo2(
+    () => Go.getFeatureFlag("pricing-alternatives-pt-2") || "control",
+    []
+  );
+};
+
+// ../platform-client/components/PlanCard/index.tsx
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var cxCard = get_class_name_factory_default("PlanCard", styles_module_default5);
+var Feature = ({
+  children,
+  title
+}) => /* @__PURE__ */ jsxs11("li", { className: cxCard("feature"), children: [
+  /* @__PURE__ */ jsx19("div", { className: cxCard("featureIcon"), children: /* @__PURE__ */ jsx19(Check, { size: "12" }) }),
+  /* @__PURE__ */ jsxs11("div", { children: [
+    title && /* @__PURE__ */ jsxs11("div", { className: cxCard("featureTitle"), children: [
+      title,
+      " "
+    ] }),
+    children
+  ] })
+] });
+function round5(x2) {
+  return Math.ceil(x2 / 5) * 5;
+}
+var pricing = {
+  createPage: 0.2,
+  updatePage: 0.2
+};
+var PlanCard = ({
+  title,
+  credit,
+  price,
+  children,
+  productId,
+  bonusCredit,
+  currentProductId,
+  currentPlanStatus,
+  onUpgrade,
+  description,
+  highlight,
+  featuresTitle = "Features",
+  fullWidth,
+  ctaLabel
+}) => {
+  const userOnPlan = currentProductId === productId && (currentPlanStatus === "active" || currentPlanStatus === "trialing");
+  let isUpgrade = true;
+  if (currentProductId?.startsWith("business")) {
+    if (productId?.startsWith("pro")) {
+      isUpgrade = false;
+    }
+  } else if (currentProductId?.startsWith("growth")) {
+    if (productId?.startsWith("pro") || productId?.startsWith("business")) {
+      isUpgrade = false;
+    }
+  }
+  const priceUSD = typeof price === "number" ? formatUSD(price, true) : price;
+  const tokenCostEstimate = 0.1;
+  const pageEstimate = typeof credit === "number" ? round5(credit / (pricing.createPage + tokenCostEstimate)) : "N/A";
+  const pricingGroup = usePricingGroup();
+  if (pricingGroup.includes("unlimited")) {
+    return /* @__PURE__ */ jsxs11("div", { className: cxCard({ highlight, fullWidth }), children: [
+      /* @__PURE__ */ jsxs11("div", { className: cxCard("header"), children: [
+        /* @__PURE__ */ jsxs11("div", { className: cxCard("title"), children: [
+          title,
+          highlight && /* @__PURE__ */ jsx19("div", { className: cxCard("highlightText"), children: "Popular" })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: cxCard("price"), children: [
+          /* @__PURE__ */ jsx19("span", { className: cxCard("priceValue"), children: priceUSD }),
+          " ",
+          typeof price === "number" && /* @__PURE__ */ jsx19("span", { className: cxCard("priceInterval"), children: "/ month" })
+        ] }),
+        description && /* @__PURE__ */ jsx19("p", { className: cxCard("description"), children: description })
+      ] }),
+      /* @__PURE__ */ jsx19("div", { className: cxCard("body"), children: /* @__PURE__ */ jsxs11("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionTitle"), children: featuresTitle }),
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionBody"), children })
+      ] }) }),
+      /* @__PURE__ */ jsx19("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ jsx19(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ jsx19(
+        Button,
+        {
+          size: "large",
+          fullWidth: true,
+          variant: isUpgrade ? "primary" : "secondary",
+          onClick: () => {
+            onUpgrade?.(productId);
+          },
+          children: isUpgrade ? ctaLabel ?? "Upgrade" : "Downgrade"
+        }
+      ) : /* @__PURE__ */ jsx19(
+        Button,
+        {
+          size: "large",
+          fullWidth: true,
+          variant: "ghost",
+          href: "http://cal.com/chrisvxd/puck-enquiry",
+          children: "Book a call"
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: cxCard(), children: [
+    /* @__PURE__ */ jsxs11("div", { className: cxCard("header"), children: [
+      /* @__PURE__ */ jsx19("div", { className: cxCard("title"), children: title }),
+      /* @__PURE__ */ jsxs11("div", { className: cxCard("price"), children: [
+        /* @__PURE__ */ jsx19("span", { className: cxCard("priceValue"), children: priceUSD }),
+        " ",
+        typeof price === "number" && /* @__PURE__ */ jsx19("span", { className: cxCard("priceInterval"), children: "/ month" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: cxCard("body"), children: [
+      /* @__PURE__ */ jsx19("div", { className: cxCard("section"), children: /* @__PURE__ */ jsxs11("div", { className: cxCard("sectionBody"), children: [
+        /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "Monthly AI credit" }),
+          /* @__PURE__ */ jsx19("span", { className: cxCard("usageValue"), children: typeof credit === "number" ? formatUSD(credit, true) : credit })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "Early-bird bonus" }),
+          /* @__PURE__ */ jsx19("span", { className: cxCard("usageValue"), children: typeof bonusCredit === "number" ? formatUSD(bonusCredit, true) : bonusCredit })
+        ] }),
+        /* @__PURE__ */ jsx19("div", { className: cxCard("usageItem"), children: /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), style: { opacity: 0.6 }, children: "Top-up available" }) })
+      ] }) }),
+      " ",
+      /* @__PURE__ */ jsxs11("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionTitle"), children: "Usage estimates" }),
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionBody"), children: /* @__PURE__ */ jsxs11("div", { className: cxCard("usageItem"), children: [
+          /* @__PURE__ */ jsx19("span", { className: cxCard("usageLabel"), children: "AI generations" }),
+          /* @__PURE__ */ jsxs11("span", { className: cxCard("usageValue"), children: [
+            typeof pageEstimate === "number" && "~",
+            pageEstimate.toLocaleString()
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: cxCard("section"), children: [
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionTitle"), children: "Features" }),
+        /* @__PURE__ */ jsx19("div", { className: cxCard("sectionBody"), children })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx19("div", { className: cxCard("action"), children: userOnPlan ? /* @__PURE__ */ jsx19(Button, { fullWidth: true, disabled: true, href: "#", size: "large", children: "Current plan" }) : productId ? /* @__PURE__ */ jsx19(
+      Button,
+      {
+        size: "large",
+        fullWidth: true,
+        variant: isUpgrade ? "primary" : "secondary",
+        onClick: () => {
+          onUpgrade?.(productId);
+        },
+        children: isUpgrade ? "Upgrade" : "Downgrade"
+      }
+    ) : /* @__PURE__ */ jsx19(
+      Button,
+      {
+        size: "large",
+        fullWidth: true,
+        variant: "primary",
+        href: "http://cal.com/chrisvxd/puck-enquiry",
+        children: "Book a call"
+      }
+    ) })
+  ] });
+};
+PlanCard.Feature = Feature;
+
 // ../platform-client/components/PlanGrid/index.tsx
-import { useEffect as useEffect7, useMemo as useMemo2, useState as useState9 } from "react";
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState9 } from "react";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var cx5 = get_class_name_factory_default("PlanGrid", styles_module_default4);
 
 // ../platform-client/components/Section/index.ts
@@ -6937,7 +6996,7 @@ var ScrollTracking = ({ children }) => {
 };
 
 // src/index.tsx
-import { Fragment as Fragment3, jsx as jsx31 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx31 } from "react/jsx-runtime";
 function createAiPlugin(opts) {
   const { scrollTracking = true, ...rest } = opts || {};
   return {
@@ -6951,7 +7010,7 @@ function createAiPlugin(opts) {
         if (scrollTracking) {
           return /* @__PURE__ */ jsx31(ScrollTracking, { children });
         }
-        return /* @__PURE__ */ jsx31(Fragment3, { children });
+        return /* @__PURE__ */ jsx31(Fragment4, { children });
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-ai",
-  "version": "0.6.0",
+  "version": "0.6.1-canary.0342162f",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",