@sprintup-cms/sdk 1.8.45 → 1.8.46

package/dist/next/index.cjs

@@ -800,8 +800,19 @@ function ColumnsBlock({ block }) {
 function ContainerBlock({ block }) {
   const d = getData(block);
   const maxW = { sm: "max-w-sm", md: "max-w-md", lg: "max-w-lg", xl: "max-w-xl", "2xl": "max-w-2xl", "4xl": "max-w-4xl", full: "max-w-full" };
-  const pad = { none: "", sm: "px-4 py-4", md: "px-6 py-8", lg: "px-8 py-12" };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mx-auto ${maxW[d.maxWidth || "4xl"] ?? "max-w-4xl"} ${pad[d.padding || "md"] ?? "px-6 py-8"}`, children: d.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-relaxed", dangerouslySetInnerHTML: { __html: d.content } }) });
+  const pad = { none: "px-0 py-0", sm: "px-4 py-4", md: "px-6 py-8", lg: "px-8 py-12" };
+  const align = { left: "text-left", center: "text-center", right: "text-right" };
+  const style = d.bgColor ? { backgroundColor: d.bgColor } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { style, className: d.bgColor ? "rounded-xl" : "", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mx-auto ${maxW[d.maxWidth || "4xl"] ?? "max-w-4xl"} ${pad[d.padding || "md"] ?? "px-6 py-8"} ${align[d.align || "left"] ?? "text-left"}`, children: [
+    d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance mb-4", children: d.title }),
+    d.content && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "prose prose-sm max-w-none leading-relaxed",
+        dangerouslySetInnerHTML: { __html: d.content }
+      }
+    )
+  ] }) });
 }
 function CarouselBlock({ block }) {
   const d = getData(block);