@xiwebdesign/xicms-core 7.14.0 → 7.15.0

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

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

package/dist/blocks/builtins/Accordion.js

@@ -1,45 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Collapsible } from "@astryxdesign/core/Collapsible";
-import { VStack, Heading, Text } from "../ui/index.js";
-function AccordionRender({ block }) {
-  const items = (block.items ?? []).filter((i) => i.title);
-  const [openIdx, setOpenIdx] = useState(null);
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxs(VStack, { gap: 3, as: "section", className: "xicms-accordion", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx(VStack, { gap: 1.5, children: items.map((it, i) => {
-      const body = it.bodyHtml ? (
-        // Server-side gesanitized bij publiceren (*Html-velden) — zie functions/lib/sanitize.
-        // eslint-disable-next-line react/no-danger
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "xicms-richtext",
-            "data-xicms-edit": `items.${i}.bodyHtml`,
-            dangerouslySetInnerHTML: { __html: it.bodyHtml }
-          }
-        )
-      ) : /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `items.${i}.body`, children: it.body });
-      const trigger = /* @__PURE__ */ jsx(Text, { weight: "bold", "data-xicms-edit": `items.${i}.title`, children: it.title });
-      return block.multiple ? /* @__PURE__ */ jsx(Collapsible, { trigger, defaultIsOpen: false, children: body }, i) : /* @__PURE__ */ jsx(
-        Collapsible,
-        {
-          trigger,
-          isOpen: openIdx === i,
-          onOpenChange: (o) => setOpenIdx(o ? i : null),
-          children: body
-        },
-        i
-      );
-    }) })
-  ] });
-}
 const accordionBlock = defineBlock({
   type: "accordion",
-  Render: AccordionRender,
+  Render: dynamic(() => import("./AccordionRender.js").then((m) => m.AccordionRender)),
   label: "Accordeon",
   icon: "\u{1FA97}",
   defaults: () => ({ items: [{ title: "Titel", body: "Inhoud\u2026" }], multiple: false })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { AccordionBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Collapsible } from \"@astryxdesign/core/Collapsible\";\nimport { VStack, Heading, Text } from \"../ui\";\n\ntype Accordion = z.infer<typeof AccordionBlockSchema>;\n\n/** Accordeon op Astryx Collapsible. Bij `multiple: false` is er max. één paneel tegelijk open. */\nfunction AccordionRender({ block }: BlockRenderProps<Accordion>) {\n  const items = (block.items ?? []).filter((i) => i.title);\n  const [openIdx, setOpenIdx] = useState<number | null>(null);\n  if (items.length === 0) return null;\n  return (\n    <VStack gap={3} as=\"section\" className=\"xicms-accordion\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <VStack gap={1.5}>\n        {items.map((it, i) => {\n          const body = it.bodyHtml ? (\n            // Server-side gesanitized bij publiceren (*Html-velden) — zie functions/lib/sanitize.\n            // eslint-disable-next-line react/no-danger\n            <div\n              className=\"xicms-richtext\"\n              data-xicms-edit={`items.${i}.bodyHtml`}\n              dangerouslySetInnerHTML={{ __html: it.bodyHtml }}\n            />\n          ) : (\n            <Text color=\"secondary\" data-xicms-edit={`items.${i}.body`}>{it.body}</Text>\n          );\n          const trigger = <Text weight=\"bold\" data-xicms-edit={`items.${i}.title`}>{it.title}</Text>;\n          return block.multiple ? (\n            <Collapsible key={i} trigger={trigger} defaultIsOpen={false}>{body}</Collapsible>\n          ) : (\n            <Collapsible\n              key={i}\n              trigger={trigger}\n              isOpen={openIdx === i}\n              onOpenChange={(o) => setOpenIdx(o ? i : null)}\n            >\n              {body}\n            </Collapsible>\n          );\n        })}\n      </VStack>\n    </VStack>\n  );\n}\n\nexport const accordionBlock = defineBlock({\n  type: \"accordion\",\n  Render: AccordionRender,\n  label: \"Accordeon\",\n  icon: \"🪗\",\n  defaults: () => ({ items: [{ title: \"Titel\", body: \"Inhoud…\" }], multiple: false }),\n});\n"],"mappings":";AAiBI,SACoB,KADpB;AAfJ,SAAS,gBAAgB;AAGzB,SAAS,mBAA0C;AACnD,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,SAAS,YAAY;AAKtC,SAAS,gBAAgB,EAAE,MAAM,GAAgC;AAC/D,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAC1D,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE,qBAAC,UAAO,KAAK,GAAG,IAAG,WAAU,WAAU,mBACpC;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,UAAO,KAAK,KACV,gBAAM,IAAI,CAAC,IAAI,MAAM;AACpB,YAAM,OAAO,GAAG;AAAA;AAAA;AAAA,QAGd;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,mBAAiB,SAAS,CAAC;AAAA,YAC3B,yBAAyB,EAAE,QAAQ,GAAG,SAAS;AAAA;AAAA,QACjD;AAAA,UAEA,oBAAC,QAAK,OAAM,aAAY,mBAAiB,SAAS,CAAC,SAAU,aAAG,MAAK;AAEvE,YAAM,UAAU,oBAAC,QAAK,QAAO,QAAO,mBAAiB,SAAS,CAAC,UAAW,aAAG,OAAM;AACnF,aAAO,MAAM,WACX,oBAAC,eAAoB,SAAkB,eAAe,OAAQ,kBAA5C,CAAiD,IAEnE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ,YAAY;AAAA,UACpB,cAAc,CAAC,MAAM,WAAW,IAAI,IAAI,IAAI;AAAA,UAE3C;AAAA;AAAA,QALI;AAAA,MAMP;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAEO,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,SAAS,MAAM,eAAU,CAAC,GAAG,UAAU,MAAM;AACnF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Accordion.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const accordionBlock = defineBlock({\n  type: \"accordion\",\n  Render: dynamic(() => import(\"./AccordionRender\").then((m) => m.AccordionRender)),\n  label: \"Accordeon\",\n  icon: \"🪗\",\n  defaults: () => ({ items: [{ title: \"Titel\", body: \"Inhoud…\" }], multiple: false }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EAChF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,SAAS,MAAM,eAAU,CAAC,GAAG,UAAU,MAAM;AACnF,CAAC;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { AccordionBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Accordion = z.infer<typeof AccordionBlockSchema>;
+/** Accordeon op Astryx Collapsible. Bij `multiple: false` is er max. één paneel tegelijk open. */
+export declare function AccordionRender({ block }: BlockRenderProps<Accordion>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/AccordionRender.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Collapsible } from "@astryxdesign/core/Collapsible";
+import { VStack, Heading, Text } from "../ui/index.js";
+function AccordionRender({ block }) {
+  const items = (block.items ?? []).filter((i) => i.title);
+  const [openIdx, setOpenIdx] = useState(null);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs(VStack, { gap: 3, as: "section", className: "xicms-accordion", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx(VStack, { gap: 1.5, children: items.map((it, i) => {
+      const body = it.bodyHtml ? (
+        // Server-side gesanitized bij publiceren (*Html-velden) — zie functions/lib/sanitize.
+        // eslint-disable-next-line react/no-danger
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "xicms-richtext",
+            "data-xicms-edit": `items.${i}.bodyHtml`,
+            dangerouslySetInnerHTML: { __html: it.bodyHtml }
+          }
+        )
+      ) : /* @__PURE__ */ jsx(Text, { color: "secondary", "data-xicms-edit": `items.${i}.body`, children: it.body });
+      const trigger = /* @__PURE__ */ jsx(Text, { weight: "bold", "data-xicms-edit": `items.${i}.title`, children: it.title });
+      return block.multiple ? /* @__PURE__ */ jsx(Collapsible, { trigger, defaultIsOpen: false, children: body }, i) : /* @__PURE__ */ jsx(
+        Collapsible,
+        {
+          trigger,
+          isOpen: openIdx === i,
+          onOpenChange: (o) => setOpenIdx(o ? i : null),
+          children: body
+        },
+        i
+      );
+    }) })
+  ] });
+}
+export {
+  AccordionRender
+};
+//# sourceMappingURL=AccordionRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/AccordionRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { AccordionBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Collapsible } from \"@astryxdesign/core/Collapsible\";\nimport { VStack, Heading, Text } from \"../ui\";\n\ntype Accordion = z.infer<typeof AccordionBlockSchema>;\n\n/** Accordeon op Astryx Collapsible. Bij `multiple: false` is er max. één paneel tegelijk open. */\nexport function AccordionRender({ block }: BlockRenderProps<Accordion>) {\n  const items = (block.items ?? []).filter((i) => i.title);\n  const [openIdx, setOpenIdx] = useState<number | null>(null);\n  if (items.length === 0) return null;\n  return (\n    <VStack gap={3} as=\"section\" className=\"xicms-accordion\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <VStack gap={1.5}>\n        {items.map((it, i) => {\n          const body = it.bodyHtml ? (\n            // Server-side gesanitized bij publiceren (*Html-velden) — zie functions/lib/sanitize.\n            // eslint-disable-next-line react/no-danger\n            <div\n              className=\"xicms-richtext\"\n              data-xicms-edit={`items.${i}.bodyHtml`}\n              dangerouslySetInnerHTML={{ __html: it.bodyHtml }}\n            />\n          ) : (\n            <Text color=\"secondary\" data-xicms-edit={`items.${i}.body`}>{it.body}</Text>\n          );\n          const trigger = <Text weight=\"bold\" data-xicms-edit={`items.${i}.title`}>{it.title}</Text>;\n          return block.multiple ? (\n            <Collapsible key={i} trigger={trigger} defaultIsOpen={false}>{body}</Collapsible>\n          ) : (\n            <Collapsible\n              key={i}\n              trigger={trigger}\n              isOpen={openIdx === i}\n              onOpenChange={(o) => setOpenIdx(o ? i : null)}\n            >\n              {body}\n            </Collapsible>\n          );\n        })}\n      </VStack>\n    </VStack>\n  );\n}\n"],"mappings":";AAiBI,SACoB,KADpB;AAfJ,SAAS,gBAAgB;AAIzB,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,SAAS,YAAY;AAK/B,SAAS,gBAAgB,EAAE,MAAM,GAAgC;AACtE,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,IAAI;AAC1D,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE,qBAAC,UAAO,KAAK,GAAG,IAAG,WAAU,WAAU,mBACpC;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,UAAO,KAAK,KACV,gBAAM,IAAI,CAAC,IAAI,MAAM;AACpB,YAAM,OAAO,GAAG;AAAA;AAAA;AAAA,QAGd;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,mBAAiB,SAAS,CAAC;AAAA,YAC3B,yBAAyB,EAAE,QAAQ,GAAG,SAAS;AAAA;AAAA,QACjD;AAAA,UAEA,oBAAC,QAAK,OAAM,aAAY,mBAAiB,SAAS,CAAC,SAAU,aAAG,MAAK;AAEvE,YAAM,UAAU,oBAAC,QAAK,QAAO,QAAO,mBAAiB,SAAS,CAAC,UAAW,aAAG,OAAM;AACnF,aAAO,MAAM,WACX,oBAAC,eAAoB,SAAkB,eAAe,OAAQ,kBAA5C,CAAiD,IAEnE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ,YAAY;AAAA,UACpB,cAAc,CAAC,MAAM,WAAW,IAAI,IAAI,IAAI;AAAA,UAE3C;AAAA;AAAA,QALI;AAAA,MAMP;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1,29 +1 @@
-import type { z } from "zod";
-/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */
-export interface AgendaEvent {
-    title: string;
-    start: string;
-    end?: string;
-    location?: string;
-    description?: string;
-    url?: string;
-}
-/**
- * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date("2026-08-01")`
- * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers "31 juli" te zien kregen (en de
- * server/client bij hydration konden verschillen). "2026-08-01" is hier gewoon 1 augustus, overal.
- */
-export declare function parseEventDate(value: string): Date;
-/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */
-export declare function formatEventDate(value: string): string;
-/**
- * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert
- * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld
- * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo "haalt" de widget alles
- * uit dezelfde logica als de volledige versie.
- */
-export declare function selectAgendaEvents<T extends AgendaEvent>(events: T[] | undefined, opts?: {
-    hidePast?: boolean;
-    limit?: number;
-}): T[];
-export declare const agendaBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const agendaBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Agenda.js

@@ -1,96 +1,8 @@
-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";
-import { icsDataUrl } from "./lib/ics.js";
-function parseEventDate(value) {
-  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
-  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
-  return new Date(value);
-}
-function formatEventDate(value) {
-  if (!value) return "";
-  const d = parseEventDate(value);
-  if (Number.isNaN(d.getTime())) return value;
-  const hasTime = value.includes("T");
-  return d.toLocaleDateString("nl-NL", {
-    weekday: "short",
-    day: "numeric",
-    month: "long",
-    year: "numeric",
-    ...hasTime ? { hour: "2-digit", minute: "2-digit" } : {}
-  });
-}
-function selectAgendaEvents(events, opts = {}) {
-  let list = (events ?? []).filter((e) => e.title);
-  if (opts.hidePast) {
-    const today = /* @__PURE__ */ new Date();
-    today.setHours(0, 0, 0, 0);
-    list = list.filter((e) => {
-      const d = parseEventDate(e.end || e.start);
-      return Number.isNaN(d.getTime()) || d >= today;
-    });
-  }
-  list = [...list].sort((a, b) => {
-    const ta = parseEventDate(a.start).getTime();
-    const tb = parseEventDate(b.start).getTime();
-    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;
-    if (Number.isNaN(ta)) return 1;
-    if (Number.isNaN(tb)) return -1;
-    return ta - tb;
-  });
-  return typeof opts.limit === "number" ? list.slice(0, opts.limit) : list;
-}
-function eventJsonLd(events) {
-  return {
-    "@context": "https://schema.org",
-    "@type": "ItemList",
-    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op
-    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).
-    itemListElement: events.filter((e) => e.title && e.start && e.location).map((e, i) => ({
-      "@type": "ListItem",
-      position: i + 1,
-      item: {
-        "@type": "Event",
-        name: e.title,
-        startDate: e.start,
-        ...e.end ? { endDate: e.end } : {},
-        location: { "@type": "Place", name: e.location },
-        ...e.description ? { description: e.description } : {},
-        ...e.url ? { url: e.url } : {}
-      }
-    }))
-  };
-}
-function AgendaRender({ block }) {
-  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });
-  if (events.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-agenda", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-agenda__list", children: events.map((e) => /* @__PURE__ */ jsxs("li", { className: "xicms-agenda__item", children: [
-      /* @__PURE__ */ jsx("time", { className: "xicms-agenda__date", dateTime: e.start, children: formatEventDate(e.start) }),
-      /* @__PURE__ */ jsxs("div", { className: "xicms-agenda__body", children: [
-        /* @__PURE__ */ jsx("strong", { className: "xicms-agenda__title", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, "data-xicms-edit": `events.${e._i}.title`, children: e.title }) : /* @__PURE__ */ jsx("span", { "data-xicms-edit": `events.${e._i}.title`, children: e.title }) }),
-        e.location && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__location", "data-xicms-edit": `events.${e._i}.location`, children: e.location }),
-        e.description && /* @__PURE__ */ jsx("p", { className: "xicms-agenda__desc", "data-xicms-edit": `events.${e._i}.description`, children: e.description }),
-        (() => {
-          const ics = icsDataUrl(e);
-          return ics ? /* @__PURE__ */ jsx("a", { className: "xicms-agenda__ics", href: ics, download: `${(e.title || "evenement").toLowerCase().replace(/\s+/g, "-").slice(0, 40)}.ics`, children: "\u{1F4C5} Zet in agenda" }) : null;
-        })()
-      ] })
-    ] }, e._i)) }),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events)) }
-      }
-    )
-  ] });
-}
 const agendaBlock = defineBlock({
   type: "agenda",
-  Render: AgendaRender,
+  Render: dynamic(() => import("./AgendaRender.js").then((m) => m.AgendaRender)),
   label: "Agenda",
   icon: "\u{1F4C5}",
   defaults: () => ({
@@ -101,9 +13,6 @@ const agendaBlock = defineBlock({
   })
 });
 export {
-  agendaBlock,
-  formatEventDate,
-  parseEventDate,
-  selectAgendaEvents
+  agendaBlock
 };
 //# sourceMappingURL=Agenda.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Agenda.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number } = {},\n): T[] {\n  let list = (events ?? []).filter((e) => e.title);\n  if (opts.hidePast) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\nfunction eventJsonLd(events: Agenda[\"events\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          location: { \"@type\": \"Place\", name: e.location },\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nfunction AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events)) }}\n        />\n      )}\n    </section>\n  );\n}\n\nexport const agendaBlock = defineBlock({\n  type: \"agenda\",\n  Render: AgendaRender,\n  label: \"Agenda\",\n  icon: \"📅\",\n  defaults: () => ({\n    heading: \"Agenda\",\n    events: [{ title: \"Evenement\", start: \"\" }],\n    hidePast: true,\n    jsonLd: true,\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Agenda.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const agendaBlock = defineBlock({\n  type: \"agenda\",\n  Render: dynamic(() => import(\"./AgendaRender\").then((m) => m.AgendaRender)),\n  label: \"Agenda\",\n  icon: \"📅\",\n  defaults: () => ({\n    heading: \"Agenda\",\n    events: [{ title: \"Evenement\", start: \"\" }],\n    hidePast: true,\n    jsonLd: true,\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;AAAA,EAC1E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,QAAQ,CAAC,EAAE,OAAO,aAAa,OAAO,GAAG,CAAC;AAAA,IAC1C,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,34 @@
+import type { z } from "zod";
+import type { AgendaBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Agenda = z.infer<typeof AgendaBlockSchema>;
+/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */
+export interface AgendaEvent {
+    title: string;
+    start: string;
+    end?: string;
+    location?: string;
+    description?: string;
+    url?: string;
+}
+/**
+ * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date("2026-08-01")`
+ * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers "31 juli" te zien kregen (en de
+ * server/client bij hydration konden verschillen). "2026-08-01" is hier gewoon 1 augustus, overal.
+ */
+export declare function parseEventDate(value: string): Date;
+/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */
+export declare function formatEventDate(value: string): string;
+/**
+ * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert
+ * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld
+ * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo "haalt" de widget alles
+ * uit dezelfde logica als de volledige versie.
+ */
+export declare function selectAgendaEvents<T extends AgendaEvent>(events: T[] | undefined, opts?: {
+    hidePast?: boolean;
+    limit?: number;
+}): T[];
+/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */
+export declare function AgendaRender({ block }: BlockRenderProps<Agenda>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/AgendaRender.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { jsonLdHtml } from "./jsonld.js";
+import { Heading } from "../ui/index.js";
+import { icsDataUrl } from "./lib/ics.js";
+function parseEventDate(value) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
+  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  return new Date(value);
+}
+function formatEventDate(value) {
+  if (!value) return "";
+  const d = parseEventDate(value);
+  if (Number.isNaN(d.getTime())) return value;
+  const hasTime = value.includes("T");
+  return d.toLocaleDateString("nl-NL", {
+    weekday: "short",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+    ...hasTime ? { hour: "2-digit", minute: "2-digit" } : {}
+  });
+}
+function selectAgendaEvents(events, opts = {}) {
+  let list = (events ?? []).filter((e) => e.title);
+  if (opts.hidePast) {
+    const today = /* @__PURE__ */ new Date();
+    today.setHours(0, 0, 0, 0);
+    list = list.filter((e) => {
+      const d = parseEventDate(e.end || e.start);
+      return Number.isNaN(d.getTime()) || d >= today;
+    });
+  }
+  list = [...list].sort((a, b) => {
+    const ta = parseEventDate(a.start).getTime();
+    const tb = parseEventDate(b.start).getTime();
+    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;
+    if (Number.isNaN(ta)) return 1;
+    if (Number.isNaN(tb)) return -1;
+    return ta - tb;
+  });
+  return typeof opts.limit === "number" ? list.slice(0, opts.limit) : list;
+}
+function eventJsonLd(events) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "ItemList",
+    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op
+    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).
+    itemListElement: events.filter((e) => e.title && e.start && e.location).map((e, i) => ({
+      "@type": "ListItem",
+      position: i + 1,
+      item: {
+        "@type": "Event",
+        name: e.title,
+        startDate: e.start,
+        ...e.end ? { endDate: e.end } : {},
+        location: { "@type": "Place", name: e.location },
+        ...e.description ? { description: e.description } : {},
+        ...e.url ? { url: e.url } : {}
+      }
+    }))
+  };
+}
+function AgendaRender({ block }) {
+  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });
+  if (events.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-agenda", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-agenda__list", children: events.map((e) => /* @__PURE__ */ jsxs("li", { className: "xicms-agenda__item", children: [
+      /* @__PURE__ */ jsx("time", { className: "xicms-agenda__date", dateTime: e.start, children: formatEventDate(e.start) }),
+      /* @__PURE__ */ jsxs("div", { className: "xicms-agenda__body", children: [
+        /* @__PURE__ */ jsx("strong", { className: "xicms-agenda__title", children: e.url ? /* @__PURE__ */ jsx("a", { href: e.url, "data-xicms-edit": `events.${e._i}.title`, children: e.title }) : /* @__PURE__ */ jsx("span", { "data-xicms-edit": `events.${e._i}.title`, children: e.title }) }),
+        e.location && /* @__PURE__ */ jsx("span", { className: "xicms-agenda__location", "data-xicms-edit": `events.${e._i}.location`, children: e.location }),
+        e.description && /* @__PURE__ */ jsx("p", { className: "xicms-agenda__desc", "data-xicms-edit": `events.${e._i}.description`, children: e.description }),
+        (() => {
+          const ics = icsDataUrl(e);
+          return ics ? /* @__PURE__ */ jsx("a", { className: "xicms-agenda__ics", href: ics, download: `${(e.title || "evenement").toLowerCase().replace(/\s+/g, "-").slice(0, 40)}.ics`, children: "\u{1F4C5} Zet in agenda" }) : null;
+        })()
+      ] })
+    ] }, e._i)) }),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(eventJsonLd(events)) }
+      }
+    )
+  ] });
+}
+export {
+  AgendaRender,
+  formatEventDate,
+  parseEventDate,
+  selectAgendaEvents
+};
+//# sourceMappingURL=AgendaRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/AgendaRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport { jsonLdHtml } from \"./jsonld\";\nimport type { AgendaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { icsDataUrl } from \"./lib/ics\";\n\ntype Agenda = z.infer<typeof AgendaBlockSchema>;\n\n/** Eén event zoals zowel het Agenda-blok als de Agenda-widget het kennen. */\nexport interface AgendaEvent {\n  title: string;\n  start: string;\n  end?: string;\n  location?: string;\n  description?: string;\n  url?: string;\n}\n\n/**\n * Parseert een event-datum als LOKALE tijd. Cruciaal voor datum-zonder-tijd: `new Date(\"2026-08-01\")`\n * is per spec UTC-middernacht, waardoor west-van-UTC-bezoekers \"31 juli\" te zien kregen (en de\n * server/client bij hydration konden verschillen). \"2026-08-01\" is hier gewoon 1 augustus, overal.\n */\nexport function parseEventDate(value: string): Date {\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value.trim());\n  if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));\n  return new Date(value);\n}\n\n/** Toont een datum leesbaar (nl-NL). Valt terug op de ruwe string bij ongeldige invoer. */\nexport function formatEventDate(value: string): string {\n  if (!value) return \"\";\n  const d = parseEventDate(value);\n  if (Number.isNaN(d.getTime())) return value;\n  const hasTime = value.includes(\"T\");\n  return d.toLocaleDateString(\"nl-NL\", {\n    weekday: \"short\",\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n    ...(hasTime ? { hour: \"2-digit\", minute: \"2-digit\" } : {}),\n  });\n}\n\n/**\n * Selecteert de te tonen events: filtert lege titels, optioneel verlopen events, sorteert\n * chronologisch (events zonder geldige datum achteraan, in invoervolgorde) en limiteert. Gedeeld\n * door het volwaardige Agenda-blok en de compacte Agenda-widget — zo \"haalt\" de widget alles\n * uit dezelfde logica als de volledige versie.\n */\nexport function selectAgendaEvents<T extends AgendaEvent>(\n  events: T[] | undefined,\n  opts: { hidePast?: boolean; limit?: number } = {},\n): T[] {\n  let list = (events ?? []).filter((e) => e.title);\n  if (opts.hidePast) {\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    list = list.filter((e) => {\n      const d = parseEventDate(e.end || e.start);\n      return Number.isNaN(d.getTime()) || d >= today;\n    });\n  }\n  list = [...list].sort((a, b) => {\n    const ta = parseEventDate(a.start).getTime();\n    const tb = parseEventDate(b.start).getTime();\n    if (Number.isNaN(ta) && Number.isNaN(tb)) return 0;\n    if (Number.isNaN(ta)) return 1;\n    if (Number.isNaN(tb)) return -1;\n    return ta - tb;\n  });\n  return typeof opts.limit === \"number\" ? list.slice(0, opts.limit) : list;\n}\n\nfunction eventJsonLd(events: Agenda[\"events\"]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"ItemList\",\n    // Google vereist `location` voor Event-rich-results: events zonder locatie renderen wel op\n    // de pagina, maar blijven uit de JSON-LD (voorkomt gegarandeerde Search-Console-errors).\n    itemListElement: events\n      .filter((e) => e.title && e.start && e.location)\n      .map((e, i) => ({\n        \"@type\": \"ListItem\",\n        position: i + 1,\n        item: {\n          \"@type\": \"Event\",\n          name: e.title,\n          startDate: e.start,\n          ...(e.end ? { endDate: e.end } : {}),\n          location: { \"@type\": \"Place\", name: e.location },\n          ...(e.description ? { description: e.description } : {}),\n          ...(e.url ? { url: e.url } : {}),\n        },\n      })),\n  };\n}\n\n/** Agenda/evenementen. Server-safe (geen client-state); `hidePast` filtert verlopen events. */\nexport function AgendaRender({ block }: BlockRenderProps<Agenda>) {\n  const events = selectAgendaEvents((block.events ?? []).map((e, i) => ({ ...e, _i: i })), { hidePast: block.hidePast });\n  if (events.length === 0) return null;\n\n  return (\n    <section className=\"xicms-agenda\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-agenda__list\">\n        {events.map((e) => (\n          <li key={e._i} className=\"xicms-agenda__item\">\n            <time className=\"xicms-agenda__date\" dateTime={e.start}>\n              {formatEventDate(e.start)}\n            </time>\n            <div className=\"xicms-agenda__body\">\n              <strong className=\"xicms-agenda__title\">\n                {e.url\n                  ? <a href={e.url} data-xicms-edit={`events.${e._i}.title`}>{e.title}</a>\n                  : <span data-xicms-edit={`events.${e._i}.title`}>{e.title}</span>}\n              </strong>\n              {e.location && <span className=\"xicms-agenda__location\" data-xicms-edit={`events.${e._i}.location`}>{e.location}</span>}\n              {e.description && <p className=\"xicms-agenda__desc\" data-xicms-edit={`events.${e._i}.description`}>{e.description}</p>}\n              {(() => {\n                const ics = icsDataUrl(e);\n                return ics ? (\n                  <a className=\"xicms-agenda__ics\" href={ics} download={`${(e.title || \"evenement\").toLowerCase().replace(/\\s+/g, \"-\").slice(0, 40)}.ics`}>\n                    📅 Zet in agenda\n                  </a>\n                ) : null;\n              })()}\n            </div>\n          </li>\n        ))}\n      </ul>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(eventJsonLd(events)) }}\n        />\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/blocks/builtins/Banner.js

@@ -1,38 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-function storageKey(block) {
-  return `xicms-banner:${block._key}${block.dismissVersion ? `:${block.dismissVersion}` : ""}`;
-}
-function BannerRender({ block, mode }) {
-  const [closed, setClosed] = useState(false);
-  useEffect(() => {
-    if (mode === "preview" || !block.dismissible) return;
-    try {
-      if (window.localStorage.getItem(storageKey(block)) === "1") setClosed(true);
-    } catch {
-    }
-  }, [block, mode]);
-  const dismiss = () => {
-    setClosed(true);
-    try {
-      window.localStorage.setItem(storageKey(block), "1");
-    } catch {
-    }
-  };
-  if (!block.text || closed && mode !== "preview") return null;
-  return /* @__PURE__ */ jsxs("div", { className: "xicms-banner", "data-tone": block.tone, role: "region", "aria-label": "Aankondiging", children: [
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "text", children: block.text }),
-      block.href && /* @__PURE__ */ jsx("a", { className: "xicms-banner__link", href: block.href, "data-xicms-edit": "linkLabel", children: block.linkLabel ?? "Meer" })
-    ] }),
-    block.dismissible && /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-banner__close", "aria-label": "Sluiten", onClick: dismiss, children: "\u2715" })
-  ] });
-}
 const bannerBlock = defineBlock({
   type: "banner",
-  Render: BannerRender,
+  Render: dynamic(() => import("./BannerRender.js").then((m) => m.BannerRender)),
   label: "Aankondiging",
   icon: "\u{1F4E2}",
   defaults: () => ({ text: "Nieuw: \u2026", tone: "info", dismissible: true })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Banner.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BannerBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype Banner = z.infer<typeof BannerBlockSchema>;\n\n/** Sleutel per blok (+ optionele versie): wegklikken onthouden we per banner-inhoud. */\nfunction storageKey(block: Banner): string {\n  return `xicms-banner:${block._key}${block.dismissVersion ? `:${block.dismissVersion}` : \"\"}`;\n}\n\n/**\n * Aankondigingsbalk, optioneel sluitbaar. Wegklikken wordt in localStorage onthouden (per blok +\n * `dismissVersion`), zodat de balk niet bij elke paginaweergave terugkomt. In de editor-preview\n * tonen we hem altijd (anders kan een editor zijn eigen weggeklikte banner niet meer bewerken).\n */\nfunction BannerRender({ block, mode }: BlockRenderProps<Banner>) {\n  const [closed, setClosed] = useState(false);\n\n  // localStorage pas na mount lezen (SSR-veilig; voorkomt hydration-mismatch).\n  useEffect(() => {\n    if (mode === \"preview\" || !block.dismissible) return;\n    try {\n      if (window.localStorage.getItem(storageKey(block)) === \"1\") setClosed(true);\n    } catch {\n      /* opslag onbeschikbaar: banner gewoon tonen */\n    }\n  }, [block, mode]);\n\n  const dismiss = () => {\n    setClosed(true);\n    try {\n      window.localStorage.setItem(storageKey(block), \"1\");\n    } catch {\n      /* opslag geweigerd: sluiten geldt dan alleen voor deze weergave */\n    }\n  };\n\n  if (!block.text || (closed && mode !== \"preview\")) return null;\n  return (\n    <div className=\"xicms-banner\" data-tone={block.tone} role=\"region\" aria-label=\"Aankondiging\">\n      <span>\n        <span data-xicms-edit=\"text\">{block.text}</span>\n        {block.href && (\n          <a className=\"xicms-banner__link\" href={block.href} data-xicms-edit=\"linkLabel\">\n            {block.linkLabel ?? \"Meer\"}\n          </a>\n        )}\n      </span>\n      {block.dismissible && (\n        <button type=\"button\" className=\"xicms-banner__close\" aria-label=\"Sluiten\" onClick={dismiss}>\n          ✕\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport const bannerBlock = defineBlock({\n  type: \"banner\",\n  Render: BannerRender,\n  label: \"Aankondiging\",\n  icon: \"📢\",\n  defaults: () => ({ text: \"Nieuw: …\", tone: \"info\", dismissible: true }),\n});\n"],"mappings":";AA4CM,SACE,KADF;AA1CN,SAAS,WAAW,gBAAgB;AAGpC,SAAS,mBAA0C;AAKnD,SAAS,WAAW,OAAuB;AACzC,SAAO,gBAAgB,MAAM,IAAI,GAAG,MAAM,iBAAiB,IAAI,MAAM,cAAc,KAAK,EAAE;AAC5F;AAOA,SAAS,aAAa,EAAE,OAAO,KAAK,GAA6B;AAC/D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAG1C,YAAU,MAAM;AACd,QAAI,SAAS,aAAa,CAAC,MAAM,YAAa;AAC9C,QAAI;AACF,UAAI,OAAO,aAAa,QAAQ,WAAW,KAAK,CAAC,MAAM,IAAK,WAAU,IAAI;AAAA,IAC5E,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,cAAU,IAAI;AACd,QAAI;AACF,aAAO,aAAa,QAAQ,WAAW,KAAK,GAAG,GAAG;AAAA,IACpD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,MAAI,CAAC,MAAM,QAAS,UAAU,SAAS,UAAY,QAAO;AAC1D,SACE,qBAAC,SAAI,WAAU,gBAAe,aAAW,MAAM,MAAM,MAAK,UAAS,cAAW,gBAC5E;AAAA,yBAAC,UACC;AAAA,0BAAC,UAAK,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,MACxC,MAAM,QACL,oBAAC,OAAE,WAAU,sBAAqB,MAAM,MAAM,MAAM,mBAAgB,aACjE,gBAAM,aAAa,QACtB;AAAA,OAEJ;AAAA,IACC,MAAM,eACL,oBAAC,YAAO,MAAK,UAAS,WAAU,uBAAsB,cAAW,WAAU,SAAS,SAAS,oBAE7F;AAAA,KAEJ;AAEJ;AAEO,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,iBAAY,MAAM,QAAQ,aAAa,KAAK;AACvE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Banner.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bannerBlock = defineBlock({\n  type: \"banner\",\n  Render: dynamic(() => import(\"./BannerRender\").then((m) => m.BannerRender)),\n  label: \"Aankondiging\",\n  icon: \"📢\",\n  defaults: () => ({ text: \"Nieuw: …\", tone: \"info\", dismissible: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,cAAc,YAAY;AAAA,EACrC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC;AAAA,EAC1E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,iBAAY,MAAM,QAAQ,aAAa,KAAK;AACvE,CAAC;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { z } from "zod";
+import type { BannerBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Banner = z.infer<typeof BannerBlockSchema>;
+/**
+ * Aankondigingsbalk, optioneel sluitbaar. Wegklikken wordt in localStorage onthouden (per blok +
+ * `dismissVersion`), zodat de balk niet bij elke paginaweergave terugkomt. In de editor-preview
+ * tonen we hem altijd (anders kan een editor zijn eigen weggeklikte banner niet meer bewerken).
+ */
+export declare function BannerRender({ block, mode }: BlockRenderProps<Banner>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/BannerRender.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function storageKey(block) {
+  return `xicms-banner:${block._key}${block.dismissVersion ? `:${block.dismissVersion}` : ""}`;
+}
+function BannerRender({ block, mode }) {
+  const [closed, setClosed] = useState(false);
+  useEffect(() => {
+    if (mode === "preview" || !block.dismissible) return;
+    try {
+      if (window.localStorage.getItem(storageKey(block)) === "1") setClosed(true);
+    } catch {
+    }
+  }, [block, mode]);
+  const dismiss = () => {
+    setClosed(true);
+    try {
+      window.localStorage.setItem(storageKey(block), "1");
+    } catch {
+    }
+  };
+  if (!block.text || closed && mode !== "preview") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-banner", "data-tone": block.tone, role: "region", "aria-label": "Aankondiging", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "text", children: block.text }),
+      block.href && /* @__PURE__ */ jsx("a", { className: "xicms-banner__link", href: block.href, "data-xicms-edit": "linkLabel", children: block.linkLabel ?? "Meer" })
+    ] }),
+    block.dismissible && /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-banner__close", "aria-label": "Sluiten", onClick: dismiss, children: "\u2715" })
+  ] });
+}
+export {
+  BannerRender
+};
+//# sourceMappingURL=BannerRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/BannerRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BannerBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype Banner = z.infer<typeof BannerBlockSchema>;\n\n/** Sleutel per blok (+ optionele versie): wegklikken onthouden we per banner-inhoud. */\nfunction storageKey(block: Banner): string {\n  return `xicms-banner:${block._key}${block.dismissVersion ? `:${block.dismissVersion}` : \"\"}`;\n}\n\n/**\n * Aankondigingsbalk, optioneel sluitbaar. Wegklikken wordt in localStorage onthouden (per blok +\n * `dismissVersion`), zodat de balk niet bij elke paginaweergave terugkomt. In de editor-preview\n * tonen we hem altijd (anders kan een editor zijn eigen weggeklikte banner niet meer bewerken).\n */\nexport function BannerRender({ block, mode }: BlockRenderProps<Banner>) {\n  const [closed, setClosed] = useState(false);\n\n  // localStorage pas na mount lezen (SSR-veilig; voorkomt hydration-mismatch).\n  useEffect(() => {\n    if (mode === \"preview\" || !block.dismissible) return;\n    try {\n      if (window.localStorage.getItem(storageKey(block)) === \"1\") setClosed(true);\n    } catch {\n      /* opslag onbeschikbaar: banner gewoon tonen */\n    }\n  }, [block, mode]);\n\n  const dismiss = () => {\n    setClosed(true);\n    try {\n      window.localStorage.setItem(storageKey(block), \"1\");\n    } catch {\n      /* opslag geweigerd: sluiten geldt dan alleen voor deze weergave */\n    }\n  };\n\n  if (!block.text || (closed && mode !== \"preview\")) return null;\n  return (\n    <div className=\"xicms-banner\" data-tone={block.tone} role=\"region\" aria-label=\"Aankondiging\">\n      <span>\n        <span data-xicms-edit=\"text\">{block.text}</span>\n        {block.href && (\n          <a className=\"xicms-banner__link\" href={block.href} data-xicms-edit=\"linkLabel\">\n            {block.linkLabel ?? \"Meer\"}\n          </a>\n        )}\n      </span>\n      {block.dismissible && (\n        <button type=\"button\" className=\"xicms-banner__close\" aria-label=\"Sluiten\" onClick={dismiss}>\n          ✕\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA4CM,SACE,KADF;AA1CN,SAAS,WAAW,gBAAgB;AAQpC,SAAS,WAAW,OAAuB;AACzC,SAAO,gBAAgB,MAAM,IAAI,GAAG,MAAM,iBAAiB,IAAI,MAAM,cAAc,KAAK,EAAE;AAC5F;AAOO,SAAS,aAAa,EAAE,OAAO,KAAK,GAA6B;AACtE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAG1C,YAAU,MAAM;AACd,QAAI,SAAS,aAAa,CAAC,MAAM,YAAa;AAC9C,QAAI;AACF,UAAI,OAAO,aAAa,QAAQ,WAAW,KAAK,CAAC,MAAM,IAAK,WAAU,IAAI;AAAA,IAC5E,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,cAAU,IAAI;AACd,QAAI;AACF,aAAO,aAAa,QAAQ,WAAW,KAAK,GAAG,GAAG;AAAA,IACpD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,MAAI,CAAC,MAAM,QAAS,UAAU,SAAS,UAAY,QAAO;AAC1D,SACE,qBAAC,SAAI,WAAU,gBAAe,aAAW,MAAM,MAAM,MAAK,UAAS,cAAW,gBAC5E;AAAA,yBAAC,UACC;AAAA,0BAAC,UAAK,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,MACxC,MAAM,QACL,oBAAC,OAAE,WAAU,sBAAqB,MAAM,MAAM,MAAM,mBAAgB,aACjE,gBAAM,aAAa,QACtB;AAAA,OAEJ;AAAA,IACC,MAAM,eACL,oBAAC,YAAO,MAAK,UAAS,WAAU,uBAAsB,cAAW,WAAU,SAAS,SAAS,oBAE7F;AAAA,KAEJ;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/BeforeAfter.js

@@ -1,38 +1,9 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-function BeforeAfterRender({ block }) {
-  const [pos, setPos] = useState(50);
-  if (!block.beforeUrl || !block.afterUrl) return null;
-  return /* @__PURE__ */ jsxs("figure", { className: "xicms-beforeafter", style: { aspectRatio: block.aspectRatio.replace("/", " / ") }, children: [
-    block.heading && /* @__PURE__ */ jsx("figcaption", { className: "xicms-beforeafter__heading", "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsxs("div", { className: "xicms-beforeafter__stage", children: [
-      /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.beforeUrl, alt: block.alt || block.beforeLabel, loading: "lazy" }),
-      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__clip", style: { clipPath: `inset(0 0 0 ${pos}%)` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("img", { className: "xicms-beforeafter__img", src: block.afterUrl, alt: "", loading: "lazy" }) }),
-      /* @__PURE__ */ jsx("div", { className: "xicms-beforeafter__divider", style: { left: `${pos}%` }, "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__handle", children: "\u27E8\u27E9" }) }),
-      /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--before", "data-xicms-edit": "beforeLabel", children: block.beforeLabel }),
-      /* @__PURE__ */ jsx("span", { className: "xicms-beforeafter__badge xicms-beforeafter__badge--after", "data-xicms-edit": "afterLabel", children: block.afterLabel }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "xicms-beforeafter__range",
-          type: "range",
-          min: 0,
-          max: 100,
-          value: pos,
-          onChange: (e) => setPos(Number(e.target.value)),
-          "aria-label": `Vergelijk ${block.beforeLabel} en ${block.afterLabel}`,
-          "aria-valuetext": `${pos}% ${block.afterLabel}`
-        }
-      )
-    ] })
-  ] });
-}
 const beforeAfterBlock = defineBlock({
   type: "beforeAfter",
   fields: { beforeUrl: { type: "image" }, afterUrl: { type: "image" } },
-  Render: BeforeAfterRender,
+  Render: dynamic(() => import("./BeforeAfterRender.js").then((m) => m.BeforeAfterRender)),
   label: "Voor / na",
   icon: "\u{1F500}",
   defaults: () => ({ beforeUrl: "", afterUrl: "", beforeLabel: "Voor", afterLabel: "Na", aspectRatio: "4/3" })