@xiwebdesign/xicms-core 7.14.0 → 7.16.0

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

@@ -0,0 +1,18 @@
+import type { z } from "zod";
+import type { BreadcrumbsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Breadcrumbs = z.infer<typeof BreadcrumbsBlockSchema>;
+export interface Crumb {
+    label: string;
+    href: string;
+}
+/** Kruimels uit een pad: "/diensten/tuinaanleg" → Home / Diensten / Tuinaanleg. Puur en getest. */
+export declare function crumbsFromPath(path: string, homeLabel?: string): Crumb[];
+/** BreadcrumbList-JSON-LD. Puur en getest. */
+export declare function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown>;
+/**
+ * Kruimelpad, afgeleid van de URL (client, ná mount — hydration-veilig). Op de homepage
+ * (alleen "Home") wordt niets getoond.
+ */
+export declare function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/BreadcrumbsRender.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useLinkComponent } from "@astryxdesign/core/Link";
+import { jsonLdHtml } from "./jsonld.js";
+function crumbsFromPath(path, homeLabel = "Home") {
+  const segments = path.split("/").filter(Boolean);
+  const crumbs = [{ label: homeLabel, href: "/" }];
+  let href = "";
+  for (const seg of segments) {
+    href += `/${seg}`;
+    let decoded = seg;
+    try {
+      decoded = decodeURIComponent(seg);
+    } catch {
+    }
+    const label = decoded.replace(/[-_]+/g, " ").replace(/^./, (c) => c.toUpperCase());
+    crumbs.push({ label, href });
+  }
+  return crumbs;
+}
+function breadcrumbsJsonLd(crumbs) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: crumbs.map((c, i) => ({
+      "@type": "ListItem",
+      position: i + 1,
+      name: c.label,
+      item: c.href
+    }))
+  };
+}
+function BreadcrumbsRender({ block, mode }) {
+  const LinkC = useLinkComponent();
+  const [path, setPath] = useState(null);
+  useEffect(() => {
+    setPath(window.location.pathname);
+  }, []);
+  if (mode === "preview" && (path === null || path === "/")) {
+    return /* @__PURE__ */ jsxs("nav", { className: "xicms-breadcrumbs", "aria-label": "Kruimelpad", children: [
+      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "homeLabel", children: block.homeLabel }),
+      " / Voorbeeldpagina"
+    ] });
+  }
+  if (path === null || path === "/") return null;
+  const crumbs = crumbsFromPath(path, block.homeLabel);
+  return /* @__PURE__ */ jsxs("nav", { className: "xicms-breadcrumbs", "aria-label": "Kruimelpad", children: [
+    /* @__PURE__ */ jsx("ol", { className: "xicms-breadcrumbs__list", children: crumbs.map((c, i) => /* @__PURE__ */ jsx("li", { className: "xicms-breadcrumbs__item", children: i < crumbs.length - 1 ? (
+      // De eerste kruimel ís `homeLabel`; de rest komt uit het pad en is dus geen blokveld.
+      /* @__PURE__ */ jsx(LinkC, { href: c.href, children: i === 0 ? /* @__PURE__ */ jsx("span", { "data-xicms-edit": "homeLabel", children: c.label }) : c.label })
+    ) : /* @__PURE__ */ jsx("span", { "aria-current": "page", children: c.label }) }, c.href)) }),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: jsonLdHtml(
+            breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${window.location.origin}${c.href}` })))
+          )
+        }
+      }
+    )
+  ] });
+}
+export {
+  BreadcrumbsRender,
+  breadcrumbsJsonLd,
+  crumbsFromPath
+};
+//# sourceMappingURL=BreadcrumbsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/BreadcrumbsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BreadcrumbsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Breadcrumbs = z.infer<typeof BreadcrumbsBlockSchema>;\n\nexport interface Crumb {\n  label: string;\n  href: string;\n}\n\n/** Kruimels uit een pad: \"/diensten/tuinaanleg\" → Home / Diensten / Tuinaanleg. Puur en getest. */\nexport function crumbsFromPath(path: string, homeLabel = \"Home\"): Crumb[] {\n  const segments = path.split(\"/\").filter(Boolean);\n  const crumbs: Crumb[] = [{ label: homeLabel, href: \"/\" }];\n  let href = \"\";\n  for (const seg of segments) {\n    href += `/${seg}`;\n    // decodeURIComponent gooit op misvormde percent-encoding (\"%E0%A4%A\") — dan het rauwe segment.\n    let decoded = seg;\n    try {\n      decoded = decodeURIComponent(seg);\n    } catch {\n      /* rauw segment als label */\n    }\n    const label = decoded.replace(/[-_]+/g, \" \").replace(/^./, (c) => c.toUpperCase());\n    crumbs.push({ label, href });\n  }\n  return crumbs;\n}\n\n/** BreadcrumbList-JSON-LD. Puur en getest. */\nexport function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    itemListElement: crumbs.map((c, i) => ({\n      \"@type\": \"ListItem\",\n      position: i + 1,\n      name: c.label,\n      item: c.href,\n    })),\n  };\n}\n\n/**\n * Kruimelpad, afgeleid van de URL (client, ná mount — hydration-veilig). Op de homepage\n * (alleen \"Home\") wordt niets getoond.\n */\nexport function BreadcrumbsRender({ block, mode }: BlockRenderProps<Breadcrumbs>) {\n  const LinkC = useLinkComponent();\n  const [path, setPath] = useState<string | null>(null);\n  useEffect(() => {\n    setPath(window.location.pathname);\n  }, []);\n\n  if (mode === \"preview\" && (path === null || path === \"/\")) {\n    return <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\"><span data-xicms-edit=\"homeLabel\">{block.homeLabel}</span> / Voorbeeldpagina</nav>;\n  }\n  if (path === null || path === \"/\") return null;\n  const crumbs = crumbsFromPath(path, block.homeLabel);\n\n  return (\n    <nav className=\"xicms-breadcrumbs\" aria-label=\"Kruimelpad\">\n      <ol className=\"xicms-breadcrumbs__list\">\n        {crumbs.map((c, i) => (\n          <li key={c.href} className=\"xicms-breadcrumbs__item\">\n            {i < crumbs.length - 1 ? (\n              // De eerste kruimel ís `homeLabel`; de rest komt uit het pad en is dus geen blokveld.\n              <LinkC href={c.href}>{i === 0 ? <span data-xicms-edit=\"homeLabel\">{c.label}</span> : c.label}</LinkC>\n            ) : (\n              <span aria-current=\"page\">{c.label}</span>\n            )}\n          </li>\n        ))}\n      </ol>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          // Absolute URL's: Google wil volledige item-URL's in BreadcrumbList (dit rendert\n          // client-side ná mount, dus window.location.origin is beschikbaar).\n          dangerouslySetInnerHTML={{\n            __html: jsonLdHtml(\n              breadcrumbsJsonLd(crumbs.map((c) => ({ ...c, href: `${window.location.origin}${c.href}` }))),\n            ),\n          }}\n        />\n      )}\n    </nav>\n  );\n}\n"],"mappings":";AA8DW,SAA2D,KAA3D;AA5DX,SAAS,WAAW,gBAAgB;AAIpC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAUpB,SAAS,eAAe,MAAc,YAAY,QAAiB;AACxE,QAAM,WAAW,KAAK,MAAM,GAAG,EAAE,OAAO,OAAO;AAC/C,QAAM,SAAkB,CAAC,EAAE,OAAO,WAAW,MAAM,IAAI,CAAC;AACxD,MAAI,OAAO;AACX,aAAW,OAAO,UAAU;AAC1B,YAAQ,IAAI,GAAG;AAEf,QAAI,UAAU;AACd,QAAI;AACF,gBAAU,mBAAmB,GAAG;AAAA,IAClC,QAAQ;AAAA,IAER;AACA,UAAM,QAAQ,QAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;AACjF,WAAO,KAAK,EAAE,OAAO,KAAK,CAAC;AAAA,EAC7B;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,QAA0C;AAC1E,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MACrC,SAAS;AAAA,MACT,UAAU,IAAI;AAAA,MACd,MAAM,EAAE;AAAA,MACR,MAAM,EAAE;AAAA,IACV,EAAE;AAAA,EACJ;AACF;AAMO,SAAS,kBAAkB,EAAE,OAAO,KAAK,GAAkC;AAChF,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAwB,IAAI;AACpD,YAAU,MAAM;AACd,YAAQ,OAAO,SAAS,QAAQ;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,cAAc,SAAS,QAAQ,SAAS,MAAM;AACzD,WAAO,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAAa;AAAA,0BAAC,UAAK,mBAAgB,aAAa,gBAAM,WAAU;AAAA,MAAO;AAAA,OAAkB;AAAA,EAChJ;AACA,MAAI,SAAS,QAAQ,SAAS,IAAK,QAAO;AAC1C,QAAM,SAAS,eAAe,MAAM,MAAM,SAAS;AAEnD,SACE,qBAAC,SAAI,WAAU,qBAAoB,cAAW,cAC5C;AAAA,wBAAC,QAAG,WAAU,2BACX,iBAAO,IAAI,CAAC,GAAG,MACd,oBAAC,QAAgB,WAAU,2BACxB,cAAI,OAAO,SAAS;AAAA;AAAA,MAEnB,oBAAC,SAAM,MAAM,EAAE,MAAO,gBAAM,IAAI,oBAAC,UAAK,mBAAgB,aAAa,YAAE,OAAM,IAAU,EAAE,OAAM;AAAA,QAE7F,oBAAC,UAAK,gBAAa,QAAQ,YAAE,OAAM,KAL9B,EAAE,IAOX,CACD,GACH;AAAA,IACC,MAAM,UACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QAIL,yBAAyB;AAAA,UACvB,QAAQ;AAAA,YACN,kBAAkB,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,GAAG,OAAO,SAAS,MAAM,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC;AAAA,UAC7F;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/Cards.js

@@ -1,81 +1,9 @@
-"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 } from "../ui/index.js";
-import { useLinkComponent } from "@astryxdesign/core/Link";
-import { Img } from "../../media/ImageContext.js";
-function CardsRender({ block }) {
-  const LinkC = useLinkComponent();
-  const items = (block.items ?? []).map((c, i) => ({ ...c, _i: i })).filter((c) => c.title || c.text || c.imageUrl);
-  if (items.length === 0 && !block.heading) return null;
-  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-cards", 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 })
-    ] }),
-    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: block.columns }, gap: 4, children: items.map((c) => {
-      const i = c._i;
-      const cover = block.imageStyle === "cover" && Boolean(c.imageUrl);
-      const body = /* @__PURE__ */ jsxs(VStack, { gap: 2, style: cover ? { padding: "1.1rem 1.25rem 1.25rem" } : void 0, children: [
-        c.title && /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-cards__title", "data-xicms-edit": `items.${i}.title`, children: c.title }),
-        c.text && /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-cards__text", "data-xicms-edit": `items.${i}.text`, children: c.text }),
-        c.href && c.linkLabel && /* @__PURE__ */ jsxs(Text, { type: "label", style: { color: "var(--color-accent)" }, children: [
-          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.linkLabel`, children: c.linkLabel }),
-          " \u2192"
-        ] })
-      ] });
-      const inner = cover ? /* @__PURE__ */ jsxs(VStack, { gap: 0, style: { height: "100%" }, children: [
-        /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: c.imageUrl,
-            alt: c.title ?? "",
-            width: 600,
-            height: 360,
-            sizes: "(max-width: 720px) 100vw, 33vw",
-            editField: `items.${i}.imageUrl`,
-            style: { width: "100%", aspectRatio: "16 / 10", objectFit: "cover", display: "block" }
-          }
-        ),
-        body
-      ] }) : /* @__PURE__ */ jsxs(VStack, { gap: 2, children: [
-        c.imageUrl ? /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: c.imageUrl,
-            alt: c.title ?? "",
-            width: 480,
-            height: 300,
-            sizes: "(max-width: 720px) 100vw, 33vw",
-            editField: `items.${i}.imageUrl`,
-            style: { width: "100%", height: 160, objectFit: "cover", borderRadius: "var(--radius-element)" }
-          }
-        ) : c.icon ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { fontSize: "2rem", lineHeight: 1 }, children: c.icon }) : null,
-        c.title && /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-cards__title", "data-xicms-edit": `items.${i}.title`, children: c.title }),
-        c.text && /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-cards__text", "data-xicms-edit": `items.${i}.text`, children: c.text }),
-        c.href && c.linkLabel && /* @__PURE__ */ jsxs(Text, { type: "label", style: { color: "var(--color-accent)" }, children: [
-          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.linkLabel`, children: c.linkLabel }),
-          " \u2192"
-        ] })
-      ] });
-      const card = /* @__PURE__ */ jsx(
-        Card,
-        {
-          padding: cover ? 0 : 4,
-          height: "100%",
-          className: `xicms-cards__card${c.featured ? " xicms-cards__card--featured" : ""}`,
-          style: cover ? { overflow: "hidden" } : void 0,
-          children: inner
-        }
-      );
-      return c.href ? /* @__PURE__ */ jsx(LinkC, { href: c.href, style: { textDecoration: "none", color: "inherit", display: "block" }, children: card }, i) : /* @__PURE__ */ jsx("div", { children: card }, i);
-    }) })
-  ] });
-}
 const cardsBlock = defineBlock({
   type: "cards",
   fields: { "items.icon": { type: "icon" } },
-  Render: CardsRender,
+  Render: dynamic(() => import("./CardsRender.js").then((m) => m.CardsRender)),
   label: "Diensten / kaarten",
   icon: "\u{1F9E9}",
   defaults: () => ({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Cards.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { CardsBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Card, Heading, Text } from \"../ui\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype Cards = z.infer<typeof CardsBlockSchema>;\n\n/** Diensten/uitgelichte kaarten in een responsive grid (Astryx). */\nfunction CardsRender({ block }: BlockRenderProps<Cards>) {\n  const LinkC = useLinkComponent();\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden moeten naar de ongefilterde\n  // items wijzen, anders schrijft bewerken naar het verkeerde (weggefilterde) item.\n  const items = (block.items ?? []).map((c, i) => ({ ...c, _i: i })).filter((c) => c.title || c.text || c.imageUrl);\n  if (items.length === 0 && !block.heading) return null;\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-cards\">\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      <Grid columns={{ minWidth: 240, max: block.columns }} gap={4}>\n        {items.map((c) => {\n          const i = c._i;\n          const cover = block.imageStyle === \"cover\" && Boolean(c.imageUrl);\n          const body = (\n            <VStack gap={2} style={cover ? { padding: \"1.1rem 1.25rem 1.25rem\" } : undefined}>\n              {c.title && <Heading level={3} className=\"xicms-cards__title\" data-xicms-edit={`items.${i}.title`}>{c.title}</Heading>}\n              {c.text && <Text color=\"secondary\" className=\"xicms-cards__text\" data-xicms-edit={`items.${i}.text`}>{c.text}</Text>}\n              {c.href && c.linkLabel && (\n                <Text type=\"label\" style={{ color: \"var(--color-accent)\" }}><span data-xicms-edit={`items.${i}.linkLabel`}>{c.linkLabel}</span> →</Text>\n              )}\n            </VStack>\n          );\n          const inner = cover ? (\n            <VStack gap={0} style={{ height: \"100%\" }}>\n              {/* Beeld edge-to-edge bovenaan (postkaart-stijl); tekst hieronder gepad. */}\n              <Img src={c.imageUrl as string} alt={c.title ?? \"\"} width={600} height={360}\n                sizes=\"(max-width: 720px) 100vw, 33vw\" editField={`items.${i}.imageUrl`}\n                style={{ width: \"100%\", aspectRatio: \"16 / 10\", objectFit: \"cover\", display: \"block\" }} />\n              {body}\n            </VStack>\n          ) : (\n            <VStack gap={2}>\n              {c.imageUrl ? (\n                <Img src={c.imageUrl} alt={c.title ?? \"\"} width={480} height={300}\n                  sizes=\"(max-width: 720px) 100vw, 33vw\" editField={`items.${i}.imageUrl`}\n                  style={{ width: \"100%\", height: 160, objectFit: \"cover\", borderRadius: \"var(--radius-element)\" }} />\n              ) : c.icon ? (\n                <div aria-hidden=\"true\" style={{ fontSize: \"2rem\", lineHeight: 1 }}>{c.icon}</div>\n              ) : null}\n              {c.title && <Heading level={3} className=\"xicms-cards__title\" data-xicms-edit={`items.${i}.title`}>{c.title}</Heading>}\n              {c.text && <Text color=\"secondary\" className=\"xicms-cards__text\" data-xicms-edit={`items.${i}.text`}>{c.text}</Text>}\n              {c.href && c.linkLabel && (\n                <Text type=\"label\" style={{ color: \"var(--color-accent)\" }}><span data-xicms-edit={`items.${i}.linkLabel`}>{c.linkLabel}</span> →</Text>\n              )}\n            </VStack>\n          );\n          const card = (\n            <Card\n              padding={cover ? 0 : 4}\n              height=\"100%\"\n              className={`xicms-cards__card${c.featured ? \" xicms-cards__card--featured\" : \"\"}`}\n              style={cover ? { overflow: \"hidden\" } : undefined}\n            >\n              {inner}\n            </Card>\n          );\n          return c.href ? (\n            <LinkC key={i} href={c.href} style={{ textDecoration: \"none\", color: \"inherit\", display: \"block\" }}>\n              {card}\n            </LinkC>\n          ) : (\n            <div key={i}>{card}</div>\n          );\n        })}\n      </Grid>\n    </VStack>\n  );\n}\n\nexport const cardsBlock = defineBlock({\n  type: \"cards\",\n  fields: { \"items.icon\": { type: \"icon\" } },\n  Render: CardsRender,\n  label: \"Diensten / kaarten\",\n  icon: \"🧩\",\n  defaults: () => ({\n    heading: \"Onze diensten\",\n    columns: 3,\n    items: [\n      { icon: \"⭐\", title: \"Dienst één\", text: \"Korte omschrijving van wat je biedt.\" },\n      { icon: \"⚡\", title: \"Dienst twee\", text: \"Korte omschrijving van wat je biedt.\" },\n      { icon: \"💬\", title: \"Dienst drie\", text: \"Korte omschrijving van wat je biedt.\" },\n    ],\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Cards.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const cardsBlock = defineBlock({\n  type: \"cards\",\n  fields: { \"items.icon\": { type: \"icon\" } },\n  Render: dynamic(() => import(\"./CardsRender\").then((m) => m.CardsRender)),\n  label: \"Diensten / kaarten\",\n  icon: \"🧩\",\n  defaults: () => ({\n    heading: \"Onze diensten\",\n    columns: 3,\n    items: [\n      { icon: \"⭐\", title: \"Dienst één\", text: \"Korte omschrijving van wat je biedt.\" },\n      { icon: \"⚡\", title: \"Dienst twee\", text: \"Korte omschrijving van wat je biedt.\" },\n      { icon: \"💬\", title: \"Dienst drie\", text: \"Korte omschrijving van wat je biedt.\" },\n    ],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,EAAE;AAAA,EACzC,QAAQ,QAAQ,MAAM,OAAO,eAAe,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;AAAA,EACxE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,MACL,EAAE,MAAM,UAAK,OAAO,oBAAc,MAAM,uCAAuC;AAAA,MAC/E,EAAE,MAAM,UAAK,OAAO,eAAe,MAAM,uCAAuC;AAAA,MAChF,EAAE,MAAM,aAAM,OAAO,eAAe,MAAM,uCAAuC;AAAA,IACnF;AAAA,EACF;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { CardsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Cards = z.infer<typeof CardsBlockSchema>;
+/** Diensten/uitgelichte kaarten in een responsive grid (Astryx). */
+export declare function CardsRender({ block }: BlockRenderProps<Cards>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/CardsRender.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack, Grid, Card, Heading, Text } from "../ui/index.js";
+import { useLinkComponent } from "@astryxdesign/core/Link";
+import { Img } from "../../media/ImageContext.js";
+function CardsRender({ block }) {
+  const LinkC = useLinkComponent();
+  const items = (block.items ?? []).map((c, i) => ({ ...c, _i: i })).filter((c) => c.title || c.text || c.imageUrl);
+  if (items.length === 0 && !block.heading) return null;
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-cards", 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 })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { columns: { minWidth: 240, max: block.columns }, gap: 4, children: items.map((c) => {
+      const i = c._i;
+      const cover = block.imageStyle === "cover" && Boolean(c.imageUrl);
+      const body = /* @__PURE__ */ jsxs(VStack, { gap: 2, style: cover ? { padding: "1.1rem 1.25rem 1.25rem" } : void 0, children: [
+        c.title && /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-cards__title", "data-xicms-edit": `items.${i}.title`, children: c.title }),
+        c.text && /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-cards__text", "data-xicms-edit": `items.${i}.text`, children: c.text }),
+        c.href && c.linkLabel && /* @__PURE__ */ jsxs(Text, { type: "label", style: { color: "var(--color-accent)" }, children: [
+          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.linkLabel`, children: c.linkLabel }),
+          " \u2192"
+        ] })
+      ] });
+      const inner = cover ? /* @__PURE__ */ jsxs(VStack, { gap: 0, style: { height: "100%" }, children: [
+        /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: c.imageUrl,
+            alt: c.title ?? "",
+            width: 600,
+            height: 360,
+            sizes: "(max-width: 720px) 100vw, 33vw",
+            editField: `items.${i}.imageUrl`,
+            style: { width: "100%", aspectRatio: "16 / 10", objectFit: "cover", display: "block" }
+          }
+        ),
+        body
+      ] }) : /* @__PURE__ */ jsxs(VStack, { gap: 2, children: [
+        c.imageUrl ? /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: c.imageUrl,
+            alt: c.title ?? "",
+            width: 480,
+            height: 300,
+            sizes: "(max-width: 720px) 100vw, 33vw",
+            editField: `items.${i}.imageUrl`,
+            style: { width: "100%", height: 160, objectFit: "cover", borderRadius: "var(--radius-element)" }
+          }
+        ) : c.icon ? /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { fontSize: "2rem", lineHeight: 1 }, children: c.icon }) : null,
+        c.title && /* @__PURE__ */ jsx(Heading, { level: 3, className: "xicms-cards__title", "data-xicms-edit": `items.${i}.title`, children: c.title }),
+        c.text && /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-cards__text", "data-xicms-edit": `items.${i}.text`, children: c.text }),
+        c.href && c.linkLabel && /* @__PURE__ */ jsxs(Text, { type: "label", style: { color: "var(--color-accent)" }, children: [
+          /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.linkLabel`, children: c.linkLabel }),
+          " \u2192"
+        ] })
+      ] });
+      const card = /* @__PURE__ */ jsx(
+        Card,
+        {
+          padding: cover ? 0 : 4,
+          height: "100%",
+          className: `xicms-cards__card${c.featured ? " xicms-cards__card--featured" : ""}`,
+          style: cover ? { overflow: "hidden" } : void 0,
+          children: inner
+        }
+      );
+      return c.href ? /* @__PURE__ */ jsx(LinkC, { href: c.href, style: { textDecoration: "none", color: "inherit", display: "block" }, children: card }, i) : /* @__PURE__ */ jsx("div", { children: card }, i);
+    }) })
+  ] });
+}
+export {
+  CardsRender
+};
+//# sourceMappingURL=CardsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/CardsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { CardsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { VStack, Grid, Card, Heading, Text } from \"../ui\";\nimport { useLinkComponent } from \"@astryxdesign/core/Link\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype Cards = z.infer<typeof CardsBlockSchema>;\n\n/** Diensten/uitgelichte kaarten in een responsive grid (Astryx). */\nexport function CardsRender({ block }: BlockRenderProps<Cards>) {\n  const LinkC = useLinkComponent();\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden moeten naar de ongefilterde\n  // items wijzen, anders schrijft bewerken naar het verkeerde (weggefilterde) item.\n  const items = (block.items ?? []).map((c, i) => ({ ...c, _i: i })).filter((c) => c.title || c.text || c.imageUrl);\n  if (items.length === 0 && !block.heading) return null;\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-cards\">\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      <Grid columns={{ minWidth: 240, max: block.columns }} gap={4}>\n        {items.map((c) => {\n          const i = c._i;\n          const cover = block.imageStyle === \"cover\" && Boolean(c.imageUrl);\n          const body = (\n            <VStack gap={2} style={cover ? { padding: \"1.1rem 1.25rem 1.25rem\" } : undefined}>\n              {c.title && <Heading level={3} className=\"xicms-cards__title\" data-xicms-edit={`items.${i}.title`}>{c.title}</Heading>}\n              {c.text && <Text color=\"secondary\" className=\"xicms-cards__text\" data-xicms-edit={`items.${i}.text`}>{c.text}</Text>}\n              {c.href && c.linkLabel && (\n                <Text type=\"label\" style={{ color: \"var(--color-accent)\" }}><span data-xicms-edit={`items.${i}.linkLabel`}>{c.linkLabel}</span> →</Text>\n              )}\n            </VStack>\n          );\n          const inner = cover ? (\n            <VStack gap={0} style={{ height: \"100%\" }}>\n              {/* Beeld edge-to-edge bovenaan (postkaart-stijl); tekst hieronder gepad. */}\n              <Img src={c.imageUrl as string} alt={c.title ?? \"\"} width={600} height={360}\n                sizes=\"(max-width: 720px) 100vw, 33vw\" editField={`items.${i}.imageUrl`}\n                style={{ width: \"100%\", aspectRatio: \"16 / 10\", objectFit: \"cover\", display: \"block\" }} />\n              {body}\n            </VStack>\n          ) : (\n            <VStack gap={2}>\n              {c.imageUrl ? (\n                <Img src={c.imageUrl} alt={c.title ?? \"\"} width={480} height={300}\n                  sizes=\"(max-width: 720px) 100vw, 33vw\" editField={`items.${i}.imageUrl`}\n                  style={{ width: \"100%\", height: 160, objectFit: \"cover\", borderRadius: \"var(--radius-element)\" }} />\n              ) : c.icon ? (\n                <div aria-hidden=\"true\" style={{ fontSize: \"2rem\", lineHeight: 1 }}>{c.icon}</div>\n              ) : null}\n              {c.title && <Heading level={3} className=\"xicms-cards__title\" data-xicms-edit={`items.${i}.title`}>{c.title}</Heading>}\n              {c.text && <Text color=\"secondary\" className=\"xicms-cards__text\" data-xicms-edit={`items.${i}.text`}>{c.text}</Text>}\n              {c.href && c.linkLabel && (\n                <Text type=\"label\" style={{ color: \"var(--color-accent)\" }}><span data-xicms-edit={`items.${i}.linkLabel`}>{c.linkLabel}</span> →</Text>\n              )}\n            </VStack>\n          );\n          const card = (\n            <Card\n              padding={cover ? 0 : 4}\n              height=\"100%\"\n              className={`xicms-cards__card${c.featured ? \" xicms-cards__card--featured\" : \"\"}`}\n              style={cover ? { overflow: \"hidden\" } : undefined}\n            >\n              {inner}\n            </Card>\n          );\n          return c.href ? (\n            <LinkC key={i} href={c.href} style={{ textDecoration: \"none\", color: \"inherit\", display: \"block\" }}>\n              {card}\n            </LinkC>\n          ) : (\n            <div key={i}>{card}</div>\n          );\n        })}\n      </Grid>\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/blocks/builtins/Columns.js

@@ -1,15 +1,8 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { BlockRenderer } from "../BlockRenderer.js";
-import { useRegistry } from "../context.js";
-function ColumnsRender({ block, siteId, mode }) {
-  const registry = useRegistry();
-  return /* @__PURE__ */ jsx("div", { className: "xicms-columns", "data-cols": block.columns.length, style: { gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }, children: block.columns.map((col, idx) => /* @__PURE__ */ jsx("div", { className: "xicms-column", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: col.blocks, registry, siteId, mode }) }, idx)) });
-}
 const columnsBlock = defineBlock({
   type: "columns",
-  Render: ColumnsRender,
+  Render: dynamic(() => import("./ColumnsRender.js").then((m) => m.ColumnsRender)),
   label: "Kolommen",
   icon: "\u25A5",
   defaults: () => ({ columns: [{ blocks: [] }, { blocks: [] }] })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Columns.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ColumnsBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\n\ntype Columns = z.infer<typeof ColumnsBlockSchema>;\n\nfunction ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>) {\n  const registry = useRegistry();\n  return (\n    <div className=\"xicms-columns\" data-cols={block.columns.length} style={{ gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }}>\n      {block.columns.map((col, idx) => (\n        <div key={idx} className=\"xicms-column\">\n          <BlockRenderer blocks={col.blocks} registry={registry} siteId={siteId} mode={mode} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport const columnsBlock = defineBlock({\n  type: \"columns\",\n  Render: ColumnsRender,\n  label: \"Kolommen\",\n  icon: \"▥\",\n  defaults: () => ({ columns: [{ blocks: [] }, { blocks: [] }] }),\n});\n"],"mappings":";AAgBU;AAZV,SAAS,mBAA0C;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAI5B,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAK,GAA8B;AACzE,QAAM,WAAW,YAAY;AAC7B,SACE,oBAAC,SAAI,WAAU,iBAAgB,aAAW,MAAM,QAAQ,QAAQ,OAAO,EAAE,qBAAqB,UAAU,MAAM,QAAQ,MAAM,SAAS,GAClI,gBAAM,QAAQ,IAAI,CAAC,KAAK,QACvB,oBAAC,SAAc,WAAU,gBACvB,8BAAC,iBAAc,QAAQ,IAAI,QAAQ,UAAoB,QAAgB,MAAY,KAD3E,GAEV,CACD,GACH;AAEJ;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AAC/D,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Columns.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const columnsBlock = defineBlock({\n  type: \"columns\",\n  Render: dynamic(() => import(\"./ColumnsRender\").then((m) => m.ColumnsRender)),\n  label: \"Kolommen\",\n  icon: \"▥\",\n  defaults: () => ({ columns: [{ blocks: [] }, { blocks: [] }] }),\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,EAAE,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AAC/D,CAAC;","names":[]}

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

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

package/dist/blocks/builtins/ColumnsRender.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { BlockRenderer } from "../BlockRenderer.js";
+import { useRegistry } from "../context.js";
+function ColumnsRender({ block, siteId, mode }) {
+  const registry = useRegistry();
+  return /* @__PURE__ */ jsx("div", { className: "xicms-columns", "data-cols": block.columns.length, style: { gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }, children: block.columns.map((col, idx) => /* @__PURE__ */ jsx("div", { className: "xicms-column", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: col.blocks, registry, siteId, mode }) }, idx)) });
+}
+export {
+  ColumnsRender
+};
+//# sourceMappingURL=ColumnsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/ColumnsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ColumnsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\n\ntype Columns = z.infer<typeof ColumnsBlockSchema>;\n\nexport function ColumnsRender({ block, siteId, mode }: BlockRenderProps<Columns>) {\n  const registry = useRegistry();\n  return (\n    <div className=\"xicms-columns\" data-cols={block.columns.length} style={{ gridTemplateColumns: `repeat(${block.columns.length}, 1fr)` }}>\n      {block.columns.map((col, idx) => (\n        <div key={idx} className=\"xicms-column\">\n          <BlockRenderer blocks={col.blocks} registry={registry} siteId={siteId} mode={mode} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAgBU;AAXV,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAIrB,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAK,GAA8B;AAChF,QAAM,WAAW,YAAY;AAC7B,SACE,oBAAC,SAAI,WAAU,iBAAgB,aAAW,MAAM,QAAQ,QAAQ,OAAO,EAAE,qBAAqB,UAAU,MAAM,QAAQ,MAAM,SAAS,GAClI,gBAAM,QAAQ,IAAI,CAAC,KAAK,QACvB,oBAAC,SAAc,WAAU,gBACvB,8BAAC,iBAAc,QAAQ,IAAI,QAAQ,UAAoB,QAAgB,MAAY,KAD3E,GAEV,CACD,GACH;AAEJ;","names":[]}

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

@@ -1,7 +1,2 @@
-import type { z } from "zod";
-import type { ContactBlockSchema } from "../../schema/blocks.js";
-type Contact = z.infer<typeof ContactBlockSchema>;
-export declare function contactJsonLd(b: Contact): Record<string, unknown>;
-export declare const contactBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const socialBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export {};
+export declare const contactBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const socialBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Contact.js

@@ -1,120 +1,21 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { jsonLdHtml } from "./jsonld.js";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Heading } from "../ui/index.js";
-function contactJsonLd(b) {
-  return {
-    "@context": "https://schema.org",
-    "@type": "LocalBusiness",
-    // Gedeeld relatief @id: contact-, openingstijden- en layout-JSON-LD beschrijven hetzelfde
-    // bedrijf; zonder @id ziet Google drie conflicterende LocalBusiness-entiteiten per pagina.
-    "@id": "#business",
-    // Bewust géén `name: heading` — de blokkop is meestal "Contact" en zou als bedrijfsnaam in de
-    // samengevoegde #business-entiteit belanden; de naam komt uit de layout-brede businessJsonLd.
-    ...b.address ? { address: b.address } : {},
-    ...b.phone ? { telephone: b.phone } : {},
-    ...b.email ? { email: b.email } : {},
-    ...b.geo ? { geo: { "@type": "GeoCoordinates", latitude: b.geo.lat, longitude: b.geo.lng } } : {}
-  };
-}
-function ContactRender({ block }) {
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-contact", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsxs("dl", { className: "xicms-contact__list", children: [
-      block.address && /* @__PURE__ */ jsxs("div", { className: "xicms-contact__row", children: [
-        /* @__PURE__ */ jsx("dt", { children: "Adres" }),
-        /* @__PURE__ */ jsx("dd", { "data-xicms-edit": "address", children: block.address })
-      ] }),
-      block.phone && /* @__PURE__ */ jsxs("div", { className: "xicms-contact__row", children: [
-        /* @__PURE__ */ jsx("dt", { children: "Telefoon" }),
-        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `tel:${block.phone.replace(/\s+/g, "")}`, "data-xicms-edit": "phone", children: block.phone }) })
-      ] }),
-      block.email && /* @__PURE__ */ jsxs("div", { className: "xicms-contact__row", children: [
-        /* @__PURE__ */ jsx("dt", { children: "E-mail" }),
-        /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${block.email}`, "data-xicms-edit": "email", children: block.email }) })
-      ] }),
-      block.hours && /* @__PURE__ */ jsxs("div", { className: "xicms-contact__row", children: [
-        /* @__PURE__ */ jsx("dt", { children: "Openingstijden" }),
-        /* @__PURE__ */ jsx("dd", { "data-xicms-edit": "hours", children: block.hours })
-      ] })
-    ] }),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(contactJsonLd(block)) }
-      }
-    )
-  ] });
-}
 const contactBlock = defineBlock({
   type: "contact",
-  Render: ContactRender,
+  Render: dynamic(() => import("./ContactRender.js").then((m) => m.ContactRender)),
   label: "Contactgegevens",
   icon: "\u{1F4C7}",
   defaults: () => ({ heading: "Contact", jsonLd: true })
 });
-function SocialIcon({ platform }) {
-  const p = platform.toLowerCase();
-  const common = { width: 22, height: 22, viewBox: "0 0 24 24", "aria-hidden": true };
-  if (p.includes("instagram")) {
-    return /* @__PURE__ */ jsxs("svg", { ...common, fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
-      /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4.5" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3.6" }),
-      /* @__PURE__ */ jsx("circle", { cx: "16.7", cy: "7.3", r: "1.1", fill: "currentColor", stroke: "none" })
-    ] });
-  }
-  if (p.includes("facebook")) {
-    return /* @__PURE__ */ jsx("svg", { ...common, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M13.5 20v-6.2h2.1l.4-2.6h-2.5V9.6c0-.8.3-1.3 1.3-1.3h1.3V6c-.3 0-1-.1-1.9-.1-2 0-3.3 1.2-3.3 3.4v1.9H8.7v2.6h2.2V20h2.6z" }) });
-  }
-  if (p.includes("linkedin")) {
-    return /* @__PURE__ */ jsxs("svg", { ...common, fill: "currentColor", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6.4", r: "1.8" }),
-      /* @__PURE__ */ jsx("rect", { x: "4.6", y: "9.6", width: "2.8", height: "9.9" }),
-      /* @__PURE__ */ jsx("path", { d: "M10.4 9.6h2.7v1.4c.5-.9 1.6-1.7 3.1-1.7 2.4 0 3.7 1.5 3.7 4.3v5.9h-2.8v-5.4c0-1.5-.6-2.3-1.7-2.3-1.2 0-2.2.8-2.2 2.4v5.3h-2.8V9.6z" })
-    ] });
-  }
-  if (p.includes("twitter") || p === "x" || p.startsWith("x ") || p.includes("(x)")) {
-    return /* @__PURE__ */ jsx("svg", { ...common, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M4.5 4.5h3.6l4.1 5.6 4.7-5.6h2.6l-6.1 7.2 6.4 8.4h-3.6l-4.4-6-5 6H4.2l6.5-7.7-6.2-7.9z" }) });
-  }
-  if (p.includes("youtube")) {
-    return /* @__PURE__ */ jsxs("svg", { ...common, fill: "currentColor", children: [
-      /* @__PURE__ */ jsx("rect", { x: "3.2", y: "6.2", width: "17.6", height: "11.6", rx: "3.2" }),
-      /* @__PURE__ */ jsx("path", { d: "M10.4 9.4v5.2l4.8-2.6z", fill: "var(--xicms-surface, #fff)" })
-    ] });
-  }
-  if (p.includes("whatsapp")) {
-    return /* @__PURE__ */ jsxs("svg", { ...common, fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
-      /* @__PURE__ */ jsx("path", { d: "M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z" }),
-      /* @__PURE__ */ jsx("path", { d: "M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2", strokeLinecap: "round", strokeLinejoin: "round" })
-    ] });
-  }
-  if (p.includes("tiktok")) {
-    return /* @__PURE__ */ jsx("svg", { ...common, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M14.5 4h2.6c.2 1.7 1.3 3 3 3.3v2.6a6.6 6.6 0 0 1-3.2-1v5.7a5.4 5.4 0 1 1-5.4-5.4c.2 0 .5 0 .7.1v2.8a2.6 2.6 0 1 0 2.3 2.6V4z" }) });
-  }
-  return null;
-}
-function SocialRender({ block }) {
-  const items = (block.items ?? []).filter((i) => i.href && i.platform);
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-social", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-social__list", children: items.map((it, i) => {
-      const icon = SocialIcon({ platform: it.platform });
-      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: it.href, rel: "noopener noreferrer", target: "_blank", "aria-label": it.platform, title: it.platform, className: icon ? "xicms-social__iconlink" : void 0, children: icon ?? /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.platform`, children: it.platform }) }) }, i);
-    }) })
-  ] });
-}
 const socialBlock = defineBlock({
   type: "social",
-  Render: SocialRender,
+  Render: dynamic(() => import("./ContactRender.js").then((m) => m.SocialRender)),
   label: "Social-links",
   icon: "\u{1F517}",
   defaults: () => ({ items: [{ platform: "Instagram", href: "" }] })
 });
 export {
   contactBlock,
-  contactJsonLd,
   socialBlock
 };
 //# sourceMappingURL=Contact.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Contact.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { ContactBlockSchema, SocialBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\n\n/* ── Contact ─────────────────────────────────────────────────────────────── */\ntype Contact = z.infer<typeof ContactBlockSchema>;\nexport function contactJsonLd(b: Contact): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"LocalBusiness\",\n    // Gedeeld relatief @id: contact-, openingstijden- en layout-JSON-LD beschrijven hetzelfde\n    // bedrijf; zonder @id ziet Google drie conflicterende LocalBusiness-entiteiten per pagina.\n    \"@id\": \"#business\",\n    // Bewust géén `name: heading` — de blokkop is meestal \"Contact\" en zou als bedrijfsnaam in de\n    // samengevoegde #business-entiteit belanden; de naam komt uit de layout-brede businessJsonLd.\n    ...(b.address ? { address: b.address } : {}),\n    ...(b.phone ? { telephone: b.phone } : {}),\n    ...(b.email ? { email: b.email } : {}),\n    ...(b.geo ? { geo: { \"@type\": \"GeoCoordinates\", latitude: b.geo.lat, longitude: b.geo.lng } } : {}),\n  };\n}\nfunction ContactRender({ block }: BlockRenderProps<Contact>) {\n  return (\n    <section className=\"xicms-contact\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <dl className=\"xicms-contact__list\">\n        {block.address && (\n          <div className=\"xicms-contact__row\">\n            <dt>Adres</dt>\n            <dd data-xicms-edit=\"address\">{block.address}</dd>\n          </div>\n        )}\n        {block.phone && (\n          <div className=\"xicms-contact__row\">\n            <dt>Telefoon</dt>\n            <dd><a href={`tel:${block.phone.replace(/\\s+/g, \"\")}`} data-xicms-edit=\"phone\">{block.phone}</a></dd>\n          </div>\n        )}\n        {block.email && (\n          <div className=\"xicms-contact__row\">\n            <dt>E-mail</dt>\n            <dd><a href={`mailto:${block.email}`} data-xicms-edit=\"email\">{block.email}</a></dd>\n          </div>\n        )}\n        {block.hours && (\n          <div className=\"xicms-contact__row\">\n            <dt>Openingstijden</dt>\n            <dd data-xicms-edit=\"hours\">{block.hours}</dd>\n          </div>\n        )}\n      </dl>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(contactJsonLd(block)) }}\n        />\n      )}\n    </section>\n  );\n}\nexport const contactBlock = defineBlock({\n  type: \"contact\",\n  Render: ContactRender,\n  label: \"Contactgegevens\",\n  icon: \"📇\",\n  defaults: () => ({ heading: \"Contact\", jsonLd: true }),\n});\n\n/* ── Social ──────────────────────────────────────────────────────────────── */\ntype Social = z.infer<typeof SocialBlockSchema>;\n\n/**\n * Minimalistische, monochrome merk-iconen (currentColor) — geen icon-dependency nodig.\n * Onbekende platformen vallen terug op de tekstweergave, dus niets breekt.\n */\nfunction SocialIcon({ platform }: { platform: string }) {\n  const p = platform.toLowerCase();\n  const common = { width: 22, height: 22, viewBox: \"0 0 24 24\", \"aria-hidden\": true } as const;\n  if (p.includes(\"instagram\")) {\n    return (\n      <svg {...common} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.8\">\n        <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"4.5\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3.6\" />\n        <circle cx=\"16.7\" cy=\"7.3\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"facebook\")) {\n    return (\n      <svg {...common} fill=\"currentColor\">\n        <path d=\"M13.5 20v-6.2h2.1l.4-2.6h-2.5V9.6c0-.8.3-1.3 1.3-1.3h1.3V6c-.3 0-1-.1-1.9-.1-2 0-3.3 1.2-3.3 3.4v1.9H8.7v2.6h2.2V20h2.6z\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"linkedin\")) {\n    return (\n      <svg {...common} fill=\"currentColor\">\n        <circle cx=\"6\" cy=\"6.4\" r=\"1.8\" />\n        <rect x=\"4.6\" y=\"9.6\" width=\"2.8\" height=\"9.9\" />\n        <path d=\"M10.4 9.6h2.7v1.4c.5-.9 1.6-1.7 3.1-1.7 2.4 0 3.7 1.5 3.7 4.3v5.9h-2.8v-5.4c0-1.5-.6-2.3-1.7-2.3-1.2 0-2.2.8-2.2 2.4v5.3h-2.8V9.6z\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"twitter\") || p === \"x\" || p.startsWith(\"x \") || p.includes(\"(x)\")) {\n    return (\n      <svg {...common} fill=\"currentColor\">\n        <path d=\"M4.5 4.5h3.6l4.1 5.6 4.7-5.6h2.6l-6.1 7.2 6.4 8.4h-3.6l-4.4-6-5 6H4.2l6.5-7.7-6.2-7.9z\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"youtube\")) {\n    return (\n      <svg {...common} fill=\"currentColor\">\n        <rect x=\"3.2\" y=\"6.2\" width=\"17.6\" height=\"11.6\" rx=\"3.2\" />\n        <path d=\"M10.4 9.4v5.2l4.8-2.6z\" fill=\"var(--xicms-surface, #fff)\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"whatsapp\")) {\n    return (\n      <svg {...common} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.8\">\n        <path d=\"M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z\" />\n        <path d=\"M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n    );\n  }\n  if (p.includes(\"tiktok\")) {\n    return (\n      <svg {...common} fill=\"currentColor\">\n        <path d=\"M14.5 4h2.6c.2 1.7 1.3 3 3 3.3v2.6a6.6 6.6 0 0 1-3.2-1v5.7a5.4 5.4 0 1 1-5.4-5.4c.2 0 .5 0 .7.1v2.8a2.6 2.6 0 1 0 2.3 2.6V4z\" />\n      </svg>\n    );\n  }\n  return null;\n}\n\nfunction SocialRender({ block }: BlockRenderProps<Social>) {\n  const items = (block.items ?? []).filter((i) => i.href && i.platform);\n  if (items.length === 0) return null;\n  return (\n    <section className=\"xicms-social\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-social__list\">\n        {items.map((it, i) => {\n          // Als functie aangeroepen (geen hooks) zodat `null` echt null is — een JSX-element\n          // zou altijd truthy zijn en de tekst-fallback nooit tonen.\n          const icon = SocialIcon({ platform: it.platform });\n          return (\n            <li key={i}>\n              <a href={it.href} rel=\"noopener noreferrer\" target=\"_blank\" aria-label={it.platform} title={it.platform} className={icon ? \"xicms-social__iconlink\" : undefined}>\n                {icon ?? <span data-xicms-edit={`items.${i}.platform`}>{it.platform}</span>}\n              </a>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  );\n}\nexport const socialBlock = defineBlock({\n  type: \"social\",\n  Render: SocialRender,\n  label: \"Social-links\",\n  icon: \"🔗\",\n  defaults: () => ({ items: [{ platform: \"Instagram\", href: \"\" }] }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Contact.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const contactBlock = defineBlock({\n  type: \"contact\",\n  Render: dynamic(() => import(\"./ContactRender\").then((m) => m.ContactRender)),\n  label: \"Contactgegevens\",\n  icon: \"📇\",\n  defaults: () => ({ heading: \"Contact\", jsonLd: true }),\n});\n\nexport const socialBlock = defineBlock({\n  type: \"social\",\n  Render: dynamic(() => import(\"./ContactRender\").then((m) => m.SocialRender)),\n  label: \"Social-links\",\n  icon: \"🔗\",\n  defaults: () => ({ items: [{ platform: \"Instagram\", href: \"\" }] }),\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,EAAE,SAAS,WAAW,QAAQ,KAAK;AACtD,CAAC;AAEM,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;AAAA,EAC3E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,CAAC,EAAE,UAAU,aAAa,MAAM,GAAG,CAAC,EAAE;AAClE,CAAC;","names":[]}

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

@@ -0,0 +1,9 @@
+import type { z } from "zod";
+import type { ContactBlockSchema, SocialBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Contact = z.infer<typeof ContactBlockSchema>;
+export declare function contactJsonLd(b: Contact): Record<string, unknown>;
+export declare function ContactRender({ block }: BlockRenderProps<Contact>): import("react").JSX.Element;
+type Social = z.infer<typeof SocialBlockSchema>;
+export declare function SocialRender({ block }: BlockRenderProps<Social>): import("react").JSX.Element | null;
+export {};