@xiwebdesign/xicms-core 7.13.0 → 7.15.0

package/dist/blocks/builtins/Portfolio.js

@@ -1,81 +1,8 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, Grid, Heading, Text } from "../ui/index.js";
-import { Img } from "../../media/ImageContext.js";
-import { LightboxOverlay } from "./Gallery.js";
-function PortfolioRender({ block }) {
-  const allItems = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.imageUrl);
-  const [activeCat, setActiveCat] = useState(null);
-  const [open, setOpen] = useState(false);
-  const [index, setIndex] = useState(0);
-  const triggerRef = useRef(null);
-  const cats = block.showFilter ? [...new Set(allItems.map((i) => i.category).filter((c) => Boolean(c)))] : [];
-  const items = activeCat ? allItems.filter((i) => i.category === activeCat) : allItems;
-  if (allItems.length === 0) return null;
-  const lightboxItems = items.map((i) => ({ url: i.imageUrl, alt: i.title, caption: i.description ? `${i.title} \u2014 ${i.description}` : i.title }));
-  const close = () => {
-    setOpen(false);
-    triggerRef.current?.focus({ preventScroll: true });
-  };
-  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-portfolio", children: [
-    (block.heading || block.intro) && /* @__PURE__ */ jsxs(VStack, { gap: 1, hAlign: "center", style: { textAlign: "center" }, children: [
-      block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-      block.intro && /* @__PURE__ */ jsx(Text, { type: "large", color: "secondary", "data-xicms-edit": "intro", children: block.intro })
-    ] }),
-    cats.length > 0 && /* @__PURE__ */ jsxs("div", { className: "xicms-gallery__filter", role: "group", "aria-label": "Filter op categorie", style: { justifyContent: "center", marginBottom: 0 }, children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-gallery__filterbtn", "aria-pressed": activeCat === null, "data-active": activeCat === null ? "1" : "0", onClick: () => setActiveCat(null), children: "Alles" }),
-      cats.map((c) => /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-gallery__filterbtn", "aria-pressed": activeCat === c, "data-active": activeCat === c ? "1" : "0", onClick: () => setActiveCat(c), children: c }, c))
-    ] }),
-    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: block.columns }, gap: 3, children: items.map((it, idx) => {
-      const media = /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: it.imageUrl,
-          alt: it.title,
-          width: 720,
-          height: 540,
-          sizes: "(max-width: 720px) 100vw, 33vw",
-          style: { width: "100%", aspectRatio: "4 / 3", objectFit: "cover", display: "block" }
-        }
-      );
-      const body = /* @__PURE__ */ jsxs(Fragment, { children: [
-        media,
-        /* @__PURE__ */ jsxs("div", { className: "xicms-portfolio__body", children: [
-          it.category && /* @__PURE__ */ jsx("span", { className: "xicms-portfolio__cat", "data-xicms-edit": `items.${it._i}.category`, children: it.category }),
-          /* @__PURE__ */ jsx("strong", { className: "xicms-portfolio__title", "data-xicms-edit": `items.${it._i}.title`, children: it.title }),
-          it.description && /* @__PURE__ */ jsx("span", { className: "xicms-portfolio__desc", "data-xicms-edit": `items.${it._i}.description`, children: it.description })
-        ] })
-      ] });
-      if (it.href) {
-        return /* @__PURE__ */ jsx("a", { className: "xicms-portfolio__item", href: it.href, children: body }, idx);
-      }
-      if (block.lightbox) {
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "xicms-portfolio__item",
-            onClick: (e) => {
-              triggerRef.current = e.currentTarget;
-              setIndex(idx);
-              setOpen(true);
-            },
-            "aria-label": `${it.title} vergroten`,
-            children: body
-          },
-          idx
-        );
-      }
-      return /* @__PURE__ */ jsx("div", { className: "xicms-portfolio__item", children: body }, idx);
-    }) }),
-    block.lightbox && open && /* @__PURE__ */ jsx(LightboxOverlay, { items: lightboxItems, index, onIndex: setIndex, onClose: close })
-  ] });
-}
 const portfolioBlock = defineBlock({
   type: "portfolio",
-  Render: PortfolioRender,
+  Render: dynamic(() => import("./PortfolioRender.js").then((m) => m.PortfolioRender)),
   label: "Portfolio / projecten",
   icon: "\u{1F5C2}\uFE0F",
   defaults: () => ({

package/dist/blocks/builtins/Portfolio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Portfolio.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { PortfolioBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Heading, Text } from \"../ui\";\nimport { Img } from \"../../media/ImageContext\";\nimport { LightboxOverlay } from \"./Gallery\";\n\ntype Portfolio = z.infer<typeof PortfolioBlockSchema>;\n\n/** Projecten/cases-grid met categorie-filter en lightbox (hergebruikt de galerij-lightbox). */\nfunction PortfolioRender({ block }: BlockRenderProps<Portfolio>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op imageUrl én op de\n  // gekozen categorie, dus de render-index wijst niet naar block.items[i].\n  const allItems = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.imageUrl);\n  const [activeCat, setActiveCat] = useState<string | null>(null);\n  const [open, setOpen] = useState(false);\n  const [index, setIndex] = useState(0);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const cats = block.showFilter ? [...new Set(allItems.map((i) => i.category).filter((c): c is string => Boolean(c)))] : [];\n  const items = activeCat ? allItems.filter((i) => i.category === activeCat) : allItems;\n  if (allItems.length === 0) return null;\n\n  const lightboxItems = items.map((i) => ({ url: i.imageUrl, alt: i.title, caption: i.description ? `${i.title} — ${i.description}` : i.title }));\n  const close = () => {\n    setOpen(false);\n    triggerRef.current?.focus({ preventScroll: true });\n  };\n\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-portfolio\">\n      {(block.heading || block.intro) && (\n        <VStack gap={1} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n          {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n          {block.intro && <Text type=\"large\" color=\"secondary\" data-xicms-edit=\"intro\">{block.intro}</Text>}\n        </VStack>\n      )}\n      {cats.length > 0 && (\n        <div className=\"xicms-gallery__filter\" role=\"group\" aria-label=\"Filter op categorie\" style={{ justifyContent: \"center\", marginBottom: 0 }}>\n          <button type=\"button\" className=\"xicms-gallery__filterbtn\" aria-pressed={activeCat === null} data-active={activeCat === null ? \"1\" : \"0\"} onClick={() => setActiveCat(null)}>\n            Alles\n          </button>\n          {cats.map((c) => (\n            <button key={c} type=\"button\" className=\"xicms-gallery__filterbtn\" aria-pressed={activeCat === c} data-active={activeCat === c ? \"1\" : \"0\"} onClick={() => setActiveCat(c)}>\n              {c}\n            </button>\n          ))}\n        </div>\n      )}\n      <Grid columns={{ minWidth: 240, max: block.columns }} gap={3}>\n        {items.map((it, idx) => {\n          const media = (\n            <Img\n              src={it.imageUrl}\n              alt={it.title}\n              width={720}\n              height={540}\n              sizes=\"(max-width: 720px) 100vw, 33vw\"\n              style={{ width: \"100%\", aspectRatio: \"4 / 3\", objectFit: \"cover\", display: \"block\" }}\n            />\n          );\n          const body = (\n            <>\n              {media}\n              <div className=\"xicms-portfolio__body\">\n                {it.category && <span className=\"xicms-portfolio__cat\" data-xicms-edit={`items.${it._i}.category`}>{it.category}</span>}\n                <strong className=\"xicms-portfolio__title\" data-xicms-edit={`items.${it._i}.title`}>{it.title}</strong>\n                {it.description && <span className=\"xicms-portfolio__desc\" data-xicms-edit={`items.${it._i}.description`}>{it.description}</span>}\n              </div>\n            </>\n          );\n          if (it.href) {\n            return (\n              <a key={idx} className=\"xicms-portfolio__item\" href={it.href}>\n                {body}\n              </a>\n            );\n          }\n          if (block.lightbox) {\n            return (\n              <button\n                key={idx}\n                type=\"button\"\n                className=\"xicms-portfolio__item\"\n                onClick={(e) => { triggerRef.current = e.currentTarget; setIndex(idx); setOpen(true); }}\n                aria-label={`${it.title} vergroten`}\n              >\n                {body}\n              </button>\n            );\n          }\n          return (\n            <div key={idx} className=\"xicms-portfolio__item\">\n              {body}\n            </div>\n          );\n        })}\n      </Grid>\n      {block.lightbox && open && (\n        <LightboxOverlay items={lightboxItems} index={index} onIndex={setIndex} onClose={close} />\n      )}\n    </VStack>\n  );\n}\n\nexport const portfolioBlock = defineBlock({\n  type: \"portfolio\",\n  Render: PortfolioRender,\n  label: \"Portfolio / projecten\",\n  icon: \"🗂️\",\n  defaults: () => ({\n    heading: \"Ons werk\",\n    columns: 3,\n    items: [{ imageUrl: \"\", title: \"Project\", category: \"\" }],\n    showFilter: true,\n    lightbox: true,\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Portfolio.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const portfolioBlock = defineBlock({\n  type: \"portfolio\",\n  Render: dynamic(() => import(\"./PortfolioRender\").then((m) => m.PortfolioRender)),\n  label: \"Portfolio / projecten\",\n  icon: \"🗂️\",\n  defaults: () => ({\n    heading: \"Ons werk\",\n    columns: 3,\n    items: [{ imageUrl: \"\", title: \"Project\", category: \"\" }],\n    showFilter: true,\n    lightbox: true,\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EAChF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,UAAU,IAAI,OAAO,WAAW,UAAU,GAAG,CAAC;AAAA,IACxD,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,CAAC;","names":[]}

package/dist/blocks/builtins/PortfolioRender.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { PortfolioBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Portfolio = z.infer<typeof PortfolioBlockSchema>;
+/** Projecten/cases-grid met categorie-filter en lightbox (hergebruikt de galerij-lightbox). */
+export declare function PortfolioRender({ block }: BlockRenderProps<Portfolio>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/PortfolioRender.js

@@ -0,0 +1,78 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { VStack, Grid, Heading, Text } from "../ui/index.js";
+import { Img } from "../../media/ImageContext.js";
+import { LightboxOverlay } from "./GalleryRender.js";
+function PortfolioRender({ block }) {
+  const allItems = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.imageUrl);
+  const [activeCat, setActiveCat] = useState(null);
+  const [open, setOpen] = useState(false);
+  const [index, setIndex] = useState(0);
+  const triggerRef = useRef(null);
+  const cats = block.showFilter ? [...new Set(allItems.map((i) => i.category).filter((c) => Boolean(c)))] : [];
+  const items = activeCat ? allItems.filter((i) => i.category === activeCat) : allItems;
+  if (allItems.length === 0) return null;
+  const lightboxItems = items.map((i) => ({ url: i.imageUrl, alt: i.title, caption: i.description ? `${i.title} \u2014 ${i.description}` : i.title }));
+  const close = () => {
+    setOpen(false);
+    triggerRef.current?.focus({ preventScroll: true });
+  };
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-portfolio", children: [
+    (block.heading || block.intro) && /* @__PURE__ */ jsxs(VStack, { gap: 1, hAlign: "center", style: { textAlign: "center" }, children: [
+      block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+      block.intro && /* @__PURE__ */ jsx(Text, { type: "large", color: "secondary", "data-xicms-edit": "intro", children: block.intro })
+    ] }),
+    cats.length > 0 && /* @__PURE__ */ jsxs("div", { className: "xicms-gallery__filter", role: "group", "aria-label": "Filter op categorie", style: { justifyContent: "center", marginBottom: 0 }, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-gallery__filterbtn", "aria-pressed": activeCat === null, "data-active": activeCat === null ? "1" : "0", onClick: () => setActiveCat(null), children: "Alles" }),
+      cats.map((c) => /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-gallery__filterbtn", "aria-pressed": activeCat === c, "data-active": activeCat === c ? "1" : "0", onClick: () => setActiveCat(c), children: c }, c))
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: block.columns }, gap: 3, children: items.map((it, idx) => {
+      const media = /* @__PURE__ */ jsx(
+        Img,
+        {
+          src: it.imageUrl,
+          alt: it.title,
+          width: 720,
+          height: 540,
+          sizes: "(max-width: 720px) 100vw, 33vw",
+          style: { width: "100%", aspectRatio: "4 / 3", objectFit: "cover", display: "block" }
+        }
+      );
+      const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        media,
+        /* @__PURE__ */ jsxs("div", { className: "xicms-portfolio__body", children: [
+          it.category && /* @__PURE__ */ jsx("span", { className: "xicms-portfolio__cat", "data-xicms-edit": `items.${it._i}.category`, children: it.category }),
+          /* @__PURE__ */ jsx("strong", { className: "xicms-portfolio__title", "data-xicms-edit": `items.${it._i}.title`, children: it.title }),
+          it.description && /* @__PURE__ */ jsx("span", { className: "xicms-portfolio__desc", "data-xicms-edit": `items.${it._i}.description`, children: it.description })
+        ] })
+      ] });
+      if (it.href) {
+        return /* @__PURE__ */ jsx("a", { className: "xicms-portfolio__item", href: it.href, children: body }, idx);
+      }
+      if (block.lightbox) {
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "xicms-portfolio__item",
+            onClick: (e) => {
+              triggerRef.current = e.currentTarget;
+              setIndex(idx);
+              setOpen(true);
+            },
+            "aria-label": `${it.title} vergroten`,
+            children: body
+          },
+          idx
+        );
+      }
+      return /* @__PURE__ */ jsx("div", { className: "xicms-portfolio__item", children: body }, idx);
+    }) }),
+    block.lightbox && open && /* @__PURE__ */ jsx(LightboxOverlay, { items: lightboxItems, index, onIndex: setIndex, onClose: close })
+  ] });
+}
+export {
+  PortfolioRender
+};
+//# sourceMappingURL=PortfolioRender.js.map

package/dist/blocks/builtins/PortfolioRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/PortfolioRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { PortfolioBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Heading, Text } from \"../ui\";\nimport { Img } from \"../../media/ImageContext\";\nimport { LightboxOverlay } from \"./GalleryRender\";\n\ntype Portfolio = z.infer<typeof PortfolioBlockSchema>;\n\n/** Projecten/cases-grid met categorie-filter en lightbox (hergebruikt de galerij-lightbox). */\nexport function PortfolioRender({ block }: BlockRenderProps<Portfolio>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op imageUrl én op de\n  // gekozen categorie, dus de render-index wijst niet naar block.items[i].\n  const allItems = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.imageUrl);\n  const [activeCat, setActiveCat] = useState<string | null>(null);\n  const [open, setOpen] = useState(false);\n  const [index, setIndex] = useState(0);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n  const cats = block.showFilter ? [...new Set(allItems.map((i) => i.category).filter((c): c is string => Boolean(c)))] : [];\n  const items = activeCat ? allItems.filter((i) => i.category === activeCat) : allItems;\n  if (allItems.length === 0) return null;\n\n  const lightboxItems = items.map((i) => ({ url: i.imageUrl, alt: i.title, caption: i.description ? `${i.title} — ${i.description}` : i.title }));\n  const close = () => {\n    setOpen(false);\n    triggerRef.current?.focus({ preventScroll: true });\n  };\n\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-portfolio\">\n      {(block.heading || block.intro) && (\n        <VStack gap={1} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n          {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n          {block.intro && <Text type=\"large\" color=\"secondary\" data-xicms-edit=\"intro\">{block.intro}</Text>}\n        </VStack>\n      )}\n      {cats.length > 0 && (\n        <div className=\"xicms-gallery__filter\" role=\"group\" aria-label=\"Filter op categorie\" style={{ justifyContent: \"center\", marginBottom: 0 }}>\n          <button type=\"button\" className=\"xicms-gallery__filterbtn\" aria-pressed={activeCat === null} data-active={activeCat === null ? \"1\" : \"0\"} onClick={() => setActiveCat(null)}>\n            Alles\n          </button>\n          {cats.map((c) => (\n            <button key={c} type=\"button\" className=\"xicms-gallery__filterbtn\" aria-pressed={activeCat === c} data-active={activeCat === c ? \"1\" : \"0\"} onClick={() => setActiveCat(c)}>\n              {c}\n            </button>\n          ))}\n        </div>\n      )}\n      <Grid columns={{ minWidth: 240, max: block.columns }} gap={3}>\n        {items.map((it, idx) => {\n          const media = (\n            <Img\n              src={it.imageUrl}\n              alt={it.title}\n              width={720}\n              height={540}\n              sizes=\"(max-width: 720px) 100vw, 33vw\"\n              style={{ width: \"100%\", aspectRatio: \"4 / 3\", objectFit: \"cover\", display: \"block\" }}\n            />\n          );\n          const body = (\n            <>\n              {media}\n              <div className=\"xicms-portfolio__body\">\n                {it.category && <span className=\"xicms-portfolio__cat\" data-xicms-edit={`items.${it._i}.category`}>{it.category}</span>}\n                <strong className=\"xicms-portfolio__title\" data-xicms-edit={`items.${it._i}.title`}>{it.title}</strong>\n                {it.description && <span className=\"xicms-portfolio__desc\" data-xicms-edit={`items.${it._i}.description`}>{it.description}</span>}\n              </div>\n            </>\n          );\n          if (it.href) {\n            return (\n              <a key={idx} className=\"xicms-portfolio__item\" href={it.href}>\n                {body}\n              </a>\n            );\n          }\n          if (block.lightbox) {\n            return (\n              <button\n                key={idx}\n                type=\"button\"\n                className=\"xicms-portfolio__item\"\n                onClick={(e) => { triggerRef.current = e.currentTarget; setIndex(idx); setOpen(true); }}\n                aria-label={`${it.title} vergroten`}\n              >\n                {body}\n              </button>\n            );\n          }\n          return (\n            <div key={idx} className=\"xicms-portfolio__item\">\n              {body}\n            </div>\n          );\n        })}\n      </Grid>\n      {block.lightbox && open && (\n        <LightboxOverlay items={lightboxItems} index={index} onIndex={setIndex} onClose={close} />\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/Pricing.d.ts

@@ -1,8 +1 @@
-import type { z } from "zod";
-import type { PricingBlockSchema } from "../../schema/blocks.js";
-type Pricing = z.infer<typeof PricingBlockSchema>;
-/** "€ 120", "120,50 p/m" → "120.50"; null als er geen bedrag in te herkennen is. */
-export declare function parsePriceAmount(price: string): string | null;
-export declare function pricingJsonLd(items: Pricing["items"], currency?: string): Record<string, unknown>;
-export declare const pricingBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export {};
+export declare const pricingBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Pricing.js

@@ -1,76 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, Grid, Card, Heading, Text, Btn } from "../ui/index.js";
-import { jsonLdHtml } from "./jsonld.js";
-function parsePriceAmount(price) {
-  const m = price.replace(/\./g, "").replace(",", ".").match(/(\d+(?:\.\d{1,2})?)/);
-  return m ? m[1] : null;
-}
-function pricingJsonLd(items, currency = "EUR") {
-  return {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    itemListElement: items.filter((it) => it.label).map((it, i) => {
-      const amount = parsePriceAmount(it.price);
-      return {
-        "@type": "ListItem",
-        position: i + 1,
-        item: {
-          "@type": "Product",
-          name: it.label,
-          ...it.detail ? { description: it.detail } : {},
-          ...amount ? { offers: { "@type": "Offer", price: amount, priceCurrency: currency } } : {}
-        }
-      };
-    })
-  };
-}
-function PricingRender({ block }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-pricing", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
-    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: 4 }, gap: 4, children: items.map((it, i) => /* @__PURE__ */ jsx(
-      Card,
-      {
-        padding: 5,
-        height: "100%",
-        className: `xicms-pricing__card${it.highlighted ? " xicms-pricing__card--highlighted" : ""}`,
-        style: it.highlighted ? { outline: "2px solid var(--color-accent)", outlineOffset: -2 } : void 0,
-        children: /* @__PURE__ */ jsxs(VStack, { gap: 2, style: { height: "100%" }, children: [
-          /* @__PURE__ */ jsx(Text, { type: "label", color: "secondary", className: "xicms-pricing__label", "data-xicms-edit": `items.${i}.label`, style: { textTransform: "uppercase", letterSpacing: "0.05em" }, children: it.label }),
-          /* @__PURE__ */ jsxs(VStack, { gap: 0, children: [
-            /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-pricing__price", "data-xicms-edit": `items.${i}.price`, style: { fontSize: "clamp(1.75rem, 4vw, 2.25rem)", lineHeight: 1.1, fontWeight: 700 }, children: it.price }),
-            it.billingPeriod && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", "data-xicms-edit": `items.${i}.billingPeriod`, children: it.billingPeriod })
-          ] }),
-          it.detail && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `items.${i}.detail`, children: it.detail }),
-          it.features && it.features.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: 1, as: "ul", style: { listStyle: "none", margin: 0, padding: 0, flex: 1 }, children: it.features.map((f, j) => (
-            // Echte <li> binnen de <ul> (geldige HTML; screenreaders kondigen de lijst aan).
-            // Inline edit op een span BINNEN de tekst: anders zou het ✓-teken mee worden
-            // teruggeschreven in de opgeslagen feature (zelfde patroon als Testimonials).
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Text, { display: "block", children: [
-              "\u2713 ",
-              /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.features.${j}`, children: f })
-            ] }) }, j)
-          )) }),
-          it.ctaLabel && /* @__PURE__ */ jsx(Btn, { label: it.ctaLabel, href: it.ctaHref ?? "#", variant: it.highlighted ? "primary" : "outline", editField: `items.${i}.ctaLabel` })
-        ] })
-      },
-      i
-    )) }),
-    block.note && /* @__PURE__ */ jsx(Text, { color: "secondary", justify: "center", style: { textAlign: "center" }, "data-xicms-edit": "note", children: block.note }),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(pricingJsonLd(items, block.currency)) }
-      }
-    )
-  ] });
-}
 const pricingBlock = defineBlock({
   type: "pricing",
-  Render: PricingRender,
+  Render: dynamic(() => import("./PricingRender.js").then((m) => m.PricingRender)),
   label: "Prijzen",
   icon: "\u{1F4B6}",
   defaults: () => ({
@@ -79,8 +11,6 @@ const pricingBlock = defineBlock({
   })
 });
 export {
-  parsePriceAmount,
-  pricingBlock,
-  pricingJsonLd
+  pricingBlock
 };
 //# sourceMappingURL=Pricing.js.map

package/dist/blocks/builtins/Pricing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Pricing.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { PricingBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Card, Heading, Text, Btn } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Pricing = z.infer<typeof PricingBlockSchema>;\n\n/** \"€ 120\", \"120,50 p/m\" → \"120.50\"; null als er geen bedrag in te herkennen is. */\nexport function parsePriceAmount(price: string): string | null {\n  const m = price.replace(/\\./g, \"\").replace(\",\", \".\").match(/(\\d+(?:\\.\\d{1,2})?)/);\n  return m ? m[1] : null;\n}\n\nexport function pricingJsonLd(items: Pricing[\"items\"], currency = \"EUR\"): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    itemListElement: items\n      .filter((it) => it.label)\n      .map((it, i) => {\n        // schema.org-`price` moet een kaal getal zijn (\"120\" of \"120.50\"); vrije tekst zoals\n        // \"€ 120/mnd\" keurt Google af. Geen herkenbaar bedrag → dan geen Offer.\n        const amount = parsePriceAmount(it.price);\n        return {\n          \"@type\": \"ListItem\",\n          position: i + 1,\n          item: {\n            \"@type\": \"Product\",\n            name: it.label,\n            ...(it.detail ? { description: it.detail } : {}),\n            ...(amount ? { offers: { \"@type\": \"Offer\", price: amount, priceCurrency: currency } } : {}),\n          },\n        };\n      }),\n  };\n}\n\n/** Prijzen als kaarten met optionele features, uitgelichte tier en per-tier knop (Astryx). */\nfunction PricingRender({ block }: BlockRenderProps<Pricing>) {\n  const items = block.items ?? [];\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-pricing\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      <Grid columns={{ minWidth: 240, max: 4 }} gap={4}>\n        {items.map((it, i) => (\n          <Card\n            key={i}\n            padding={5}\n            height=\"100%\"\n            className={`xicms-pricing__card${it.highlighted ? \" xicms-pricing__card--highlighted\" : \"\"}`}\n            style={it.highlighted ? { outline: \"2px solid var(--color-accent)\", outlineOffset: -2 } : undefined}\n          >\n            <VStack gap={2} style={{ height: \"100%\" }}>\n              <Text type=\"label\" color=\"secondary\" className=\"xicms-pricing__label\" data-xicms-edit={`items.${i}.label`} style={{ textTransform: \"uppercase\", letterSpacing: \"0.05em\" }}>\n                {it.label}\n              </Text>\n              <VStack gap={0}>\n                <Heading level={3} className=\"xicms-pricing__price\" data-xicms-edit={`items.${i}.price`} style={{ fontSize: \"clamp(1.75rem, 4vw, 2.25rem)\", lineHeight: 1.1, fontWeight: 700 }}>\n                  {it.price}\n                </Heading>\n                {it.billingPeriod && <Text type=\"supporting\" color=\"secondary\" data-xicms-edit={`items.${i}.billingPeriod`}>{it.billingPeriod}</Text>}\n              </VStack>\n              {it.detail && <Text color=\"secondary\" data-xicms-edit={`items.${i}.detail`}>{it.detail}</Text>}\n              {it.features && it.features.length > 0 && (\n                <VStack gap={1} as=\"ul\" style={{ listStyle: \"none\", margin: 0, padding: 0, flex: 1 }}>\n                  {it.features.map((f, j) => (\n                    // Echte <li> binnen de <ul> (geldige HTML; screenreaders kondigen de lijst aan).\n                    // Inline edit op een span BINNEN de tekst: anders zou het ✓-teken mee worden\n                    // teruggeschreven in de opgeslagen feature (zelfde patroon als Testimonials).\n                    <li key={j}>\n                      <Text display=\"block\">✓ <span data-xicms-edit={`items.${i}.features.${j}`}>{f}</span></Text>\n                    </li>\n                  ))}\n                </VStack>\n              )}\n              {it.ctaLabel && (\n                <Btn label={it.ctaLabel} href={it.ctaHref ?? \"#\"} variant={it.highlighted ? \"primary\" : \"outline\"} editField={`items.${i}.ctaLabel`} />\n              )}\n            </VStack>\n          </Card>\n        ))}\n      </Grid>\n      {block.note && <Text color=\"secondary\" justify=\"center\" style={{ textAlign: \"center\" }} data-xicms-edit=\"note\">{block.note}</Text>}\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(pricingJsonLd(items, block.currency)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n\nexport const pricingBlock = defineBlock({\n  type: \"pricing\",\n  Render: PricingRender,\n  label: \"Prijzen\",\n  icon: \"💶\",\n  defaults: () => ({\n    heading: \"Prijzen\",\n    items: [{ label: \"Pakket\", price: \"€ 00\", billingPeriod: \"/maand\", features: [], highlighted: false }],\n  }),\n});\n"],"mappings":";AA8CQ,cAeM,YAfN;AA1CR,SAAS,mBAA0C;AACnD,SAAS,QAAQ,MAAM,MAAM,SAAS,MAAM,WAAW;AACvD,SAAS,kBAAkB;AAKpB,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,IAAI,MAAM,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG,EAAE,MAAM,qBAAqB;AAChF,SAAO,IAAI,EAAE,CAAC,IAAI;AACpB;AAEO,SAAS,cAAc,OAAyB,WAAW,OAAgC;AAChG,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB,MACd,OAAO,CAAC,OAAO,GAAG,KAAK,EACvB,IAAI,CAAC,IAAI,MAAM;AAGd,YAAM,SAAS,iBAAiB,GAAG,KAAK;AACxC,aAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU,IAAI;AAAA,QACd,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,MAAM,GAAG;AAAA,UACT,GAAI,GAAG,SAAS,EAAE,aAAa,GAAG,OAAO,IAAI,CAAC;AAAA,UAC9C,GAAI,SAAS,EAAE,QAAQ,EAAE,SAAS,SAAS,OAAO,QAAQ,eAAe,SAAS,EAAE,IAAI,CAAC;AAAA,QAC3F;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACL;AACF;AAGA,SAAS,cAAc,EAAE,MAAM,GAA8B;AAC3D,QAAM,QAAQ,MAAM,SAAS,CAAC;AAC9B,SACE,qBAAC,UAAO,KAAK,GAAG,IAAG,WAAU,WAAU,iBACpC;AAAA,UAAM,WACL,oBAAC,WAAQ,OAAO,GAAG,SAAQ,UAAS,mBAAgB,WAAU,OAAO,EAAE,WAAW,SAAS,GAAI,gBAAM,SAAQ;AAAA,IAE/G,oBAAC,QAAK,SAAS,EAAE,UAAU,KAAK,KAAK,EAAE,GAAG,KAAK,GAC5C,gBAAM,IAAI,CAAC,IAAI,MACd;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS;AAAA,QACT,QAAO;AAAA,QACP,WAAW,sBAAsB,GAAG,cAAc,sCAAsC,EAAE;AAAA,QAC1F,OAAO,GAAG,cAAc,EAAE,SAAS,iCAAiC,eAAe,GAAG,IAAI;AAAA,QAE1F,+BAAC,UAAO,KAAK,GAAG,OAAO,EAAE,QAAQ,OAAO,GACtC;AAAA,8BAAC,QAAK,MAAK,SAAQ,OAAM,aAAY,WAAU,wBAAuB,mBAAiB,SAAS,CAAC,UAAU,OAAO,EAAE,eAAe,aAAa,eAAe,SAAS,GACrK,aAAG,OACN;AAAA,UACA,qBAAC,UAAO,KAAK,GACX;AAAA,gCAAC,WAAQ,OAAO,GAAG,WAAU,wBAAuB,mBAAiB,SAAS,CAAC,UAAU,OAAO,EAAE,UAAU,gCAAgC,YAAY,KAAK,YAAY,IAAI,GAC1K,aAAG,OACN;AAAA,YACC,GAAG,iBAAiB,oBAAC,QAAK,MAAK,cAAa,OAAM,aAAY,mBAAiB,SAAS,CAAC,kBAAmB,aAAG,eAAc;AAAA,aAChI;AAAA,UACC,GAAG,UAAU,oBAAC,QAAK,OAAM,aAAY,mBAAiB,SAAS,CAAC,WAAY,aAAG,QAAO;AAAA,UACtF,GAAG,YAAY,GAAG,SAAS,SAAS,KACnC,oBAAC,UAAO,KAAK,GAAG,IAAG,MAAK,OAAO,EAAE,WAAW,QAAQ,QAAQ,GAAG,SAAS,GAAG,MAAM,EAAE,GAChF,aAAG,SAAS,IAAI,CAAC,GAAG;AAAA;AAAA;AAAA;AAAA,YAInB,oBAAC,QACC,+BAAC,QAAK,SAAQ,SAAQ;AAAA;AAAA,cAAE,oBAAC,UAAK,mBAAiB,SAAS,CAAC,aAAa,CAAC,IAAK,aAAE;AAAA,eAAO,KAD9E,CAET;AAAA,WACD,GACH;AAAA,UAED,GAAG,YACF,oBAAC,OAAI,OAAO,GAAG,UAAU,MAAM,GAAG,WAAW,KAAK,SAAS,GAAG,cAAc,YAAY,WAAW,WAAW,SAAS,CAAC,aAAa;AAAA,WAEzI;AAAA;AAAA,MAhCK;AAAA,IAiCP,CACD,GACH;AAAA,IACC,MAAM,QAAQ,oBAAC,QAAK,OAAM,aAAY,SAAQ,UAAS,OAAO,EAAE,WAAW,SAAS,GAAG,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,IAC1H,MAAM,UACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAEL,yBAAyB,EAAE,QAAQ,WAAW,cAAc,OAAO,MAAM,QAAQ,CAAC,EAAE;AAAA;AAAA,IACtF;AAAA,KAEJ;AAEJ;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,UAAU,OAAO,aAAQ,eAAe,UAAU,UAAU,CAAC,GAAG,aAAa,MAAM,CAAC;AAAA,EACvG;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Pricing.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const pricingBlock = defineBlock({\n  type: \"pricing\",\n  Render: dynamic(() => import(\"./PricingRender\").then((m) => m.PricingRender)),\n  label: \"Prijzen\",\n  icon: \"💶\",\n  defaults: () => ({\n    heading: \"Prijzen\",\n    items: [{ label: \"Pakket\", price: \"€ 00\", billingPeriod: \"/maand\", features: [], highlighted: false }],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,UAAU,OAAO,aAAQ,eAAe,UAAU,UAAU,CAAC,GAAG,aAAa,MAAM,CAAC;AAAA,EACvG;AACF,CAAC;","names":[]}

package/dist/blocks/builtins/PricingRender.d.ts

@@ -0,0 +1,10 @@
+import type { z } from "zod";
+import type { PricingBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Pricing = z.infer<typeof PricingBlockSchema>;
+/** "€ 120", "120,50 p/m" → "120.50"; null als er geen bedrag in te herkennen is. */
+export declare function parsePriceAmount(price: string): string | null;
+export declare function pricingJsonLd(items: Pricing["items"], currency?: string): Record<string, unknown>;
+/** Prijzen als kaarten met optionele features, uitgelichte tier en per-tier knop (Astryx). */
+export declare function PricingRender({ block }: BlockRenderProps<Pricing>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/PricingRender.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack, Grid, Card, Heading, Text, Btn } from "../ui/index.js";
+import { jsonLdHtml } from "./jsonld.js";
+function parsePriceAmount(price) {
+  const m = price.replace(/\./g, "").replace(",", ".").match(/(\d+(?:\.\d{1,2})?)/);
+  return m ? m[1] : null;
+}
+function pricingJsonLd(items, currency = "EUR") {
+  return {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    itemListElement: items.filter((it) => it.label).map((it, i) => {
+      const amount = parsePriceAmount(it.price);
+      return {
+        "@type": "ListItem",
+        position: i + 1,
+        item: {
+          "@type": "Product",
+          name: it.label,
+          ...it.detail ? { description: it.detail } : {},
+          ...amount ? { offers: { "@type": "Offer", price: amount, priceCurrency: currency } } : {}
+        }
+      };
+    })
+  };
+}
+function PricingRender({ block }) {
+  const items = block.items ?? [];
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-pricing", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, justify: "center", "data-xicms-edit": "heading", style: { textAlign: "center" }, children: block.heading }),
+    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: 4 }, gap: 4, children: items.map((it, i) => /* @__PURE__ */ jsx(
+      Card,
+      {
+        padding: 5,
+        height: "100%",
+        className: `xicms-pricing__card${it.highlighted ? " xicms-pricing__card--highlighted" : ""}`,
+        style: it.highlighted ? { outline: "2px solid var(--color-accent)", outlineOffset: -2 } : void 0,
+        children: /* @__PURE__ */ jsxs(VStack, { gap: 2, style: { height: "100%" }, children: [
+          /* @__PURE__ */ jsx(Text, { type: "label", color: "secondary", className: "xicms-pricing__label", "data-xicms-edit": `items.${i}.label`, style: { textTransform: "uppercase", letterSpacing: "0.05em" }, children: it.label }),
+          /* @__PURE__ */ jsxs(VStack, { gap: 0, children: [
+            /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-pricing__price", "data-xicms-edit": `items.${i}.price`, style: { fontSize: "clamp(1.75rem, 4vw, 2.25rem)", lineHeight: 1.1, fontWeight: 700 }, children: it.price }),
+            it.billingPeriod && /* @__PURE__ */ jsx(Text, { type: "supporting", color: "secondary", "data-xicms-edit": `items.${i}.billingPeriod`, children: it.billingPeriod })
+          ] }),
+          it.detail && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `items.${i}.detail`, children: it.detail }),
+          it.features && it.features.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: 1, as: "ul", style: { listStyle: "none", margin: 0, padding: 0, flex: 1 }, children: it.features.map((f, j) => (
+            // Echte <li> binnen de <ul> (geldige HTML; screenreaders kondigen de lijst aan).
+            // Inline edit op een span BINNEN de tekst: anders zou het ✓-teken mee worden
+            // teruggeschreven in de opgeslagen feature (zelfde patroon als Testimonials).
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Text, { display: "block", children: [
+              "\u2713 ",
+              /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.features.${j}`, children: f })
+            ] }) }, j)
+          )) }),
+          it.ctaLabel && /* @__PURE__ */ jsx(Btn, { label: it.ctaLabel, href: it.ctaHref ?? "#", variant: it.highlighted ? "primary" : "outline", editField: `items.${i}.ctaLabel` })
+        ] })
+      },
+      i
+    )) }),
+    block.note && /* @__PURE__ */ jsx(Text, { color: "secondary", justify: "center", style: { textAlign: "center" }, "data-xicms-edit": "note", children: block.note }),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(pricingJsonLd(items, block.currency)) }
+      }
+    )
+  ] });
+}
+export {
+  PricingRender,
+  parsePriceAmount,
+  pricingJsonLd
+};
+//# sourceMappingURL=PricingRender.js.map

package/dist/blocks/builtins/PricingRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/PricingRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { PricingBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Card, Heading, Text, Btn } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Pricing = z.infer<typeof PricingBlockSchema>;\n\n/** \"€ 120\", \"120,50 p/m\" → \"120.50\"; null als er geen bedrag in te herkennen is. */\nexport function parsePriceAmount(price: string): string | null {\n  const m = price.replace(/\\./g, \"\").replace(\",\", \".\").match(/(\\d+(?:\\.\\d{1,2})?)/);\n  return m ? m[1] : null;\n}\n\nexport function pricingJsonLd(items: Pricing[\"items\"], currency = \"EUR\"): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    itemListElement: items\n      .filter((it) => it.label)\n      .map((it, i) => {\n        // schema.org-`price` moet een kaal getal zijn (\"120\" of \"120.50\"); vrije tekst zoals\n        // \"€ 120/mnd\" keurt Google af. Geen herkenbaar bedrag → dan geen Offer.\n        const amount = parsePriceAmount(it.price);\n        return {\n          \"@type\": \"ListItem\",\n          position: i + 1,\n          item: {\n            \"@type\": \"Product\",\n            name: it.label,\n            ...(it.detail ? { description: it.detail } : {}),\n            ...(amount ? { offers: { \"@type\": \"Offer\", price: amount, priceCurrency: currency } } : {}),\n          },\n        };\n      }),\n  };\n}\n\n/** Prijzen als kaarten met optionele features, uitgelichte tier en per-tier knop (Astryx). */\nexport function PricingRender({ block }: BlockRenderProps<Pricing>) {\n  const items = block.items ?? [];\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-pricing\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      <Grid columns={{ minWidth: 240, max: 4 }} gap={4}>\n        {items.map((it, i) => (\n          <Card\n            key={i}\n            padding={5}\n            height=\"100%\"\n            className={`xicms-pricing__card${it.highlighted ? \" xicms-pricing__card--highlighted\" : \"\"}`}\n            style={it.highlighted ? { outline: \"2px solid var(--color-accent)\", outlineOffset: -2 } : undefined}\n          >\n            <VStack gap={2} style={{ height: \"100%\" }}>\n              <Text type=\"label\" color=\"secondary\" className=\"xicms-pricing__label\" data-xicms-edit={`items.${i}.label`} style={{ textTransform: \"uppercase\", letterSpacing: \"0.05em\" }}>\n                {it.label}\n              </Text>\n              <VStack gap={0}>\n                <Heading level={3} className=\"xicms-pricing__price\" data-xicms-edit={`items.${i}.price`} style={{ fontSize: \"clamp(1.75rem, 4vw, 2.25rem)\", lineHeight: 1.1, fontWeight: 700 }}>\n                  {it.price}\n                </Heading>\n                {it.billingPeriod && <Text type=\"supporting\" color=\"secondary\" data-xicms-edit={`items.${i}.billingPeriod`}>{it.billingPeriod}</Text>}\n              </VStack>\n              {it.detail && <Text color=\"secondary\" data-xicms-edit={`items.${i}.detail`}>{it.detail}</Text>}\n              {it.features && it.features.length > 0 && (\n                <VStack gap={1} as=\"ul\" style={{ listStyle: \"none\", margin: 0, padding: 0, flex: 1 }}>\n                  {it.features.map((f, j) => (\n                    // Echte <li> binnen de <ul> (geldige HTML; screenreaders kondigen de lijst aan).\n                    // Inline edit op een span BINNEN de tekst: anders zou het ✓-teken mee worden\n                    // teruggeschreven in de opgeslagen feature (zelfde patroon als Testimonials).\n                    <li key={j}>\n                      <Text display=\"block\">✓ <span data-xicms-edit={`items.${i}.features.${j}`}>{f}</span></Text>\n                    </li>\n                  ))}\n                </VStack>\n              )}\n              {it.ctaLabel && (\n                <Btn label={it.ctaLabel} href={it.ctaHref ?? \"#\"} variant={it.highlighted ? \"primary\" : \"outline\"} editField={`items.${i}.ctaLabel`} />\n              )}\n            </VStack>\n          </Card>\n        ))}\n      </Grid>\n      {block.note && <Text color=\"secondary\" justify=\"center\" style={{ textAlign: \"center\" }} data-xicms-edit=\"note\">{block.note}</Text>}\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(pricingJsonLd(items, block.currency)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/RichTextBlock.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const richTextBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const richTextBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/RichTextBlock.js

@@ -1,11 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-function RichTextRender({ block }) {
-  return /* @__PURE__ */ jsx("div", { className: "xicms-richtext", dangerouslySetInnerHTML: { __html: block.html } });
-}
 const richTextBlock = defineBlock({
   type: "richText",
-  Render: RichTextRender,
+  Render: dynamic(() => import("./RichTextBlockRender.js").then((m) => m.RichTextRender)),
   label: "Tekst",
   icon: "\xB6",
   defaults: () => ({ html: "<p></p>" })

package/dist/blocks/builtins/RichTextBlock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/RichTextBlock.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { RichTextBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype RichText = z.infer<typeof RichTextBlockSchema>;\n\nfunction RichTextRender({ block }: BlockRenderProps<RichText>) {\n  // Twee bronnen, twee saneringen — allebei vóór dit punt:\n  //  - GEPUBLICEERD: `publishPage` haalt de blokken door `sanitizeBlocks`, en de Firestore-rules\n  //    maken `pages` Functions-only. Wat hier binnenkomt is dus al server-side gesaneerd.\n  //  - WERKVERSIE: die schrijven editors rechtstreeks naar `drafts`, waar rules geen HTML kunnen\n  //    saneren. Daarom saneert de editor bij het INLEZEN (admin/lib/sanitizeDraft.ts).\n  // Ga hier dus niet vanuit \"opslaan heeft het al gedaan\" — dat gold nooit voor werkversies.\n  return <div className=\"xicms-richtext\" dangerouslySetInnerHTML={{ __html: block.html }} />;\n}\n\nexport const richTextBlock = defineBlock({\n  type: \"richText\",\n  Render: RichTextRender,\n  label: \"Tekst\",\n  icon: \"¶\",\n  defaults: () => ({ html: \"<p></p>\" }),\n});\n"],"mappings":"AAaS;AAXT,SAAS,mBAA0C;AAInD,SAAS,eAAe,EAAE,MAAM,GAA+B;AAO7D,SAAO,oBAAC,SAAI,WAAU,kBAAiB,yBAAyB,EAAE,QAAQ,MAAM,KAAK,GAAG;AAC1F;AAEO,MAAM,gBAAgB,YAAY;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,UAAU;AACrC,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/RichTextBlock.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const richTextBlock = defineBlock({\n  type: \"richText\",\n  Render: dynamic(() => import(\"./RichTextBlockRender\").then((m) => m.RichTextRender)),\n  label: \"Tekst\",\n  icon: \"¶\",\n  defaults: () => ({ html: \"<p></p>\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,gBAAgB,YAAY;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,uBAAuB,EAAE,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;AAAA,EACnF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,UAAU;AACrC,CAAC;","names":[]}

package/dist/blocks/builtins/RichTextBlockRender.d.ts

@@ -0,0 +1,6 @@
+import type { z } from "zod";
+import type { RichTextBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type RichText = z.infer<typeof RichTextBlockSchema>;
+export declare function RichTextRender({ block }: BlockRenderProps<RichText>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/RichTextBlockRender.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function RichTextRender({ block }) {
+  return /* @__PURE__ */ jsx("div", { className: "xicms-richtext", dangerouslySetInnerHTML: { __html: block.html } });
+}
+export {
+  RichTextRender
+};
+//# sourceMappingURL=RichTextBlockRender.js.map

package/dist/blocks/builtins/RichTextBlockRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/RichTextBlockRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { RichTextBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype RichText = z.infer<typeof RichTextBlockSchema>;\n\nexport function RichTextRender({ block }: BlockRenderProps<RichText>) {\n  // Twee bronnen, twee saneringen — allebei vóór dit punt:\n  //  - GEPUBLICEERD: `publishPage` haalt de blokken door `sanitizeBlocks`, en de Firestore-rules\n  //    maken `pages` Functions-only. Wat hier binnenkomt is dus al server-side gesaneerd.\n  //  - WERKVERSIE: die schrijven editors rechtstreeks naar `drafts`, waar rules geen HTML kunnen\n  //    saneren. Daarom saneert de editor bij het INLEZEN (admin/lib/sanitizeDraft.ts).\n  // Ga hier dus niet vanuit \"opslaan heeft het al gedaan\" — dat gold nooit voor werkversies.\n  return <div className=\"xicms-richtext\" dangerouslySetInnerHTML={{ __html: block.html }} />;\n}\n"],"mappings":"AAaS;AAPF,SAAS,eAAe,EAAE,MAAM,GAA+B;AAOpE,SAAO,oBAAC,SAAI,WAAU,kBAAiB,yBAAyB,EAAE,QAAQ,MAAM,KAAK,GAAG;AAC1F;","names":[]}

package/dist/blocks/builtins/Search.d.ts

@@ -1,2 +1 @@
-import type { z } from "zod";
-export declare const searchBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const searchBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Search.js

@@ -1,86 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { TextInput } from "@astryxdesign/core/TextInput";
-import { rankResults, highlightParts } from "./lib/searchRank.js";
-import { useBlockData } from "../context.js";
-import { blocksToText } from "../searchText.js";
-function SearchRender({ block, siteId }) {
-  const serverIndex = useBlockData("searchIndex");
-  const [entries, setEntries] = useState(serverIndex ?? []);
-  const [q, setQ] = useState("");
-  useEffect(() => {
-    if (serverIndex) return;
-    let cancelled = false;
-    (async () => {
-      const [{ getDb }, { collection, getDocs, query, where }] = await Promise.all([
-        import("../../firebase/client.js"),
-        import("firebase/firestore")
-      ]);
-      const db = getDb();
-      if (!db || cancelled) return;
-      const out = [];
-      try {
-        const pagesSnap = await getDocs(
-          query(collection(db, `sites/${siteId}/pages`), where("status", "==", "published"))
-        );
-        pagesSnap.forEach((d) => {
-          const data = d.data();
-          out.push({
-            title: String(data.title ?? ""),
-            path: String(data.path ?? "/"),
-            text: blocksToText(data.blocks)
-          });
-        });
-        if (block.includeNews) {
-          const newsSnap = await getDocs(
-            query(collection(db, `sites/${siteId}/news`), where("published", "==", true))
-          );
-          newsSnap.forEach((d) => {
-            const data = d.data();
-            out.push({
-              title: String(data.title ?? ""),
-              path: `/nieuws/${String(data.slug ?? d.id)}`,
-              text: String(data.excerpt ?? "") + " " + String(data.body ?? "").replace(/<[^>]*>/g, " ")
-            });
-          });
-        }
-      } catch {
-      }
-      if (!cancelled) setEntries(out);
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [siteId, block.includeNews, serverIndex]);
-  const [debouncedQ, setDebouncedQ] = useState("");
-  useEffect(() => {
-    const t = setTimeout(() => setDebouncedQ(q), 250);
-    return () => clearTimeout(t);
-  }, [q]);
-  const results = useMemo(() => rankResults(debouncedQ, entries), [entries, debouncedQ]);
-  const mark = (text) => highlightParts(text, debouncedQ).map((p, i) => p.hit ? /* @__PURE__ */ jsx("mark", { children: p.text }, i) : /* @__PURE__ */ jsx("span", { children: p.text }, i));
-  return /* @__PURE__ */ jsxs("div", { className: "xicms-search", children: [
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: block.placeholder,
-        isLabelHidden: true,
-        placeholder: block.placeholder,
-        value: q,
-        onChange: setQ
-      }
-    ),
-    debouncedQ.trim() && /* @__PURE__ */ jsx("ul", { className: "xicms-search__results", children: results.length === 0 ? /* @__PURE__ */ jsx("li", { className: "xicms-search__empty", children: "Niets gevonden." }) : results.map((r, i) => /* @__PURE__ */ jsxs("li", { className: "xicms-search__result", children: [
-      /* @__PURE__ */ jsx("a", { href: r.path, children: mark(r.title || r.path) }),
-      r.snippet && /* @__PURE__ */ jsx("p", { className: "xicms-search__snippet", children: mark(r.snippet) })
-    ] }, i)) })
-  ] });
-}
 const searchBlock = defineBlock({
   type: "search",
-  Render: SearchRender,
+  Render: dynamic(() => import("./SearchRender.js").then((m) => m.SearchRender)),
   label: "Zoeken",
   icon: "\u{1F50D}",
   defaults: () => ({ placeholder: "Zoeken\u2026", includeNews: true })