@sprintup-cms/sdk 1.9.9 → 1.10.3

package/dist/react/index.js

@@ -743,36 +743,6 @@ function CarouselBlock({ block }) {
     d.showDots !== false && slides.length > 1 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex gap-1.5", children: slides.map((_, i) => /* @__PURE__ */ jsx("button", { onClick: () => setCurrent(i), className: `w-2 h-2 rounded-full transition-colors ${i === current ? "bg-white" : "bg-white/40"}`, "aria-label": `Slide ${i + 1}` }, i)) })
   ] });
 }
-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 : [];
@@ -787,39 +757,12 @@ function TimelineBlock({ block }) {
         /* @__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 })
+          item.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: 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();
@@ -827,7 +770,7 @@ function IconFeatureBlock({ block }) {
     /* @__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 })
+      d.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: d.description } })
     ] })
   ] });
 }
@@ -835,47 +778,50 @@ 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("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: feat.description } })
-      ] })
-    ] }, i)) })
+    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 sm:grid-cols-2 gap-6", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, children: features.map((feat, i) => {
+      const iconKey = (feat.icon || "").toLowerCase();
+      return /* @__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[iconKey] ?? /* @__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("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: feat.description } })
+        ] })
+      ] }, i);
+    }) })
   ] }) });
 }
-function TwoColumnBlock({ block }) {
+function CardGridBlock({ block }) {
   const d = getData(block);
-  const imagePos = d.imagePosition === "left" ? "flex-row-reverse" : "flex-row";
-  const hasImage = Boolean(d.image);
-  return /* @__PURE__ */ jsx("section", { className: "py-10", children: /* @__PURE__ */ jsxs("div", { className: `flex flex-col md:${imagePos} gap-8 md:gap-12 items-center`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
-      d.title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance", children: d.title }),
-      d.text && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground leading-relaxed text-pretty", children: d.text }),
-      d.button && /* @__PURE__ */ jsx(
-        "a",
+  const cards = Array.isArray(d.cards) ? d.cards : [];
+  const cols = Number(d.columns) || 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 sm:grid-cols-2 gap-6", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }, 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",
         {
-          href: d.buttonUrl || "#",
-          className: "inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity",
-          children: d.button
+          src: card.image,
+          alt: card.title || "",
+          className: "w-full h-full object-cover",
+          onError: (e) => {
+            e.target.style.display = "none";
+          }
         }
-      )
-    ] }),
-    hasImage && /* @__PURE__ */ jsx("div", { className: "flex-1 w-full", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: d.image,
-        alt: d.title || "",
-        className: "w-full rounded-xl object-cover border border-border shadow-sm"
-      }
-    ) }),
-    !hasImage && /* @__PURE__ */ jsx("div", { className: "flex-1 w-full rounded-xl bg-muted border border-border aspect-video flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "No image set" }) })
+      ) }),
+      /* @__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 BentoGridBlock({ block }) {
@@ -896,13 +842,14 @@ function BentoGridBlock({ block }) {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-3", style: { gridAutoRows: "180px" }, children: items.map((item, i) => {
       const [cs, rs] = SPAN[item.size] ?? [1, 1];
+      const iconKey = (item.icon || "").toLowerCase();
       return /* @__PURE__ */ jsxs(
         "div",
         {
           style: { gridColumn: `span ${cs}`, gridRow: `span ${rs}` },
           className: "rounded-xl border border-border bg-card p-5 flex flex-col justify-between hover:bg-muted/40 transition-colors",
           children: [
-            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center mb-3", children: FEATURE_ICONS[item.icon] ?? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-4 h-4", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center mb-3", children: FEATURE_ICONS[iconKey] ?? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-4 h-4", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: item.title }),
               item.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mt-0.5 leading-relaxed", children: item.description })
@@ -957,10 +904,10 @@ var BUILT_IN = {
   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 }),
+  "pricing-card": (b) => /* @__PURE__ */ jsx(PricingTableBlock, { 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 }),
+  "two-column": (b) => /* @__PURE__ */ jsx(ColumnsBlock, { block: b }),
   "split-hero": (b) => /* @__PURE__ */ jsx(SplitHeroBlock, { block: b }),
   accordion: (b) => /* @__PURE__ */ jsx(AccordionBlock, { block: b }),
   tabs: (b) => /* @__PURE__ */ jsx(TabsBlock, { block: b }),