@sprintup-cms/sdk 1.8.32 → 1.8.38

package/dist/next/index.js

@@ -387,6 +387,24 @@ function FAQBlock({ block }) {
     ] }, i)) })
   ] });
 }
+function TeamMemberBlock({ block }) {
+  const d = getData(block);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center sm:items-start gap-4 p-6 rounded-xl border border-border bg-card", children: [
+    d.avatar ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: d.avatar,
+        alt: d.name || "Team member",
+        className: "w-20 h-20 rounded-full object-cover border-2 border-border flex-shrink-0"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "w-20 h-20 rounded-full bg-muted flex items-center justify-center text-muted-foreground text-2xl font-semibold flex-shrink-0", children: (d.name || "T").charAt(0).toUpperCase() }),
+    /* @__PURE__ */ jsxs("div", { className: "text-center sm:text-left", children: [
+      d.name && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg", children: d.name }),
+      d.role && /* @__PURE__ */ jsx("p", { className: "text-sm text-primary font-medium", children: d.role }),
+      d.bio && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: d.bio })
+    ] })
+  ] });
+}
 function StatsBlock({ block }) {
   const d = getData(block);
   const items = d.items || d.stats || [];
@@ -586,6 +604,147 @@ function SectionBlock({ block, pageType }) {
     ([key, value]) => isHtml(value) ? /* @__PURE__ */ jsx("div", { className: "prose prose-neutral dark:prose-invert max-w-none", dangerouslySetInnerHTML: { __html: String(value) } }, key) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: String(value) }, key)
   ) });
 }
+var FEATURE_ICONS = {
+  zap: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }),
+  shield: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }),
+  star: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }),
+  check: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+  lock: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] }),
+  globe: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+  ] }),
+  clock: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+  ] }),
+  heart: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
+  settings: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] }),
+  users: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] }),
+  trending: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+    /* @__PURE__ */ jsx("polyline", { points: "17 6 23 6 23 12" })
+  ] })
+};
+function CardGridBlock({ block }) {
+  const d = getData(block);
+  const cards = Array.isArray(d.cards) ? d.cards : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "sm:grid-cols-2" : cols === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3";
+  return /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
+    d.title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-center text-balance mb-8", children: d.title }),
+    cards.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No cards added yet." }) : /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-6 ${gridCols}`, children: cards.map((card, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col rounded-xl border border-border bg-card overflow-hidden hover:shadow-md transition-shadow", children: [
+      card.image && /* @__PURE__ */ jsx("div", { className: "aspect-video overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: card.image,
+          alt: card.title || "",
+          className: "w-full h-full object-cover",
+          onError: (e) => {
+            e.target.style.display = "none";
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 p-5 gap-2", children: [
+        card.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: card.title }),
+        card.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed flex-1", children: card.description }),
+        card.link && /* @__PURE__ */ jsxs("a", { href: card.link, className: "inline-flex items-center text-sm font-medium text-primary hover:underline mt-2", children: [
+          card.linkText || "Learn more",
+          " \u2192"
+        ] })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
+function TimelineBlock({ block }) {
+  const d = getData(block);
+  const items = Array.isArray(d.items) ? d.items : [];
+  return /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto px-4", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-10", children: [
+      d.title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground text-pretty", children: d.subtitle })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No timeline items added yet." }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute left-6 top-0 bottom-0 w-px bg-border", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-8", children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "relative flex gap-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-12 h-12 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-xs font-bold z-10 ring-4 ring-background", children: item.year || i + 1 }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 pb-2 pt-1", children: [
+          item.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: item.title }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: item.description })
+        ] })
+      ] }, i)) })
+    ] })
+  ] }) });
+}
+function PricingCardBlock({ block }) {
+  const d = getData(block);
+  const features = Array.isArray(d.features) ? d.features : [];
+  const featured = Boolean(d.featured);
+  return /* @__PURE__ */ jsxs("div", { className: `relative flex flex-col rounded-2xl border p-8 ${featured ? "border-primary bg-primary text-primary-foreground shadow-xl scale-105" : "border-border bg-card"}`, children: [
+    featured && /* @__PURE__ */ jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full bg-primary-foreground text-primary text-xs font-semibold", children: "Most Popular" }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      d.name && /* @__PURE__ */ jsx("h3", { className: `text-xl font-bold ${featured ? "text-primary-foreground" : ""}`, children: d.name }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-end gap-1", children: [
+        d.price && /* @__PURE__ */ jsx("span", { className: `text-4xl font-extrabold tracking-tight ${featured ? "text-primary-foreground" : ""}`, children: d.price }),
+        d.period && /* @__PURE__ */ jsx("span", { className: `text-sm mb-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: d.period })
+      ] })
+    ] }),
+    features.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-3 flex-1 mb-8", children: features.map((feat, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx("svg", { className: `w-4 h-4 flex-shrink-0 ${featured ? "text-primary-foreground" : "text-primary"}`, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+      /* @__PURE__ */ jsx("span", { className: featured ? "text-primary-foreground/90" : "", children: feat })
+    ] }, i)) }),
+    d.button && /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: d.url || "#",
+        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: d.button
+      }
+    )
+  ] });
+}
+function IconFeatureBlock({ block }) {
+  const d = getData(block);
+  const iconKey = (d.icon || "zap").toLowerCase();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-6 rounded-xl border border-border bg-card", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-primary/10 text-primary flex items-center justify-center flex-shrink-0", children: FEATURE_ICONS[iconKey] ?? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-6 h-6", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      d.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: d.title }),
+      d.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: d.description })
+    ] })
+  ] });
+}
+function FeatureGridBlock({ block }) {
+  const d = getData(block);
+  const features = Array.isArray(d.features) ? d.features : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "sm:grid-cols-2" : cols === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3";
+  return /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-10", children: [
+      d.title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground text-pretty", children: d.subtitle })
+    ] }),
+    features.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No features added yet." }) : /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-6 ${gridCols}`, children: features.map((feat, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-6 rounded-xl border border-border bg-card hover:shadow-md transition-shadow", children: [
+      feat.icon && /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-5 h-5", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        feat.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: feat.title }),
+        feat.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: feat.description })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
 function TwoColumnBlock({ block }) {
   const d = getData(block);
   const imagePos = d.imagePosition === "left" ? "flex-row-reverse" : "flex-row";
@@ -625,6 +784,7 @@ var BUILT_IN = {
   "hero-section": (b) => /* @__PURE__ */ jsx(HeroBlock, { block: b }),
   cta: (b) => /* @__PURE__ */ jsx(CTABlock, { block: b }),
   faq: (b) => /* @__PURE__ */ jsx(FAQBlock, { block: b }),
+  "team-member": (b) => /* @__PURE__ */ jsx(TeamMemberBlock, { block: b }),
   stats: (b) => /* @__PURE__ */ jsx(StatsBlock, { block: b }),
   testimonial: (b) => /* @__PURE__ */ jsx(TestimonialBlock, { block: b }),
   quote: (b) => /* @__PURE__ */ jsx(QuoteBlock, { block: b }),
@@ -632,12 +792,19 @@ var BUILT_IN = {
   divider: () => /* @__PURE__ */ jsx(DividerBlock, {}),
   spacer: (b) => /* @__PURE__ */ jsx(SpacerBlock, { block: b }),
   video: (b) => /* @__PURE__ */ jsx(VideoBlock, { block: b }),
+  "card-grid": (b) => /* @__PURE__ */ jsx(CardGridBlock, { block: b }),
+  timeline: (b) => /* @__PURE__ */ jsx(TimelineBlock, { block: b }),
+  "pricing-card": (b) => /* @__PURE__ */ jsx(PricingCardBlock, { block: b }),
+  "icon-feature": (b) => /* @__PURE__ */ jsx(IconFeatureBlock, { block: b }),
+  "feature-grid": (b) => /* @__PURE__ */ jsx(FeatureGridBlock, { block: b }),
   "two-column": (b) => /* @__PURE__ */ jsx(TwoColumnBlock, { block: b }),
   "product-list": (b) => /* @__PURE__ */ jsx(ProductListBlock, { block: b })
 };
 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__ */ 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__ */ jsx(React.Fragment, { children: custom[block.type](block) }, block.id);
     if (BUILT_IN[block.type]) return /* @__PURE__ */ jsx(React.Fragment, { children: BUILT_IN[block.type](block, pageType) }, block.id);
     return /* @__PURE__ */ jsx(SectionBlock, { block, pageType }, block.id);