@sprintup-cms/sdk 1.9.7 → 1.9.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/next/index.cjs +43 -33
- package/dist/next/index.cjs.map +1 -1
- package/dist/next/index.js +43 -33
- package/dist/next/index.js.map +1 -1
- package/dist/react/index.cjs +43 -33
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +43 -33
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
package/dist/next/index.cjs
CHANGED
|
@@ -931,20 +931,24 @@ function BentoHeroBlock({ block }) {
|
|
|
931
931
|
)
|
|
932
932
|
] })
|
|
933
933
|
] }),
|
|
934
|
-
cards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
934
|
+
cards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", style: { gridAutoRows: "1fr" }, children: cards.map((card, i) => {
|
|
935
|
+
const colSpan = card.featured ? 2 : 1;
|
|
936
|
+
const rowSpan = card.rows || 1;
|
|
937
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
938
|
+
"div",
|
|
939
|
+
{
|
|
940
|
+
style: { gridColumn: `span ${colSpan}`, gridRow: `span ${rowSpan}`, background: card.background || "var(--muted)" },
|
|
941
|
+
className: "rounded-2xl border border-border p-6 flex flex-col gap-3 transition-shadow hover:shadow-md",
|
|
942
|
+
children: [
|
|
943
|
+
card.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl", role: "img", "aria-label": card.title, children: card.icon }),
|
|
944
|
+
card.image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: card.image, alt: card.imageAlt || card.title || "Feature illustration", className: "w-full rounded-lg object-cover mb-1", style: { maxHeight: card.featured ? "180px" : "120px" } }),
|
|
945
|
+
card.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: card.title }),
|
|
946
|
+
card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: card.description })
|
|
947
|
+
]
|
|
948
|
+
},
|
|
949
|
+
i
|
|
950
|
+
);
|
|
951
|
+
}) })
|
|
948
952
|
] }) });
|
|
949
953
|
}
|
|
950
954
|
function MinimalHeroBlock({ block }) {
|
|
@@ -1233,31 +1237,37 @@ function TwoColumnBlock({ block }) {
|
|
|
1233
1237
|
function BentoGridBlock({ block }) {
|
|
1234
1238
|
const d = getData(block);
|
|
1235
1239
|
const items = Array.isArray(d.items) ? d.items : [];
|
|
1236
|
-
const
|
|
1237
|
-
small:
|
|
1238
|
-
wide:
|
|
1239
|
-
tall:
|
|
1240
|
-
large:
|
|
1240
|
+
const SPAN = {
|
|
1241
|
+
small: [1, 1],
|
|
1242
|
+
wide: [2, 1],
|
|
1243
|
+
tall: [1, 2],
|
|
1244
|
+
large: [2, 2],
|
|
1245
|
+
"wide-2": [2, 2],
|
|
1246
|
+
"wide-3": [2, 3]
|
|
1241
1247
|
};
|
|
1242
1248
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "py-12", children: [
|
|
1243
1249
|
(d.title || d.subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
|
|
1244
1250
|
d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-semibold tracking-tight", children: d.title }),
|
|
1245
1251
|
d.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1", children: d.subtitle })
|
|
1246
1252
|
] }),
|
|
1247
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1253
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-3", style: { gridAutoRows: "180px" }, children: items.map((item, i) => {
|
|
1254
|
+
const [cs, rs] = SPAN[item.size] ?? [1, 1];
|
|
1255
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1256
|
+
"div",
|
|
1257
|
+
{
|
|
1258
|
+
style: { gridColumn: `span ${cs}`, gridRow: `span ${rs}` },
|
|
1259
|
+
className: "rounded-xl border border-border bg-card p-5 flex flex-col justify-between hover:bg-muted/40 transition-colors",
|
|
1260
|
+
children: [
|
|
1261
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center mb-3", children: FEATURE_ICONS[item.icon] ?? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
|
|
1262
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1263
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: item.title }),
|
|
1264
|
+
item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs mt-0.5 leading-relaxed", children: item.description })
|
|
1265
|
+
] })
|
|
1266
|
+
]
|
|
1267
|
+
},
|
|
1268
|
+
i
|
|
1269
|
+
);
|
|
1270
|
+
}) })
|
|
1261
1271
|
] });
|
|
1262
1272
|
}
|
|
1263
1273
|
function GridLayoutBlock({ block }) {
|