@xiwebdesign/xicms-core 7.13.0 → 7.15.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Jobs.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { JobsBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { useSiteConfig } from \"../../config\";\nimport { VStack, Card, Heading, Text, Btn } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Jobs = z.infer<typeof JobsBlockSchema>;\ntype JobItem = Jobs[\"items\"][number];\n\n/** Vrije-tekst dienstverband → schema.org-enum (Google keurt vrije tekst af). */\nexport function employmentTypeEnum(value?: string): string | null {\n  const v = (value ?? \"\").toLowerCase();\n  if (!v) return null;\n  if (v.includes(\"full\") || v.includes(\"voltijd\")) return \"FULL_TIME\";\n  if (v.includes(\"part\") || v.includes(\"deeltijd\") || /\\d+\\s*[–-]?\\s*\\d*\\s*uur/.test(v)) return \"PART_TIME\";\n  if (v.includes(\"bbl\") || v.includes(\"leerling\") || v.includes(\"stage\") || v.includes(\"intern\")) return \"INTERN\";\n  if (v.includes(\"tijdelijk\") || v.includes(\"temp\")) return \"TEMPORARY\";\n  if (v.includes(\"zzp\") || v.includes(\"freelance\") || v.includes(\"contract\")) return \"CONTRACTOR\";\n  return null;\n}\n\n/**\n * JobPosting-JSON-LD per vacature (Google Jobs). Puur en getest. Alleen vacatures met de door\n * Google vereiste kernvelden (titel + plaatsingsdatum + locatie + omschrijving) komen in de JSON-LD\n * — incomplete items renderen wél op de pagina maar leveren geen Search-Console-errors op. Salaris\n * (\"€ 2.800 – € 3.400 p/m\") is geen geldige MonetaryAmount en wordt bewust weggelaten.\n */\nexport function jobsJsonLd(items: JobItem[], orgName: string): Array<Record<string, unknown>> {\n  return items\n    .filter((j) => j.title && j.datePosted && j.location && j.description)\n    .map((j) => {\n      const employment = employmentTypeEnum(j.employmentType);\n      return {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"JobPosting\",\n        title: j.title,\n        hiringOrganization: { \"@type\": \"Organization\", name: orgName },\n        ...(j.description ? { description: j.description } : {}),\n        datePosted: j.datePosted,\n        ...(employment ? { employmentType: employment } : {}),\n        jobLocation: { \"@type\": \"Place\", address: { \"@type\": \"PostalAddress\", addressLocality: j.location } },\n        ...(j.applyUrl ? { url: j.applyUrl } : {}),\n      };\n    });\n}\n\n/** Vacature-overzicht met JobPosting-JSON-LD — vindbaar via Google Jobs. */\nfunction JobsRender({ block }: BlockRenderProps<Jobs>) {\n  const { name } = useSiteConfig();\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden (items.N.title) moeten daarheen wijzen.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((j) => j.title);\n  if (items.length === 0 && !block.heading) return null;\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-jobs\">\n      {(block.heading || block.intro) && (\n        <VStack gap={1}>\n          {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n          {block.intro && <Text color=\"secondary\" data-xicms-edit=\"intro\">{block.intro}</Text>}\n        </VStack>\n      )}\n      {items.length === 0 && <Text color=\"secondary\">Er zijn op dit moment geen openstaande vacatures.</Text>}\n      <VStack gap={3}>\n        {items.map((j) => {\n          const i = j._i;\n          return (\n          <Card key={i} padding={4} className=\"xicms-jobs__item\">\n            <VStack gap={1.5}>\n              <div className=\"xicms-jobs__head\">\n                <Heading level={3} data-xicms-edit={`items.${i}.title`}>{j.title}</Heading>\n                <span className=\"xicms-jobs__meta\">\n                  {([\"employmentType\", \"location\", \"salary\"] as const)\n                    .map((veld) => ({ veld, waarde: j[veld] }))\n                    .filter((f) => f.waarde)\n                    .map((f, n) => (\n                      <span key={f.veld}>\n                        {n > 0 && \" · \"}\n                        <span data-xicms-edit={`items.${i}.${f.veld}`}>{f.waarde}</span>\n                      </span>\n                    ))}\n                </span>\n              </div>\n              {j.description && <Text color=\"secondary\" data-xicms-edit={`items.${i}.description`}>{j.description}</Text>}\n              {j.applyUrl && (\n                <div>\n                  <Btn label=\"Solliciteer\" href={j.applyUrl} variant=\"primary\" />\n                </div>\n              )}\n            </VStack>\n          </Card>\n          );\n        })}\n      </VStack>\n      {block.jsonLd &&\n        jobsJsonLd(items, name).map((ld, i) => (\n          <script\n            key={i}\n            type=\"application/ld+json\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{ __html: jsonLdHtml(ld) }}\n          />\n        ))}\n    </VStack>\n  );\n}\n\nexport const jobsBlock = defineBlock({\n  type: \"jobs\",\n  fields: { \"items.datePosted\": { type: \"date\" } },\n  Render: JobsRender,\n  label: \"Vacatures\",\n  icon: \"🧑‍🔧\",\n  defaults: () => ({\n    heading: \"Vacatures\",\n    items: [{ title: \"Vacaturetitel\", employmentType: \"Fulltime\", location: \"\" }],\n    jsonLd: true,\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Jobs.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const jobsBlock = defineBlock({\n  type: \"jobs\",\n  fields: { \"items.datePosted\": { type: \"date\" } },\n  Render: dynamic(() => import(\"./JobsRender\").then((m) => m.JobsRender)),\n  label: \"Vacatures\",\n  icon: \"🧑‍🔧\",\n  defaults: () => ({\n    heading: \"Vacatures\",\n    items: [{ title: \"Vacaturetitel\", employmentType: \"Fulltime\", location: \"\" }],\n    jsonLd: true,\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ,EAAE,oBAAoB,EAAE,MAAM,OAAO,EAAE;AAAA,EAC/C,QAAQ,QAAQ,MAAM,OAAO,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC;AAAA,EACtE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,iBAAiB,gBAAgB,YAAY,UAAU,GAAG,CAAC;AAAA,IAC5E,QAAQ;AAAA,EACV;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,17 @@
+import type { z } from "zod";
+import type { JobsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Jobs = z.infer<typeof JobsBlockSchema>;
+type JobItem = Jobs["items"][number];
+/** Vrije-tekst dienstverband → schema.org-enum (Google keurt vrije tekst af). */
+export declare function employmentTypeEnum(value?: string): string | null;
+/**
+ * JobPosting-JSON-LD per vacature (Google Jobs). Puur en getest. Alleen vacatures met de door
+ * Google vereiste kernvelden (titel + plaatsingsdatum + locatie + omschrijving) komen in de JSON-LD
+ * — incomplete items renderen wél op de pagina maar leveren geen Search-Console-errors op. Salaris
+ * ("€ 2.800 – € 3.400 p/m") is geen geldige MonetaryAmount en wordt bewust weggelaten.
+ */
+export declare function jobsJsonLd(items: JobItem[], orgName: string): Array<Record<string, unknown>>;
+/** Vacature-overzicht met JobPosting-JSON-LD — vindbaar via Google Jobs. */
+export declare function JobsRender({ block }: BlockRenderProps<Jobs>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/JobsRender.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSiteConfig } from "../../config.js";
+import { VStack, Card, Heading, Text, Btn } from "../ui/index.js";
+import { jsonLdHtml } from "./jsonld.js";
+function employmentTypeEnum(value) {
+  const v = (value ?? "").toLowerCase();
+  if (!v) return null;
+  if (v.includes("full") || v.includes("voltijd")) return "FULL_TIME";
+  if (v.includes("part") || v.includes("deeltijd") || /\d+\s*[–-]?\s*\d*\s*uur/.test(v)) return "PART_TIME";
+  if (v.includes("bbl") || v.includes("leerling") || v.includes("stage") || v.includes("intern")) return "INTERN";
+  if (v.includes("tijdelijk") || v.includes("temp")) return "TEMPORARY";
+  if (v.includes("zzp") || v.includes("freelance") || v.includes("contract")) return "CONTRACTOR";
+  return null;
+}
+function jobsJsonLd(items, orgName) {
+  return items.filter((j) => j.title && j.datePosted && j.location && j.description).map((j) => {
+    const employment = employmentTypeEnum(j.employmentType);
+    return {
+      "@context": "https://schema.org",
+      "@type": "JobPosting",
+      title: j.title,
+      hiringOrganization: { "@type": "Organization", name: orgName },
+      ...j.description ? { description: j.description } : {},
+      datePosted: j.datePosted,
+      ...employment ? { employmentType: employment } : {},
+      jobLocation: { "@type": "Place", address: { "@type": "PostalAddress", addressLocality: j.location } },
+      ...j.applyUrl ? { url: j.applyUrl } : {}
+    };
+  });
+}
+function JobsRender({ block }) {
+  const { name } = useSiteConfig();
+  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((j) => j.title);
+  if (items.length === 0 && !block.heading) return null;
+  return /* @__PURE__ */ jsxs(VStack, { gap: 4, as: "section", className: "xicms-jobs", children: [
+    (block.heading || block.intro) && /* @__PURE__ */ jsxs(VStack, { gap: 1, children: [
+      block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+      block.intro && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": "intro", children: block.intro })
+    ] }),
+    items.length === 0 && /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Er zijn op dit moment geen openstaande vacatures." }),
+    /* @__PURE__ */ jsx(VStack, { gap: 3, children: items.map((j) => {
+      const i = j._i;
+      return /* @__PURE__ */ jsx(Card, { padding: 4, className: "xicms-jobs__item", children: /* @__PURE__ */ jsxs(VStack, { gap: 1.5, children: [
+        /* @__PURE__ */ jsxs("div", { className: "xicms-jobs__head", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 3, "data-xicms-edit": `items.${i}.title`, children: j.title }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-jobs__meta", children: ["employmentType", "location", "salary"].map((veld) => ({ veld, waarde: j[veld] })).filter((f) => f.waarde).map((f, n) => /* @__PURE__ */ jsxs("span", { children: [
+            n > 0 && " \xB7 ",
+            /* @__PURE__ */ jsx("span", { "data-xicms-edit": `items.${i}.${f.veld}`, children: f.waarde })
+          ] }, f.veld)) })
+        ] }),
+        j.description && /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `items.${i}.description`, children: j.description }),
+        j.applyUrl && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Btn, { label: "Solliciteer", href: j.applyUrl, variant: "primary" }) })
+      ] }) }, i);
+    }) }),
+    block.jsonLd && jobsJsonLd(items, name).map((ld, i) => /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(ld) }
+      },
+      i
+    ))
+  ] });
+}
+export {
+  JobsRender,
+  employmentTypeEnum,
+  jobsJsonLd
+};
+//# sourceMappingURL=JobsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/JobsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { JobsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { useSiteConfig } from \"../../config\";\nimport { VStack, Card, Heading, Text, Btn } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Jobs = z.infer<typeof JobsBlockSchema>;\ntype JobItem = Jobs[\"items\"][number];\n\n/** Vrije-tekst dienstverband → schema.org-enum (Google keurt vrije tekst af). */\nexport function employmentTypeEnum(value?: string): string | null {\n  const v = (value ?? \"\").toLowerCase();\n  if (!v) return null;\n  if (v.includes(\"full\") || v.includes(\"voltijd\")) return \"FULL_TIME\";\n  if (v.includes(\"part\") || v.includes(\"deeltijd\") || /\\d+\\s*[–-]?\\s*\\d*\\s*uur/.test(v)) return \"PART_TIME\";\n  if (v.includes(\"bbl\") || v.includes(\"leerling\") || v.includes(\"stage\") || v.includes(\"intern\")) return \"INTERN\";\n  if (v.includes(\"tijdelijk\") || v.includes(\"temp\")) return \"TEMPORARY\";\n  if (v.includes(\"zzp\") || v.includes(\"freelance\") || v.includes(\"contract\")) return \"CONTRACTOR\";\n  return null;\n}\n\n/**\n * JobPosting-JSON-LD per vacature (Google Jobs). Puur en getest. Alleen vacatures met de door\n * Google vereiste kernvelden (titel + plaatsingsdatum + locatie + omschrijving) komen in de JSON-LD\n * — incomplete items renderen wél op de pagina maar leveren geen Search-Console-errors op. Salaris\n * (\"€ 2.800 – € 3.400 p/m\") is geen geldige MonetaryAmount en wordt bewust weggelaten.\n */\nexport function jobsJsonLd(items: JobItem[], orgName: string): Array<Record<string, unknown>> {\n  return items\n    .filter((j) => j.title && j.datePosted && j.location && j.description)\n    .map((j) => {\n      const employment = employmentTypeEnum(j.employmentType);\n      return {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"JobPosting\",\n        title: j.title,\n        hiringOrganization: { \"@type\": \"Organization\", name: orgName },\n        ...(j.description ? { description: j.description } : {}),\n        datePosted: j.datePosted,\n        ...(employment ? { employmentType: employment } : {}),\n        jobLocation: { \"@type\": \"Place\", address: { \"@type\": \"PostalAddress\", addressLocality: j.location } },\n        ...(j.applyUrl ? { url: j.applyUrl } : {}),\n      };\n    });\n}\n\n/** Vacature-overzicht met JobPosting-JSON-LD — vindbaar via Google Jobs. */\nexport function JobsRender({ block }: BlockRenderProps<Jobs>) {\n  const { name } = useSiteConfig();\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden (items.N.title) moeten daarheen wijzen.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((j) => j.title);\n  if (items.length === 0 && !block.heading) return null;\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-jobs\">\n      {(block.heading || block.intro) && (\n        <VStack gap={1}>\n          {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n          {block.intro && <Text color=\"secondary\" data-xicms-edit=\"intro\">{block.intro}</Text>}\n        </VStack>\n      )}\n      {items.length === 0 && <Text color=\"secondary\">Er zijn op dit moment geen openstaande vacatures.</Text>}\n      <VStack gap={3}>\n        {items.map((j) => {\n          const i = j._i;\n          return (\n          <Card key={i} padding={4} className=\"xicms-jobs__item\">\n            <VStack gap={1.5}>\n              <div className=\"xicms-jobs__head\">\n                <Heading level={3} data-xicms-edit={`items.${i}.title`}>{j.title}</Heading>\n                <span className=\"xicms-jobs__meta\">\n                  {([\"employmentType\", \"location\", \"salary\"] as const)\n                    .map((veld) => ({ veld, waarde: j[veld] }))\n                    .filter((f) => f.waarde)\n                    .map((f, n) => (\n                      <span key={f.veld}>\n                        {n > 0 && \" · \"}\n                        <span data-xicms-edit={`items.${i}.${f.veld}`}>{f.waarde}</span>\n                      </span>\n                    ))}\n                </span>\n              </div>\n              {j.description && <Text color=\"secondary\" data-xicms-edit={`items.${i}.description`}>{j.description}</Text>}\n              {j.applyUrl && (\n                <div>\n                  <Btn label=\"Solliciteer\" href={j.applyUrl} variant=\"primary\" />\n                </div>\n              )}\n            </VStack>\n          </Card>\n          );\n        })}\n      </VStack>\n      {block.jsonLd &&\n        jobsJsonLd(items, name).map((ld, i) => (\n          <script\n            key={i}\n            type=\"application/ld+json\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{ __html: jsonLdHtml(ld) }}\n          />\n        ))}\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/blocks/builtins/Layout.js

@@ -1,52 +1,16 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { BlockRenderer } from "../BlockRenderer.js";
-import { useRegistry } from "../context.js";
-import { TabList, Tab } from "@astryxdesign/core/TabList";
-function WithSidebarRender({ block, siteId, mode }) {
-  const registry = useRegistry();
-  const main = /* @__PURE__ */ jsx("div", { className: "xicms-sidebar__main", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: block.main, registry, siteId, mode }) });
-  const aside = /* @__PURE__ */ jsx("aside", { "aria-label": "Zijbalk", className: `xicms-sidebar__aside${block.sticky ? " xicms-sidebar__aside--sticky" : ""}`, children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: block.aside, registry, siteId, mode }) });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "xicms-sidebar",
-      "data-side": block.side,
-      "data-width": block.sidebarWidth,
-      children: block.side === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        aside,
-        main
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        main,
-        aside
-      ] })
-    }
-  );
-}
 const withSidebarBlock = defineBlock({
   type: "withSidebar",
-  Render: WithSidebarRender,
+  Render: dynamic(() => import("./LayoutRender.js").then((m) => m.WithSidebarRender)),
   label: "Met zijbalk",
   icon: "\u25A4",
   category: "layout",
   defaults: () => ({ main: [], aside: [], side: "right", sidebarWidth: "md", sticky: true })
 });
-function TabsRender({ block, siteId, mode }) {
-  const registry = useRegistry();
-  const tabs = block.tabs ?? [];
-  const [active, setActive] = useState("0");
-  if (tabs.length === 0) return null;
-  const current = Math.min(Math.max(Number(active) || 0, 0), tabs.length - 1);
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-tabs", children: [
-    /* @__PURE__ */ jsx(TabList, { value: String(current), onChange: setActive, hasDivider: true, children: tabs.map((t, i) => /* @__PURE__ */ jsx(Tab, { value: String(i), label: t.label || `Tab ${i + 1}` }, i)) }),
-    /* @__PURE__ */ jsx("div", { role: "tabpanel", "aria-label": tabs[current].label || `Tab ${current + 1}`, style: { marginTop: "1.25rem" }, children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: tabs[current].blocks, registry, siteId, mode }) })
-  ] });
-}
 const tabsBlock = defineBlock({
   type: "tabs",
-  Render: TabsRender,
+  Render: dynamic(() => import("./LayoutRender.js").then((m) => m.TabsRender)),
   label: "Tabbladen",
   icon: "\u{1F5C2}\uFE0F",
   category: "layout",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Layout.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { WithSidebarBlockSchema, TabsBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { TabList, Tab } from \"@astryxdesign/core/TabList\";\n\n/* ── Met zijbalk ───────────────────────────────────────────────────────────\n * Brede hoofdkolom + smalle (sticky) zijbalk. De zijbalk is dé plek voor de compacte\n * widget-varianten (\"laatste nieuws\", \"komende agenda\", contact, …). Beide kanten zijn\n * gewone block-arrays, dus alles wat op een pagina kan, kan ook hier. */\ntype WithSidebar = z.infer<typeof WithSidebarBlockSchema>;\n\nfunction WithSidebarRender({ block, siteId, mode }: BlockRenderProps<WithSidebar>) {\n  const registry = useRegistry();\n  const main = (\n    <div className=\"xicms-sidebar__main\">\n      <BlockRenderer blocks={block.main} registry={registry} siteId={siteId} mode={mode} />\n    </div>\n  );\n  const aside = (\n    <aside aria-label=\"Zijbalk\" className={`xicms-sidebar__aside${block.sticky ? \" xicms-sidebar__aside--sticky\" : \"\"}`}>\n      <BlockRenderer blocks={block.aside} registry={registry} siteId={siteId} mode={mode} />\n    </aside>\n  );\n  return (\n    <div\n      className=\"xicms-sidebar\"\n      data-side={block.side}\n      data-width={block.sidebarWidth}\n    >\n      {block.side === \"left\" ? (\n        <>\n          {aside}\n          {main}\n        </>\n      ) : (\n        <>\n          {main}\n          {aside}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const withSidebarBlock = defineBlock({\n  type: \"withSidebar\",\n  Render: WithSidebarRender,\n  label: \"Met zijbalk\",\n  icon: \"▤\",\n  category: \"layout\",\n  defaults: () => ({ main: [], aside: [], side: \"right\", sidebarWidth: \"md\", sticky: true }),\n});\n\n/* ── Tabbladen ─────────────────────────────────────────────────────────────\n * Per tab een eigen set blokken. Toegankelijk (role=tab/tabpanel, pijltjes-navigatie via\n * de browser-default focus). */\ntype Tabs = z.infer<typeof TabsBlockSchema>;\n\nfunction TabsRender({ block, siteId, mode }: BlockRenderProps<Tabs>) {\n  const registry = useRegistry();\n  const tabs = block.tabs ?? [];\n  const [active, setActive] = useState(\"0\");\n  if (tabs.length === 0) return null;\n  const current = Math.min(Math.max(Number(active) || 0, 0), tabs.length - 1);\n  return (\n    <section className=\"xicms-tabs\">\n      <TabList value={String(current)} onChange={setActive} hasDivider>\n        {tabs.map((t, i) => (\n          <Tab key={i} value={String(i)} label={t.label || `Tab ${i + 1}`} />\n        ))}\n      </TabList>\n      <div role=\"tabpanel\" aria-label={tabs[current].label || `Tab ${current + 1}`} style={{ marginTop: \"1.25rem\" }}>\n        <BlockRenderer blocks={tabs[current].blocks} registry={registry} siteId={siteId} mode={mode} />\n      </div>\n    </section>\n  );\n}\n\nexport const tabsBlock = defineBlock({\n  type: \"tabs\",\n  Render: TabsRender,\n  label: \"Tabbladen\",\n  icon: \"🗂️\",\n  category: \"layout\",\n  defaults: () => ({\n    tabs: [\n      { label: \"Tab 1\", blocks: [] },\n      { label: \"Tab 2\", blocks: [] },\n    ],\n  }),\n});\n"],"mappings":";AAoBM,SAeE,UAfF,KAeE,YAfF;AAlBN,SAAS,gBAAgB;AAGzB,SAAS,mBAA0C;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,SAAS,WAAW;AAQ7B,SAAS,kBAAkB,EAAE,OAAO,QAAQ,KAAK,GAAkC;AACjF,QAAM,WAAW,YAAY;AAC7B,QAAM,OACJ,oBAAC,SAAI,WAAU,uBACb,8BAAC,iBAAc,QAAQ,MAAM,MAAM,UAAoB,QAAgB,MAAY,GACrF;AAEF,QAAM,QACJ,oBAAC,WAAM,cAAW,WAAU,WAAW,uBAAuB,MAAM,SAAS,kCAAkC,EAAE,IAC/G,8BAAC,iBAAc,QAAQ,MAAM,OAAO,UAAoB,QAAgB,MAAY,GACtF;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAW,MAAM;AAAA,MACjB,cAAY,MAAM;AAAA,MAEjB,gBAAM,SAAS,SACd,iCACG;AAAA;AAAA,QACA;AAAA,SACH,IAEA,iCACG;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EAEJ;AAEJ;AAEO,MAAM,mBAAmB,YAAY;AAAA,EAC1C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,MAAM,SAAS,cAAc,MAAM,QAAQ,KAAK;AAC1F,CAAC;AAOD,SAAS,WAAW,EAAE,OAAO,QAAQ,KAAK,GAA2B;AACnE,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,MAAM,QAAQ,CAAC;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,GAAG;AACxC,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC;AAC1E,SACE,qBAAC,aAAQ,WAAU,cACjB;AAAA,wBAAC,WAAQ,OAAO,OAAO,OAAO,GAAG,UAAU,WAAW,YAAU,MAC7D,eAAK,IAAI,CAAC,GAAG,MACZ,oBAAC,OAAY,OAAO,OAAO,CAAC,GAAG,OAAO,EAAE,SAAS,OAAO,IAAI,CAAC,MAAnD,CAAuD,CAClE,GACH;AAAA,IACA,oBAAC,SAAI,MAAK,YAAW,cAAY,KAAK,OAAO,EAAE,SAAS,OAAO,UAAU,CAAC,IAAI,OAAO,EAAE,WAAW,UAAU,GAC1G,8BAAC,iBAAc,QAAQ,KAAK,OAAO,EAAE,QAAQ,UAAoB,QAAgB,MAAY,GAC/F;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO;AAAA,IACf,MAAM;AAAA,MACJ,EAAE,OAAO,SAAS,QAAQ,CAAC,EAAE;AAAA,MAC7B,EAAE,OAAO,SAAS,QAAQ,CAAC,EAAE;AAAA,IAC/B;AAAA,EACF;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Layout.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const withSidebarBlock = defineBlock({\n  type: \"withSidebar\",\n  Render: dynamic(() => import(\"./LayoutRender\").then((m) => m.WithSidebarRender)),\n  label: \"Met zijbalk\",\n  icon: \"▤\",\n  category: \"layout\",\n  defaults: () => ({ main: [], aside: [], side: \"right\", sidebarWidth: \"md\", sticky: true }),\n});\n\nexport const tabsBlock = defineBlock({\n  type: \"tabs\",\n  Render: dynamic(() => import(\"./LayoutRender\").then((m) => m.TabsRender)),\n  label: \"Tabbladen\",\n  icon: \"🗂️\",\n  category: \"layout\",\n  defaults: () => ({\n    tabs: [\n      { label: \"Tab 1\", blocks: [] },\n      { label: \"Tab 2\", blocks: [] },\n    ],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,mBAAmB,YAAY;AAAA,EAC1C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;AAAA,EAC/E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,MAAM,SAAS,cAAc,MAAM,QAAQ,KAAK;AAC1F,CAAC;AAEM,MAAM,YAAY,YAAY;AAAA,EACnC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC;AAAA,EACxE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO;AAAA,IACf,MAAM;AAAA,MACJ,EAAE,OAAO,SAAS,QAAQ,CAAC,EAAE;AAAA,MAC7B,EAAE,OAAO,SAAS,QAAQ,CAAC,EAAE;AAAA,IAC/B;AAAA,EACF;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { z } from "zod";
+import type { WithSidebarBlockSchema, TabsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type WithSidebar = z.infer<typeof WithSidebarBlockSchema>;
+export declare function WithSidebarRender({ block, siteId, mode }: BlockRenderProps<WithSidebar>): import("react").JSX.Element;
+type Tabs = z.infer<typeof TabsBlockSchema>;
+export declare function TabsRender({ block, siteId, mode }: BlockRenderProps<Tabs>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/LayoutRender.js

@@ -0,0 +1,42 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { BlockRenderer } from "../BlockRenderer.js";
+import { useRegistry } from "../context.js";
+import { TabList, Tab } from "@astryxdesign/core/TabList";
+function WithSidebarRender({ block, siteId, mode }) {
+  const registry = useRegistry();
+  const main = /* @__PURE__ */ jsx("div", { className: "xicms-sidebar__main", children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: block.main, registry, siteId, mode }) });
+  const aside = /* @__PURE__ */ jsx("aside", { "aria-label": "Zijbalk", className: `xicms-sidebar__aside${block.sticky ? " xicms-sidebar__aside--sticky" : ""}`, children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: block.aside, registry, siteId, mode }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "xicms-sidebar",
+      "data-side": block.side,
+      "data-width": block.sidebarWidth,
+      children: block.side === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        aside,
+        main
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        main,
+        aside
+      ] })
+    }
+  );
+}
+function TabsRender({ block, siteId, mode }) {
+  const registry = useRegistry();
+  const tabs = block.tabs ?? [];
+  const [active, setActive] = useState("0");
+  if (tabs.length === 0) return null;
+  const current = Math.min(Math.max(Number(active) || 0, 0), tabs.length - 1);
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-tabs", children: [
+    /* @__PURE__ */ jsx(TabList, { value: String(current), onChange: setActive, hasDivider: true, children: tabs.map((t, i) => /* @__PURE__ */ jsx(Tab, { value: String(i), label: t.label || `Tab ${i + 1}` }, i)) }),
+    /* @__PURE__ */ jsx("div", { role: "tabpanel", "aria-label": tabs[current].label || `Tab ${current + 1}`, style: { marginTop: "1.25rem" }, children: /* @__PURE__ */ jsx(BlockRenderer, { blocks: tabs[current].blocks, registry, siteId, mode }) })
+  ] });
+}
+export {
+  TabsRender,
+  WithSidebarRender
+};
+//# sourceMappingURL=LayoutRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/LayoutRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { WithSidebarBlockSchema, TabsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { BlockRenderer } from \"../BlockRenderer\";\nimport { useRegistry } from \"../context\";\nimport { TabList, Tab } from \"@astryxdesign/core/TabList\";\n\n/* ── Met zijbalk ───────────────────────────────────────────────────────────\n * Brede hoofdkolom + smalle (sticky) zijbalk. De zijbalk is dé plek voor de compacte\n * widget-varianten (\"laatste nieuws\", \"komende agenda\", contact, …). Beide kanten zijn\n * gewone block-arrays, dus alles wat op een pagina kan, kan ook hier. */\ntype WithSidebar = z.infer<typeof WithSidebarBlockSchema>;\n\nexport function WithSidebarRender({ block, siteId, mode }: BlockRenderProps<WithSidebar>) {\n  const registry = useRegistry();\n  const main = (\n    <div className=\"xicms-sidebar__main\">\n      <BlockRenderer blocks={block.main} registry={registry} siteId={siteId} mode={mode} />\n    </div>\n  );\n  const aside = (\n    <aside aria-label=\"Zijbalk\" className={`xicms-sidebar__aside${block.sticky ? \" xicms-sidebar__aside--sticky\" : \"\"}`}>\n      <BlockRenderer blocks={block.aside} registry={registry} siteId={siteId} mode={mode} />\n    </aside>\n  );\n  return (\n    <div\n      className=\"xicms-sidebar\"\n      data-side={block.side}\n      data-width={block.sidebarWidth}\n    >\n      {block.side === \"left\" ? (\n        <>\n          {aside}\n          {main}\n        </>\n      ) : (\n        <>\n          {main}\n          {aside}\n        </>\n      )}\n    </div>\n  );\n}\n\n/* ── Tabbladen ─────────────────────────────────────────────────────────────\n * Per tab een eigen set blokken. Toegankelijk (role=tab/tabpanel, pijltjes-navigatie via\n * de browser-default focus). */\ntype Tabs = z.infer<typeof TabsBlockSchema>;\n\nexport function TabsRender({ block, siteId, mode }: BlockRenderProps<Tabs>) {\n  const registry = useRegistry();\n  const tabs = block.tabs ?? [];\n  const [active, setActive] = useState(\"0\");\n  if (tabs.length === 0) return null;\n  const current = Math.min(Math.max(Number(active) || 0, 0), tabs.length - 1);\n  return (\n    <section className=\"xicms-tabs\">\n      <TabList value={String(current)} onChange={setActive} hasDivider>\n        {tabs.map((t, i) => (\n          <Tab key={i} value={String(i)} label={t.label || `Tab ${i + 1}`} />\n        ))}\n      </TabList>\n      <div role=\"tabpanel\" aria-label={tabs[current].label || `Tab ${current + 1}`} style={{ marginTop: \"1.25rem\" }}>\n        <BlockRenderer blocks={tabs[current].blocks} registry={registry} siteId={siteId} mode={mode} />\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAoBM,SAeE,UAfF,KAeE,YAfF;AAlBN,SAAS,gBAAgB;AAIzB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,SAAS,WAAW;AAQtB,SAAS,kBAAkB,EAAE,OAAO,QAAQ,KAAK,GAAkC;AACxF,QAAM,WAAW,YAAY;AAC7B,QAAM,OACJ,oBAAC,SAAI,WAAU,uBACb,8BAAC,iBAAc,QAAQ,MAAM,MAAM,UAAoB,QAAgB,MAAY,GACrF;AAEF,QAAM,QACJ,oBAAC,WAAM,cAAW,WAAU,WAAW,uBAAuB,MAAM,SAAS,kCAAkC,EAAE,IAC/G,8BAAC,iBAAc,QAAQ,MAAM,OAAO,UAAoB,QAAgB,MAAY,GACtF;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAW,MAAM;AAAA,MACjB,cAAY,MAAM;AAAA,MAEjB,gBAAM,SAAS,SACd,iCACG;AAAA;AAAA,QACA;AAAA,SACH,IAEA,iCACG;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EAEJ;AAEJ;AAOO,SAAS,WAAW,EAAE,OAAO,QAAQ,KAAK,GAA2B;AAC1E,QAAM,WAAW,YAAY;AAC7B,QAAM,OAAO,MAAM,QAAQ,CAAC;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,GAAG;AACxC,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC;AAC1E,SACE,qBAAC,aAAQ,WAAU,cACjB;AAAA,wBAAC,WAAQ,OAAO,OAAO,OAAO,GAAG,UAAU,WAAW,YAAU,MAC7D,eAAK,IAAI,CAAC,GAAG,MACZ,oBAAC,OAAY,OAAO,OAAO,CAAC,GAAG,OAAO,EAAE,SAAS,OAAO,IAAI,CAAC,MAAnD,CAAuD,CAClE,GACH;AAAA,IACA,oBAAC,SAAI,MAAK,YAAW,cAAY,KAAK,OAAO,EAAE,SAAS,OAAO,UAAU,CAAC,IAAI,OAAO,EAAE,WAAW,UAAU,GAC1G,8BAAC,iBAAc,QAAQ,KAAK,OAAO,EAAE,QAAQ,UAAoB,QAAgB,MAAY,GAC/F;AAAA,KACF;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/MapBlock.js

@@ -1,51 +1,8 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { ConsentEmbed } from "./consentEmbed.js";
-function osmSrc(block) {
-  if (block.lat != null && block.lng != null) {
-    const degPerTile = 360 / Math.pow(2, block.zoom);
-    const lngHalf = degPerTile * 1.25;
-    const latHalf = lngHalf * Math.cos(block.lat * Math.PI / 180) * 0.6;
-    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(",");
-    const marker = `${block.lat},${block.lng}`;
-    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;
-  }
-  return null;
-}
-function MapRender({ block, mode }) {
-  const src = block.provider === "google" ? block.query || null : osmSrc(block);
-  if (!src) {
-    if (block.provider === "osm" && block.query) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        mode === "preview" && /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F5FA}\uFE0F Kaart: vul co\xF6rdinaten (lat/lng) in om de kaart te tonen \u2014 nu staat er een kaartlink." }),
-        /* @__PURE__ */ jsxs("p", { className: "xicms-map__fallback", children: [
-          "\u{1F4CD}",
-          " ",
-          /* @__PURE__ */ jsxs("a", { href: `https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`, target: "_blank", rel: "noopener noreferrer", children: [
-            "Bekijk ",
-            /* @__PURE__ */ jsx("span", { "data-xicms-edit": "query", children: block.query }),
-            " op de kaart"
-          ] })
-        ] })
-      ] });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: "xicms-map", style: { height: `${block.height}px` }, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: "Kaart", children: /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src,
-      title: block.query ? `Kaart: ${block.query}` : "Kaart",
-      loading: "lazy",
-      style: { border: 0, width: "100%", height: "100%" },
-      referrerPolicy: "no-referrer-when-downgrade"
-    }
-  ) }) });
-}
 const mapBlock = defineBlock({
   type: "map",
-  Render: MapRender,
+  Render: dynamic(() => import("./MapBlockRender.js").then((m) => m.MapRender)),
   label: "Kaart",
   icon: "\u{1F5FA}\uFE0F",
   defaults: () => ({ provider: "osm", query: "", zoom: 14, height: 360, consentGated: true })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/MapBlock.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { MapBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype MapBlk = z.infer<typeof MapBlockSchema>;\n\n/**\n * Bouwt de OSM-embed-URL. OSM's `export/embed.html` negeert een tekst-`q` en centreert puur op\n * `bbox`; zonder bbox toont het de HELE WERELD. Daarom: als er `lat`/`lng` zijn, berekenen we\n * deterministisch een echte bbox rond het punt (zoom → graden-span, cos(lat)-correctie zodat de\n * kaart niet vervormt) + een marker. Zonder coördinaten is er geen zinvolle embed — de render\n * toont dan een kaartlink op basis van `query` (beter dan de wereldkaart die het q=-pad gaf).\n */\nfunction osmSrc(block: MapBlk): string | null {\n  if (block.lat != null && block.lng != null) {\n    const degPerTile = 360 / Math.pow(2, block.zoom);\n    const lngHalf = degPerTile * 1.25;\n    const latHalf = lngHalf * Math.cos((block.lat * Math.PI) / 180) * 0.6;\n    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(\",\");\n    const marker = `${block.lat},${block.lng}`;\n    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;\n  }\n  return null;\n}\n\nfunction MapRender({ block, mode }: BlockRenderProps<MapBlk>) {\n  const src = block.provider === \"google\" ? block.query || null : osmSrc(block);\n  if (!src) {\n    // OSM zonder coördinaten kán niet zinvol embedden (het legacy q=-pad toonde de wereldkaart).\n    // Toon een duidelijke kaartlink i.p.v. een nutteloze kaart, en leg het in de editor uit.\n    if (block.provider === \"osm\" && block.query) {\n      // In de editor stond hier alleen de uitleg. Daardoor was de zoekterm — het enige wat de\n      // bezoeker straks ziet — nergens aanklikbaar en dus niet inline te bewerken. Nu tonen we\n      // de uitleg én de kaartlink zoals hij live wordt.\n      return (\n        <>\n          {mode === \"preview\" && (\n            <p className=\"xicms-ve__hint\">🗺️ Kaart: vul coördinaten (lat/lng) in om de kaart te tonen — nu staat er een kaartlink.</p>\n          )}\n          <p className=\"xicms-map__fallback\">\n            📍{\" \"}\n            <a href={`https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`} target=\"_blank\" rel=\"noopener noreferrer\">\n              Bekijk <span data-xicms-edit=\"query\">{block.query}</span> op de kaart\n            </a>\n          </p>\n        </>\n      );\n    }\n    return null;\n  }\n  return (\n    <div className=\"xicms-map\" style={{ height: `${block.height}px` }}>\n      <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label=\"Kaart\">\n        <iframe\n          src={src}\n          title={block.query ? `Kaart: ${block.query}` : \"Kaart\"}\n          loading=\"lazy\"\n          style={{ border: 0, width: \"100%\", height: \"100%\" }}\n          referrerPolicy=\"no-referrer-when-downgrade\"\n        />\n      </ConsentEmbed>\n    </div>\n  );\n}\n\nexport const mapBlock = defineBlock({\n  type: \"map\",\n  Render: MapRender,\n  label: \"Kaart\",\n  icon: \"🗺️\",\n  defaults: () => ({ provider: \"osm\", query: \"\", zoom: 14, height: 360, consentGated: true }),\n});\n"],"mappings":";AAsCQ,mBAEI,KAIA,YANJ;AAlCR,SAAS,mBAA0C;AACnD,SAAS,oBAAoB;AAW7B,SAAS,OAAO,OAA8B;AAC5C,MAAI,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,aAAa,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;AAC/C,UAAM,UAAU,aAAa;AAC7B,UAAM,UAAU,UAAU,KAAK,IAAK,MAAM,MAAM,KAAK,KAAM,GAAG,IAAI;AAClE,UAAM,OAAO,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,OAAO,EAAE,KAAK,GAAG;AAC1G,UAAM,SAAS,GAAG,MAAM,GAAG,IAAI,MAAM,GAAG;AACxC,WAAO,wDAAwD,mBAAmB,IAAI,CAAC,wBAAwB,mBAAmB,MAAM,CAAC;AAAA,EAC3I;AACA,SAAO;AACT;AAEA,SAAS,UAAU,EAAE,OAAO,KAAK,GAA6B;AAC5D,QAAM,MAAM,MAAM,aAAa,WAAW,MAAM,SAAS,OAAO,OAAO,KAAK;AAC5E,MAAI,CAAC,KAAK;AAGR,QAAI,MAAM,aAAa,SAAS,MAAM,OAAO;AAI3C,aACE,iCACG;AAAA,iBAAS,aACR,oBAAC,OAAE,WAAU,kBAAiB,2HAAyF;AAAA,QAEzH,qBAAC,OAAE,WAAU,uBAAsB;AAAA;AAAA,UAC9B;AAAA,UACH,qBAAC,OAAE,MAAM,8CAA8C,mBAAmB,MAAM,KAAK,CAAC,IAAI,QAAO,UAAS,KAAI,uBAAsB;AAAA;AAAA,YAC3H,oBAAC,UAAK,mBAAgB,SAAS,gBAAM,OAAM;AAAA,YAAO;AAAA,aAC3D;AAAA,WACF;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,WAAU,aAAY,OAAO,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK,GAC9D,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAM,SAC1E;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,MAAM,QAAQ,UAAU,MAAM,KAAK,KAAK;AAAA,MAC/C,SAAQ;AAAA,MACR,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO;AAAA,MAClD,gBAAe;AAAA;AAAA,EACjB,GACF,GACF;AAEJ;AAEO,MAAM,WAAW,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,OAAO,OAAO,IAAI,MAAM,IAAI,QAAQ,KAAK,cAAc,KAAK;AAC3F,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/MapBlock.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const mapBlock = defineBlock({\n  type: \"map\",\n  Render: dynamic(() => import(\"./MapBlockRender\").then((m) => m.MapRender)),\n  label: \"Kaart\",\n  icon: \"🗺️\",\n  defaults: () => ({ provider: \"osm\", query: \"\", zoom: 14, height: 360, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,WAAW,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;AAAA,EACzE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,OAAO,OAAO,IAAI,MAAM,IAAI,QAAQ,KAAK,cAAc,KAAK;AAC3F,CAAC;","names":[]}

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

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

package/dist/blocks/builtins/MapBlockRender.js

@@ -0,0 +1,48 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ConsentEmbed } from "./consentEmbed.js";
+function osmSrc(block) {
+  if (block.lat != null && block.lng != null) {
+    const degPerTile = 360 / Math.pow(2, block.zoom);
+    const lngHalf = degPerTile * 1.25;
+    const latHalf = lngHalf * Math.cos(block.lat * Math.PI / 180) * 0.6;
+    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(",");
+    const marker = `${block.lat},${block.lng}`;
+    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;
+  }
+  return null;
+}
+function MapRender({ block, mode }) {
+  const src = block.provider === "google" ? block.query || null : osmSrc(block);
+  if (!src) {
+    if (block.provider === "osm" && block.query) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        mode === "preview" && /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F5FA}\uFE0F Kaart: vul co\xF6rdinaten (lat/lng) in om de kaart te tonen \u2014 nu staat er een kaartlink." }),
+        /* @__PURE__ */ jsxs("p", { className: "xicms-map__fallback", children: [
+          "\u{1F4CD}",
+          " ",
+          /* @__PURE__ */ jsxs("a", { href: `https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`, target: "_blank", rel: "noopener noreferrer", children: [
+            "Bekijk ",
+            /* @__PURE__ */ jsx("span", { "data-xicms-edit": "query", children: block.query }),
+            " op de kaart"
+          ] })
+        ] })
+      ] });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "xicms-map", style: { height: `${block.height}px` }, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: "Kaart", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src,
+      title: block.query ? `Kaart: ${block.query}` : "Kaart",
+      loading: "lazy",
+      style: { border: 0, width: "100%", height: "100%" },
+      referrerPolicy: "no-referrer-when-downgrade"
+    }
+  ) }) });
+}
+export {
+  MapRender
+};
+//# sourceMappingURL=MapBlockRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/MapBlockRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { MapBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype MapBlk = z.infer<typeof MapBlockSchema>;\n\n/**\n * Bouwt de OSM-embed-URL. OSM's `export/embed.html` negeert een tekst-`q` en centreert puur op\n * `bbox`; zonder bbox toont het de HELE WERELD. Daarom: als er `lat`/`lng` zijn, berekenen we\n * deterministisch een echte bbox rond het punt (zoom → graden-span, cos(lat)-correctie zodat de\n * kaart niet vervormt) + een marker. Zonder coördinaten is er geen zinvolle embed — de render\n * toont dan een kaartlink op basis van `query` (beter dan de wereldkaart die het q=-pad gaf).\n */\nfunction osmSrc(block: MapBlk): string | null {\n  if (block.lat != null && block.lng != null) {\n    const degPerTile = 360 / Math.pow(2, block.zoom);\n    const lngHalf = degPerTile * 1.25;\n    const latHalf = lngHalf * Math.cos((block.lat * Math.PI) / 180) * 0.6;\n    const bbox = [block.lng - lngHalf, block.lat - latHalf, block.lng + lngHalf, block.lat + latHalf].join(\",\");\n    const marker = `${block.lat},${block.lng}`;\n    return `https://www.openstreetmap.org/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(marker)}`;\n  }\n  return null;\n}\n\nexport function MapRender({ block, mode }: BlockRenderProps<MapBlk>) {\n  const src = block.provider === \"google\" ? block.query || null : osmSrc(block);\n  if (!src) {\n    // OSM zonder coördinaten kán niet zinvol embedden (het legacy q=-pad toonde de wereldkaart).\n    // Toon een duidelijke kaartlink i.p.v. een nutteloze kaart, en leg het in de editor uit.\n    if (block.provider === \"osm\" && block.query) {\n      // In de editor stond hier alleen de uitleg. Daardoor was de zoekterm — het enige wat de\n      // bezoeker straks ziet — nergens aanklikbaar en dus niet inline te bewerken. Nu tonen we\n      // de uitleg én de kaartlink zoals hij live wordt.\n      return (\n        <>\n          {mode === \"preview\" && (\n            <p className=\"xicms-ve__hint\">🗺️ Kaart: vul coördinaten (lat/lng) in om de kaart te tonen — nu staat er een kaartlink.</p>\n          )}\n          <p className=\"xicms-map__fallback\">\n            📍{\" \"}\n            <a href={`https://www.openstreetmap.org/search?query=${encodeURIComponent(block.query)}`} target=\"_blank\" rel=\"noopener noreferrer\">\n              Bekijk <span data-xicms-edit=\"query\">{block.query}</span> op de kaart\n            </a>\n          </p>\n        </>\n      );\n    }\n    return null;\n  }\n  return (\n    <div className=\"xicms-map\" style={{ height: `${block.height}px` }}>\n      <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label=\"Kaart\">\n        <iframe\n          src={src}\n          title={block.query ? `Kaart: ${block.query}` : \"Kaart\"}\n          loading=\"lazy\"\n          style={{ border: 0, width: \"100%\", height: \"100%\" }}\n          referrerPolicy=\"no-referrer-when-downgrade\"\n        />\n      </ConsentEmbed>\n    </div>\n  );\n}\n"],"mappings":";AAsCQ,mBAEI,KAIA,YANJ;AAjCR,SAAS,oBAAoB;AAW7B,SAAS,OAAO,OAA8B;AAC5C,MAAI,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,aAAa,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;AAC/C,UAAM,UAAU,aAAa;AAC7B,UAAM,UAAU,UAAU,KAAK,IAAK,MAAM,MAAM,KAAK,KAAM,GAAG,IAAI;AAClE,UAAM,OAAO,CAAC,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,OAAO,EAAE,KAAK,GAAG;AAC1G,UAAM,SAAS,GAAG,MAAM,GAAG,IAAI,MAAM,GAAG;AACxC,WAAO,wDAAwD,mBAAmB,IAAI,CAAC,wBAAwB,mBAAmB,MAAM,CAAC;AAAA,EAC3I;AACA,SAAO;AACT;AAEO,SAAS,UAAU,EAAE,OAAO,KAAK,GAA6B;AACnE,QAAM,MAAM,MAAM,aAAa,WAAW,MAAM,SAAS,OAAO,OAAO,KAAK;AAC5E,MAAI,CAAC,KAAK;AAGR,QAAI,MAAM,aAAa,SAAS,MAAM,OAAO;AAI3C,aACE,iCACG;AAAA,iBAAS,aACR,oBAAC,OAAE,WAAU,kBAAiB,2HAAyF;AAAA,QAEzH,qBAAC,OAAE,WAAU,uBAAsB;AAAA;AAAA,UAC9B;AAAA,UACH,qBAAC,OAAE,MAAM,8CAA8C,mBAAmB,MAAM,KAAK,CAAC,IAAI,QAAO,UAAS,KAAI,uBAAsB;AAAA;AAAA,YAC3H,oBAAC,UAAK,mBAAgB,SAAS,gBAAM,OAAM;AAAA,YAAO;AAAA,aAC3D;AAAA,WACF;AAAA,SACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,WAAU,aAAY,OAAO,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK,GAC9D,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAM,SAC1E;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,MAAM,QAAQ,UAAU,MAAM,KAAK,KAAK;AAAA,MAC/C,SAAQ;AAAA,MACR,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO;AAAA,MAClD,gBAAe;AAAA;AAAA,EACjB,GACF,GACF;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/NewsListBlock.js

@@ -1,17 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Heading } from "../ui/index.js";
-import { NewsList } from "../../components/News.js";
-function NewsListRender({ block }) {
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-newslist", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx(NewsList, { basePath: block.basePath, limit: block.limit, pageSize: block.pageSize })
-  ] });
-}
 const newsListBlock = defineBlock({
   type: "newsList",
-  Render: NewsListRender,
+  Render: dynamic(() => import("./NewsListBlockRender.js").then((m) => m.NewsListRender)),
   label: "Nieuwsoverzicht",
   icon: "\u{1F5DE}\uFE0F",
   defaults: () => ({ heading: "Laatste nieuws", limit: 6, basePath: "/nieuws" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlock.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { NewsListBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { NewsList } from \"../../components/News\";\n\ntype NewsListBlk = z.infer<typeof NewsListBlockSchema>;\n\nfunction NewsListRender({ block }: BlockRenderProps<NewsListBlk>) {\n  return (\n    <section className=\"xicms-newslist\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <NewsList basePath={block.basePath} limit={block.limit} pageSize={block.pageSize} />\n    </section>\n  );\n}\n\nexport const newsListBlock = defineBlock({\n  type: \"newsList\",\n  Render: NewsListRender,\n  label: \"Nieuwsoverzicht\",\n  icon: \"🗞️\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 6, basePath: \"/nieuws\" }),\n});\n"],"mappings":";AAYI,SACoB,KADpB;AARJ,SAAS,mBAA0C;AACnD,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAIzB,SAAS,eAAe,EAAE,MAAM,GAAkC;AAChE,SACE,qBAAC,aAAQ,WAAU,kBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,YAAS,UAAU,MAAM,UAAU,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU;AAAA,KACpF;AAEJ;AAEO,MAAM,gBAAgB,YAAY;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,kBAAkB,OAAO,GAAG,UAAU,UAAU;AAC9E,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlock.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const newsListBlock = defineBlock({\n  type: \"newsList\",\n  Render: dynamic(() => import(\"./NewsListBlockRender\").then((m) => m.NewsListRender)),\n  label: \"Nieuwsoverzicht\",\n  icon: \"🗞️\",\n  defaults: () => ({ heading: \"Laatste nieuws\", limit: 6, basePath: \"/nieuws\" }),\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,SAAS,kBAAkB,OAAO,GAAG,UAAU,UAAU;AAC9E,CAAC;","names":[]}

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

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

package/dist/blocks/builtins/NewsListBlockRender.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../ui/index.js";
+import { NewsList } from "../../components/News.js";
+function NewsListRender({ block }) {
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-newslist", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx(NewsList, { basePath: block.basePath, limit: block.limit, pageSize: block.pageSize })
+  ] });
+}
+export {
+  NewsListRender
+};
+//# sourceMappingURL=NewsListBlockRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/NewsListBlockRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { NewsListBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { NewsList } from \"../../components/News\";\n\ntype NewsListBlk = z.infer<typeof NewsListBlockSchema>;\n\nexport function NewsListRender({ block }: BlockRenderProps<NewsListBlk>) {\n  return (\n    <section className=\"xicms-newslist\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <NewsList basePath={block.basePath} limit={block.limit} pageSize={block.pageSize} />\n    </section>\n  );\n}\n"],"mappings":";AAYI,SACoB,KADpB;AAPJ,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAIlB,SAAS,eAAe,EAAE,MAAM,GAAkC;AACvE,SACE,qBAAC,aAAQ,WAAU,kBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,YAAS,UAAU,MAAM,UAAU,OAAO,MAAM,OAAO,UAAU,MAAM,UAAU;AAAA,KACpF;AAEJ;","names":[]}

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

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