@xiwebdesign/xicms-core 7.14.0 → 7.16.0

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" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfter.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nfunction BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} loading=\"lazy\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" loading=\"lazy\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n\nexport const beforeAfterBlock = defineBlock({\n  type: \"beforeAfter\",\n  fields: { beforeUrl: { type: \"image\" }, afterUrl: { type: \"image\" } },\n  Render: BeforeAfterRender,\n  label: \"Voor / na\",\n  icon: \"🔀\",\n  defaults: () => ({ beforeUrl: \"\", afterUrl: \"\", beforeLabel: \"Voor\", afterLabel: \"Na\", aspectRatio: \"4/3\" }),\n});\n"],"mappings":";AAmBwB,cAClB,YADkB;AAjBxB,SAAS,gBAAgB;AAGzB,SAAS,mBAA0C;AASnD,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AACnE,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,GAC/F;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BAEb;AAAA,0BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,SAAQ,QAAO;AAAA,MAClH,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAE/F,8BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,SAAQ,QAAO,GACrF;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;AAEO,MAAM,mBAAmB,YAAY;AAAA,EAC1C,MAAM;AAAA,EACN,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,GAAG,UAAU,EAAE,MAAM,QAAQ,EAAE;AAAA,EACpE,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,WAAW,IAAI,UAAU,IAAI,aAAa,QAAQ,YAAY,MAAM,aAAa,MAAM;AAC5G,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfter.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const beforeAfterBlock = defineBlock({\n  type: \"beforeAfter\",\n  fields: { beforeUrl: { type: \"image\" }, afterUrl: { type: \"image\" } },\n  Render: dynamic(() => import(\"./BeforeAfterRender\").then((m) => m.BeforeAfterRender)),\n  label: \"Voor / na\",\n  icon: \"🔀\",\n  defaults: () => ({ beforeUrl: \"\", afterUrl: \"\", beforeLabel: \"Voor\", afterLabel: \"Na\", aspectRatio: \"4/3\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,mBAAmB,YAAY;AAAA,EAC1C,MAAM;AAAA,EACN,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,GAAG,UAAU,EAAE,MAAM,QAAQ,EAAE;AAAA,EACpE,QAAQ,QAAQ,MAAM,OAAO,qBAAqB,EAAE,KAAK,CAAC,MAAM,EAAE,iBAAiB,CAAC;AAAA,EACpF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,WAAW,IAAI,UAAU,IAAI,aAAa,QAAQ,YAAY,MAAM,aAAa,MAAM;AAC5G,CAAC;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { z } from "zod";
+import type { BeforeAfterBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;
+/**
+ * Voor/na-vergelijker: het "na"-beeld wordt geclipt op de sleppositie. De greep is een échte
+ * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken
+ * daarmee gratis en toegankelijk (aria-label + waarde in %).
+ */
+export declare function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/BeforeAfterRender.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+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}`
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  BeforeAfterRender
+};
+//# sourceMappingURL=BeforeAfterRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/BeforeAfterRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { BeforeAfterBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype BeforeAfter = z.infer<typeof BeforeAfterBlockSchema>;\n\n/**\n * Voor/na-vergelijker: het \"na\"-beeld wordt geclipt op de sleppositie. De greep is een échte\n * range-input (over de hele breedte, transparant) — slepen, klikken én pijltjestoetsen werken\n * daarmee gratis en toegankelijk (aria-label + waarde in %).\n */\nexport function BeforeAfterRender({ block }: BlockRenderProps<BeforeAfter>) {\n  const [pos, setPos] = useState(50);\n  if (!block.beforeUrl || !block.afterUrl) return null;\n  return (\n    <figure className=\"xicms-beforeafter\" style={{ aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }}>\n      {block.heading && <figcaption className=\"xicms-beforeafter__heading\" data-xicms-edit=\"heading\">{block.heading}</figcaption>}\n      <div className=\"xicms-beforeafter__stage\">\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img className=\"xicms-beforeafter__img\" src={block.beforeUrl} alt={block.alt || block.beforeLabel} loading=\"lazy\" />\n        <div className=\"xicms-beforeafter__clip\" style={{ clipPath: `inset(0 0 0 ${pos}%)` }} aria-hidden>\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img className=\"xicms-beforeafter__img\" src={block.afterUrl} alt=\"\" loading=\"lazy\" />\n        </div>\n        <div className=\"xicms-beforeafter__divider\" style={{ left: `${pos}%` }} aria-hidden>\n          <span className=\"xicms-beforeafter__handle\">⟨⟩</span>\n        </div>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--before\" data-xicms-edit=\"beforeLabel\">{block.beforeLabel}</span>\n        <span className=\"xicms-beforeafter__badge xicms-beforeafter__badge--after\" data-xicms-edit=\"afterLabel\">{block.afterLabel}</span>\n        <input\n          className=\"xicms-beforeafter__range\"\n          type=\"range\"\n          min={0}\n          max={100}\n          value={pos}\n          onChange={(e) => setPos(Number(e.target.value))}\n          aria-label={`Vergelijk ${block.beforeLabel} en ${block.afterLabel}`}\n          aria-valuetext={`${pos}% ${block.afterLabel}`}\n        />\n      </div>\n    </figure>\n  );\n}\n"],"mappings":";AAmBwB,cAClB,YADkB;AAjBxB,SAAS,gBAAgB;AAYlB,SAAS,kBAAkB,EAAE,MAAM,GAAkC;AAC1E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,MAAI,CAAC,MAAM,aAAa,CAAC,MAAM,SAAU,QAAO;AAChD,SACE,qBAAC,YAAO,WAAU,qBAAoB,OAAO,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,GAC/F;AAAA,UAAM,WAAW,oBAAC,gBAAW,WAAU,8BAA6B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9G,qBAAC,SAAI,WAAU,4BAEb;AAAA,0BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,WAAW,KAAK,MAAM,OAAO,MAAM,aAAa,SAAQ,QAAO;AAAA,MAClH,oBAAC,SAAI,WAAU,2BAA0B,OAAO,EAAE,UAAU,eAAe,GAAG,KAAK,GAAG,eAAW,MAE/F,8BAAC,SAAI,WAAU,0BAAyB,KAAK,MAAM,UAAU,KAAI,IAAG,SAAQ,QAAO,GACrF;AAAA,MACA,oBAAC,SAAI,WAAU,8BAA6B,OAAO,EAAE,MAAM,GAAG,GAAG,IAAI,GAAG,eAAW,MACjF,8BAAC,UAAK,WAAU,6BAA4B,0BAAE,GAChD;AAAA,MACA,oBAAC,UAAK,WAAU,6DAA4D,mBAAgB,eAAe,gBAAM,aAAY;AAAA,MAC7H,oBAAC,UAAK,WAAU,4DAA2D,mBAAgB,cAAc,gBAAM,YAAW;AAAA,MAC1H;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,OAAO,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,UAC9C,cAAY,aAAa,MAAM,WAAW,OAAO,MAAM,UAAU;AAAA,UACjE,kBAAgB,GAAG,GAAG,KAAK,MAAM,UAAU;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/Booking.js

@@ -1,20 +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 { ConsentEmbed } from "./consentEmbed.js";
-import { buildBookingUrl } from "./lib/bookingUrl.js";
-function BookingRender({ block, mode }) {
-  const src = buildBookingUrl(block.provider ?? "custom", block.embedUrl);
-  if (!src) return null;
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-booking", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("div", { className: "xicms-booking__frame", style: { height: `${block.height}px` }, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: "Afspraak/booking", children: /* @__PURE__ */ jsx("iframe", { src, title: block.heading ?? "Afspraak maken", loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", sandbox: "allow-scripts allow-same-origin allow-forms allow-popups", style: { border: 0, width: "100%", height: "100%" } }) }) })
-  ] });
-}
 const bookingBlock = defineBlock({
   type: "booking",
-  Render: BookingRender,
+  Render: dynamic(() => import("./BookingRender.js").then((m) => m.BookingRender)),
   label: "Afspraak/booking",
   icon: "\u{1F4C6}",
   defaults: () => ({ embedUrl: "", height: 630, consentGated: true })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { BookingBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { ConsentEmbed } from \"./consentEmbed\";\nimport { buildBookingUrl, type BookingProvider } from \"./lib/bookingUrl\";\n\ntype Booking = z.infer<typeof BookingBlockSchema>;\n\n/** Boekings-/afspraak-embed (bv. Calendly). Consent-gated by default. De provider-keuze bouwt de\n *  volledige embed-URL uit een geplakte link óf een kale slug/id (buildBookingUrl). */\nfunction BookingRender({ block, mode }: BlockRenderProps<Booking>) {\n  const src = buildBookingUrl((block.provider ?? \"custom\") as BookingProvider, block.embedUrl);\n  if (!src) return null;\n  return (\n    <section className=\"xicms-booking\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <div className=\"xicms-booking__frame\" style={{ height: `${block.height}px` }}>\n        <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label=\"Afspraak/booking\">\n          <iframe src={src} title={block.heading ?? \"Afspraak maken\"} loading=\"lazy\" referrerPolicy=\"no-referrer-when-downgrade\" sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups\" style={{ border: 0, width: \"100%\", height: \"100%\" }} />\n        </ConsentEmbed>\n      </div>\n    </section>\n  );\n}\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: BookingRender,\n  label: \"Afspraak/booking\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":";AAiBI,SACoB,KADpB;AAbJ,SAAS,mBAA0C;AACnD,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,uBAA6C;AAMtD,SAAS,cAAc,EAAE,OAAO,KAAK,GAA8B;AACjE,QAAM,MAAM,gBAAiB,MAAM,YAAY,UAA8B,MAAM,QAAQ;AAC3F,MAAI,CAAC,IAAK,QAAO;AACjB,SACE,qBAAC,aAAQ,WAAU,iBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,SAAI,WAAU,wBAAuB,OAAO,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK,GACzE,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAM,oBAC1E,8BAAC,YAAO,KAAU,OAAO,MAAM,WAAW,kBAAkB,SAAQ,QAAO,gBAAe,8BAA6B,SAAQ,4DAA2D,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO,GAAG,GACjP,GACF;AAAA,KACF;AAEJ;AAEO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Booking.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const bookingBlock = defineBlock({\n  type: \"booking\",\n  Render: dynamic(() => import(\"./BookingRender\").then((m) => m.BookingRender)),\n  label: \"Afspraak/booking\",\n  icon: \"📆\",\n  defaults: () => ({ embedUrl: \"\", height: 630, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,iBAAiB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC5E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,IAAI,QAAQ,KAAK,cAAc,KAAK;AACnE,CAAC;","names":[]}

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

@@ -0,0 +1,8 @@
+import type { z } from "zod";
+import type { BookingBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Booking = z.infer<typeof BookingBlockSchema>;
+/** Boekings-/afspraak-embed (bv. Calendly). Consent-gated by default. De provider-keuze bouwt de
+ *  volledige embed-URL uit een geplakte link óf een kale slug/id (buildBookingUrl). */
+export declare function BookingRender({ block, mode }: BlockRenderProps<Booking>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/BookingRender.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../ui/index.js";
+import { ConsentEmbed } from "./consentEmbed.js";
+import { buildBookingUrl } from "./lib/bookingUrl.js";
+function BookingRender({ block, mode }) {
+  const src = buildBookingUrl(block.provider ?? "custom", block.embedUrl);
+  if (!src) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-booking", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("div", { className: "xicms-booking__frame", style: { height: `${block.height}px` }, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: "Afspraak/booking", children: /* @__PURE__ */ jsx("iframe", { src, title: block.heading ?? "Afspraak maken", loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", sandbox: "allow-scripts allow-same-origin allow-forms allow-popups", style: { border: 0, width: "100%", height: "100%" } }) }) })
+  ] });
+}
+export {
+  BookingRender
+};
+//# sourceMappingURL=BookingRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/BookingRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { BookingBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { ConsentEmbed } from \"./consentEmbed\";\nimport { buildBookingUrl, type BookingProvider } from \"./lib/bookingUrl\";\n\ntype Booking = z.infer<typeof BookingBlockSchema>;\n\n/** Boekings-/afspraak-embed (bv. Calendly). Consent-gated by default. De provider-keuze bouwt de\n *  volledige embed-URL uit een geplakte link óf een kale slug/id (buildBookingUrl). */\nexport function BookingRender({ block, mode }: BlockRenderProps<Booking>) {\n  const src = buildBookingUrl((block.provider ?? \"custom\") as BookingProvider, block.embedUrl);\n  if (!src) return null;\n  return (\n    <section className=\"xicms-booking\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <div className=\"xicms-booking__frame\" style={{ height: `${block.height}px` }}>\n        <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label=\"Afspraak/booking\">\n          <iframe src={src} title={block.heading ?? \"Afspraak maken\"} loading=\"lazy\" referrerPolicy=\"no-referrer-when-downgrade\" sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups\" style={{ border: 0, width: \"100%\", height: \"100%\" }} />\n        </ConsentEmbed>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";AAiBI,SACoB,KADpB;AAZJ,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,uBAA6C;AAM/C,SAAS,cAAc,EAAE,OAAO,KAAK,GAA8B;AACxE,QAAM,MAAM,gBAAiB,MAAM,YAAY,UAA8B,MAAM,QAAQ;AAC3F,MAAI,CAAC,IAAK,QAAO;AACjB,SACE,qBAAC,aAAQ,WAAU,iBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,SAAI,WAAU,wBAAuB,OAAO,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK,GACzE,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAM,oBAC1E,8BAAC,YAAO,KAAU,OAAO,MAAM,WAAW,kBAAkB,SAAQ,QAAO,gBAAe,8BAA6B,SAAQ,4DAA2D,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO,GAAG,GACjP,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1,10 +1 @@
-import type { z } from "zod";
-export interface Crumb {
-    label: string;
-    href: string;
-}
-/** Kruimels uit een pad: "/diensten/tuinaanleg" → Home / Diensten / Tuinaanleg. Puur en getest. */
-export declare function crumbsFromPath(path: string, homeLabel?: string): Crumb[];
-/** BreadcrumbList-JSON-LD. Puur en getest. */
-export declare function breadcrumbsJsonLd(crumbs: Crumb[]): Record<string, unknown>;
-export declare const breadcrumbsBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const breadcrumbsBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Breadcrumbs.js

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

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

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