@sprintup-cms/sdk 1.8.38 → 1.8.41

package/dist/next/index.cjs

@@ -644,6 +644,80 @@ var FEATURE_ICONS = {
     /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 6 23 6 23 12" })
   ] })
 };
+function ButtonBlock({ block }) {
+  const d = getData(block);
+  const label = d.label || d.text || "Button";
+  const url = d.url || "#";
+  const variant = d.variant || "default";
+  const base = "inline-flex items-center justify-center px-5 py-2.5 rounded-lg text-sm font-medium transition-opacity hover:opacity-90";
+  const cls = variant === "outline" ? `${base} border border-primary text-primary bg-transparent` : variant === "ghost" ? `${base} text-primary hover:bg-primary/10` : `${base} bg-primary text-primary-foreground`;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, className: cls, children: label }) });
+}
+function ListBlock({ block }) {
+  const d = getData(block);
+  const items = Array.isArray(d.items) ? d.items : [];
+  const ordered = Boolean(d.ordered);
+  const Tag = ordered ? "ol" : "ul";
+  const listCls = ordered ? "list-decimal" : "list-disc";
+  return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: `${listCls} pl-6 space-y-1.5 text-base text-foreground leading-relaxed`, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: item }, i)) });
+}
+function GalleryBlock({ block }) {
+  const d = getData(block);
+  const images = Array.isArray(d.images) ? d.images : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "grid-cols-2" : cols === 4 ? "grid-cols-2 md:grid-cols-4" : "grid-cols-2 md:grid-cols-3";
+  if (!images.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid gap-3 ${gridCols}`, children: images.filter((img) => img.src).map((img, i) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "overflow-hidden rounded-lg border border-border", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: img.src, alt: img.alt || "", className: "w-full h-48 object-cover" }),
+    img.caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "px-2 py-1 text-xs text-muted-foreground text-center", children: img.caption })
+  ] }, i)) });
+}
+function PricingTableBlock({ block }) {
+  const d = getData(block);
+  const tiers = Array.isArray(d.tiers) ? d.tiers : [];
+  const [yearly, setYearly] = React__default.default.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "py-12", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [
+      d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: d.subtitle })
+    ] }),
+    d.billingToggle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3 mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${!yearly ? "font-semibold" : "text-muted-foreground"}`, children: "Monthly" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setYearly((v) => !v),
+          className: `relative w-10 h-6 rounded-full transition-colors ${yearly ? "bg-primary" : "bg-muted"}`,
+          "aria-label": "Toggle billing period",
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `absolute top-1 w-4 h-4 rounded-full bg-white shadow transition-all ${yearly ? "left-5" : "left-1"}` })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${yearly ? "font-semibold" : "text-muted-foreground"}`, children: "Yearly" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid gap-6 ${tiers.length === 2 ? "md:grid-cols-2" : tiers.length >= 3 ? "md:grid-cols-3" : ""}`, children: tiers.map((tier, i) => {
+      const price = yearly ? tier.yearlyPrice ?? tier.monthlyPrice : tier.monthlyPrice;
+      const featured = Boolean(tier.featured);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col rounded-2xl border p-8 ${featured ? "border-primary bg-primary text-primary-foreground shadow-xl" : "border-border bg-card"}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `text-xl font-bold ${featured ? "text-primary-foreground" : ""}`, children: tier.name }),
+          tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm mt-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: tier.description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-end gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `text-4xl font-extrabold ${featured ? "text-primary-foreground" : ""}`, children: [
+              d.currency ?? "$",
+              price ?? 0
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm mb-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: "/mo" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2 flex-1 mb-8", children: (tier.features ?? []).map((f, j) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `w-4 h-4 flex-shrink-0 ${f.included ? featured ? "text-primary-foreground" : "text-primary" : "text-muted-foreground opacity-40"}`, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: f.included ? /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: !f.included ? "opacity-50" : "", children: f.text })
+        ] }, j)) }),
+        tier.cta && /* @__PURE__ */ jsxRuntime.jsx("a", { href: tier.ctaUrl || "#", className: `block text-center py-2.5 px-6 rounded-lg font-semibold text-sm transition-opacity hover:opacity-90 ${featured ? "bg-primary-foreground text-primary" : "bg-primary text-primary-foreground"}`, children: tier.cta })
+      ] }, tier.id || i);
+    }) })
+  ] });
+}
 function CardGridBlock({ block }) {
   const d = getData(block);
   const cards = Array.isArray(d.cards) ? d.cards : [];
@@ -746,7 +820,7 @@ function FeatureGridBlock({ block }) {
       feat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-primary/10 text-primary flex items-center justify-center flex-shrink-0", children: FEATURE_ICONS[feat.icon] ?? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         feat.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", children: feat.title }),
-        feat.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: feat.description })
+        feat.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: feat.description } })
       ] })
     ] }, i)) })
   ] }) });
@@ -786,6 +860,10 @@ var BUILT_IN = {
   text: (b) => /* @__PURE__ */ jsxRuntime.jsx(TextBlock, { block: b }),
   richtext: (b) => /* @__PURE__ */ jsxRuntime.jsx(RichTextBlock, { block: b }),
   image: (b) => /* @__PURE__ */ jsxRuntime.jsx(ImageBlock, { block: b }),
+  button: (b) => /* @__PURE__ */ jsxRuntime.jsx(ButtonBlock, { block: b }),
+  list: (b) => /* @__PURE__ */ jsxRuntime.jsx(ListBlock, { block: b }),
+  gallery: (b) => /* @__PURE__ */ jsxRuntime.jsx(GalleryBlock, { block: b }),
+  "pricing-table": (b) => /* @__PURE__ */ jsxRuntime.jsx(PricingTableBlock, { block: b }),
   hero: (b) => /* @__PURE__ */ jsxRuntime.jsx(HeroBlock, { block: b }),
   "hero-section": (b) => /* @__PURE__ */ jsxRuntime.jsx(HeroBlock, { block: b }),
   cta: (b) => /* @__PURE__ */ jsxRuntime.jsx(CTABlock, { block: b }),
@@ -808,9 +886,7 @@ var BUILT_IN = {
 };
 function CMSBlocks({ blocks, pageType, className = "", custom = {} }) {
   if (!blocks?.length) return null;
-  console.log("[v0] CMSBlocks received blocks:", blocks.map((b) => ({ id: b.id, type: b.type, hasData: !!b.data, hasContent: !!b.content, dataKeys: Object.keys(b.data ?? b.content ?? {}) })));
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `space-y-8 ${className}`, children: blocks.map((block) => {
-    console.log("[v0] rendering block type:", block.type, "inBuiltIn:", !!BUILT_IN[block.type]);
     if (custom[block.type]) return /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: custom[block.type](block) }, block.id);
     if (BUILT_IN[block.type]) return /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: BUILT_IN[block.type](block, pageType) }, block.id);
     return /* @__PURE__ */ jsxRuntime.jsx(SectionBlock, { block, pageType }, block.id);