@xiwebdesign/xicms-core 7.14.0 → 7.16.0

package/dist/blocks/builtins/Elements.js

@@ -1,57 +1,23 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { HStack, VStack, Card, Text, Btn, Divider } from "../ui/index.js";
-function ButtonsRender({ block }) {
-  const items = (block.items ?? []).map((b, i) => ({ ...b, _i: i })).filter((b) => b.label);
-  if (items.length === 0) return null;
-  const hAlign = block.align === "center" ? "center" : block.align === "right" ? "end" : "start";
-  return /* @__PURE__ */ jsx(HStack, { gap: 2, hAlign, style: { flexWrap: "wrap" }, children: items.map((b) => /* @__PURE__ */ jsx(Btn, { label: b.label, href: b.href, variant: b.variant, editField: `items.${b._i}.label` }, b._i)) });
-}
 const buttonsBlock = defineBlock({
   type: "buttons",
   fields: { "items.variant": { type: "select", options: [{ value: "primary", label: "Primair" }, { value: "secondary", label: "Secundair" }, { value: "outline", label: "Outline" }] } },
-  Render: ButtonsRender,
+  Render: dynamic(() => import("./ElementsRender.js").then((m) => m.ButtonsRender)),
   label: "Knoppen",
   icon: "\u{1F518}",
   defaults: () => ({ align: "left", items: [{ label: "Knop", href: "#", variant: "primary" }] })
 });
-function QuoteRender({ block }) {
-  if (!block.text) return null;
-  return /* @__PURE__ */ jsx(Card, { padding: 5, variant: "muted", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, as: "figure", style: { margin: 0 }, children: [
-    /* @__PURE__ */ jsxs(Text, { type: "large", as: "p", style: { fontStyle: "italic" }, children: [
-      "\u201C",
-      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "text", children: block.text }),
-      "\u201D"
-    ] }),
-    (block.author || block.role) && /* @__PURE__ */ jsxs(Text, { as: "label", color: "secondary", children: [
-      "\u2014 ",
-      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "author", children: block.author }),
-      block.role ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        " \xB7 ",
-        /* @__PURE__ */ jsx("span", { "data-xicms-edit": "role", children: block.role })
-      ] }) : ""
-    ] })
-  ] }) });
-}
 const quoteBlock = defineBlock({
   type: "quote",
-  Render: QuoteRender,
+  Render: dynamic(() => import("./ElementsRender.js").then((m) => m.QuoteRender)),
   label: "Uitspraak",
   icon: "\u275D",
   defaults: () => ({ text: "Een krachtige uitspraak.", author: "" })
 });
-function DividerRender({ block }) {
-  const pad = block.spacing === "sm" ? "0.75rem" : block.spacing === "lg" ? "3rem" : "1.5rem";
-  if (block.variant === "space") return /* @__PURE__ */ jsx("div", { style: { height: pad }, "aria-hidden": "true" });
-  if (block.variant === "dots") {
-    return /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: `${pad} 0`, color: "var(--color-text-secondary)", letterSpacing: "0.5em" }, "aria-hidden": "true", children: "\u2022 \u2022 \u2022" });
-  }
-  return /* @__PURE__ */ jsx("div", { style: { padding: `${pad} 0` }, children: /* @__PURE__ */ jsx(Divider, { variant: "subtle" }) });
-}
 const dividerBlock = defineBlock({
   type: "divider",
-  Render: DividerRender,
+  Render: dynamic(() => import("./ElementsRender.js").then((m) => m.DividerRender)),
   label: "Scheiding",
   icon: "\u2796",
   defaults: () => ({ variant: "line", spacing: "md" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Elements.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ButtonsBlockSchema, QuoteBlockSchema, DividerBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { HStack, VStack, Card, Text, Btn, Divider } from \"../ui\";\n\n/* ── Buttons (knopgroep) ─────────────────────────────────────────────────── */\ntype Buttons = z.infer<typeof ButtonsBlockSchema>;\nfunction ButtonsRender({ block }: BlockRenderProps<Buttons>) {\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden moeten naar de ongefilterde\n  // items wijzen, anders schrijft bewerken naar het verkeerde (weggefilterde) item.\n  const items = (block.items ?? []).map((b, i) => ({ ...b, _i: i })).filter((b) => b.label);\n  if (items.length === 0) return null;\n  const hAlign = block.align === \"center\" ? \"center\" : block.align === \"right\" ? \"end\" : \"start\";\n  return (\n    <HStack gap={2} hAlign={hAlign} style={{ flexWrap: \"wrap\" }}>\n      {items.map((b) => (\n        <Btn key={b._i} label={b.label} href={b.href} variant={b.variant} editField={`items.${b._i}.label`} />\n      ))}\n    </HStack>\n  );\n}\nexport const buttonsBlock = defineBlock({\n  type: \"buttons\",\n  fields: { \"items.variant\": { type: \"select\", options: [{ value: \"primary\", label: \"Primair\" }, { value: \"secondary\", label: \"Secundair\" }, { value: \"outline\", label: \"Outline\" }] } },\n  Render: ButtonsRender,\n  label: \"Knoppen\",\n  icon: \"🔘\",\n  defaults: () => ({ align: \"left\", items: [{ label: \"Knop\", href: \"#\", variant: \"primary\" }] }),\n});\n\n/* ── Quote (uitspraak) ───────────────────────────────────────────────────── */\ntype Quote = z.infer<typeof QuoteBlockSchema>;\nfunction QuoteRender({ block }: BlockRenderProps<Quote>) {\n  if (!block.text) return null;\n  return (\n    <Card padding={5} variant=\"muted\">\n      <VStack gap={2} as=\"figure\" style={{ margin: 0 }}>\n        <Text type=\"large\" as=\"p\" style={{ fontStyle: \"italic\" }}>“<span data-xicms-edit=\"text\">{block.text}</span>”</Text>\n        {(block.author || block.role) && (\n          <Text as=\"label\" color=\"secondary\">\n            — <span data-xicms-edit=\"author\">{block.author}</span>\n            {block.role ? <> · <span data-xicms-edit=\"role\">{block.role}</span></> : \"\"}\n          </Text>\n        )}\n      </VStack>\n    </Card>\n  );\n}\nexport const quoteBlock = defineBlock({\n  type: \"quote\",\n  Render: QuoteRender,\n  label: \"Uitspraak\",\n  icon: \"❝\",\n  defaults: () => ({ text: \"Een krachtige uitspraak.\", author: \"\" }),\n});\n\n/* ── Divider (scheiding) ─────────────────────────────────────────────────── */\ntype DividerBlk = z.infer<typeof DividerBlockSchema>;\nfunction DividerRender({ block }: BlockRenderProps<DividerBlk>) {\n  const pad = block.spacing === \"sm\" ? \"0.75rem\" : block.spacing === \"lg\" ? \"3rem\" : \"1.5rem\";\n  if (block.variant === \"space\") return <div style={{ height: pad }} aria-hidden=\"true\" />;\n  if (block.variant === \"dots\") {\n    return (\n      <div style={{ textAlign: \"center\", padding: `${pad} 0`, color: \"var(--color-text-secondary)\", letterSpacing: \"0.5em\" }} aria-hidden=\"true\">\n        • • •\n      </div>\n    );\n  }\n  return <div style={{ padding: `${pad} 0` }}><Divider variant=\"subtle\" /></div>;\n}\nexport const dividerBlock = defineBlock({\n  type: \"divider\",\n  Render: DividerRender,\n  label: \"Scheiding\",\n  icon: \"➖\",\n  defaults: () => ({ variant: \"line\", spacing: \"md\" }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Elements.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const buttonsBlock = defineBlock({\n  type: \"buttons\",\n  fields: { \"items.variant\": { type: \"select\", options: [{ value: \"primary\", label: \"Primair\" }, { value: \"secondary\", label: \"Secundair\" }, { value: \"outline\", label: \"Outline\" }] } },\n  Render: dynamic(() => import(\"./ElementsRender\").then((m) => m.ButtonsRender)),\n  label: \"Knoppen\",\n  icon: \"🔘\",\n  defaults: () => ({ align: \"left\", items: [{ label: \"Knop\", href: \"#\", variant: \"primary\" }] }),\n});\n\nexport const quoteBlock = defineBlock({\n  type: \"quote\",\n  Render: dynamic(() => import(\"./ElementsRender\").then((m) => m.QuoteRender)),\n  label: \"Uitspraak\",\n  icon: \"❝\",\n  defaults: () => ({ text: \"Een krachtige uitspraak.\", author: \"\" }),\n});\n\nexport const dividerBlock = defineBlock({\n  type: \"divider\",\n  Render: dynamic(() => import(\"./ElementsRender\").then((m) => m.DividerRender)),\n  label: \"Scheiding\",\n  icon: \"➖\",\n  defaults: () => ({ variant: \"line\", spacing: \"md\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,EAAE,iBAAiB,EAAE,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,WAAW,OAAO,UAAU,GAAG,EAAE,OAAO,aAAa,OAAO,YAAY,GAAG,EAAE,OAAO,WAAW,OAAO,UAAU,CAAC,EAAE,EAAE;AAAA,EACrL,QAAQ,QAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC7E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,QAAQ,OAAO,CAAC,EAAE,OAAO,QAAQ,MAAM,KAAK,SAAS,UAAU,CAAC,EAAE;AAC9F,CAAC;AAEM,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;AAAA,EAC3E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,4BAA4B,QAAQ,GAAG;AAClE,CAAC;AAEM,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,kBAAkB,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;AAAA,EAC7E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,QAAQ,SAAS,KAAK;AACpD,CAAC;","names":[]}

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

@@ -0,0 +1,10 @@
+import type { z } from "zod";
+import type { ButtonsBlockSchema, QuoteBlockSchema, DividerBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Buttons = z.infer<typeof ButtonsBlockSchema>;
+export declare function ButtonsRender({ block }: BlockRenderProps<Buttons>): import("react").JSX.Element | null;
+type Quote = z.infer<typeof QuoteBlockSchema>;
+export declare function QuoteRender({ block }: BlockRenderProps<Quote>): import("react").JSX.Element | null;
+type DividerBlk = z.infer<typeof DividerBlockSchema>;
+export declare function DividerRender({ block }: BlockRenderProps<DividerBlk>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/ElementsRender.js

@@ -0,0 +1,41 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { HStack, VStack, Card, Text, Btn, Divider } from "../ui/index.js";
+function ButtonsRender({ block }) {
+  const items = (block.items ?? []).map((b, i) => ({ ...b, _i: i })).filter((b) => b.label);
+  if (items.length === 0) return null;
+  const hAlign = block.align === "center" ? "center" : block.align === "right" ? "end" : "start";
+  return /* @__PURE__ */ jsx(HStack, { gap: 2, hAlign, style: { flexWrap: "wrap" }, children: items.map((b) => /* @__PURE__ */ jsx(Btn, { label: b.label, href: b.href, variant: b.variant, editField: `items.${b._i}.label` }, b._i)) });
+}
+function QuoteRender({ block }) {
+  if (!block.text) return null;
+  return /* @__PURE__ */ jsx(Card, { padding: 5, variant: "muted", children: /* @__PURE__ */ jsxs(VStack, { gap: 2, as: "figure", style: { margin: 0 }, children: [
+    /* @__PURE__ */ jsxs(Text, { type: "large", as: "p", style: { fontStyle: "italic" }, children: [
+      "\u201C",
+      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "text", children: block.text }),
+      "\u201D"
+    ] }),
+    (block.author || block.role) && /* @__PURE__ */ jsxs(Text, { as: "label", color: "secondary", children: [
+      "\u2014 ",
+      /* @__PURE__ */ jsx("span", { "data-xicms-edit": "author", children: block.author }),
+      block.role ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " \xB7 ",
+        /* @__PURE__ */ jsx("span", { "data-xicms-edit": "role", children: block.role })
+      ] }) : ""
+    ] })
+  ] }) });
+}
+function DividerRender({ block }) {
+  const pad = block.spacing === "sm" ? "0.75rem" : block.spacing === "lg" ? "3rem" : "1.5rem";
+  if (block.variant === "space") return /* @__PURE__ */ jsx("div", { style: { height: pad }, "aria-hidden": "true" });
+  if (block.variant === "dots") {
+    return /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: `${pad} 0`, color: "var(--color-text-secondary)", letterSpacing: "0.5em" }, "aria-hidden": "true", children: "\u2022 \u2022 \u2022" });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { padding: `${pad} 0` }, children: /* @__PURE__ */ jsx(Divider, { variant: "subtle" }) });
+}
+export {
+  ButtonsRender,
+  DividerRender,
+  QuoteRender
+};
+//# sourceMappingURL=ElementsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/ElementsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ButtonsBlockSchema, QuoteBlockSchema, DividerBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { HStack, VStack, Card, Text, Btn, Divider } from \"../ui\";\n\n/* ── Buttons (knopgroep) ─────────────────────────────────────────────────── */\ntype Buttons = z.infer<typeof ButtonsBlockSchema>;\nexport function ButtonsRender({ block }: BlockRenderProps<Buttons>) {\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden moeten naar de ongefilterde\n  // items wijzen, anders schrijft bewerken naar het verkeerde (weggefilterde) item.\n  const items = (block.items ?? []).map((b, i) => ({ ...b, _i: i })).filter((b) => b.label);\n  if (items.length === 0) return null;\n  const hAlign = block.align === \"center\" ? \"center\" : block.align === \"right\" ? \"end\" : \"start\";\n  return (\n    <HStack gap={2} hAlign={hAlign} style={{ flexWrap: \"wrap\" }}>\n      {items.map((b) => (\n        <Btn key={b._i} label={b.label} href={b.href} variant={b.variant} editField={`items.${b._i}.label`} />\n      ))}\n    </HStack>\n  );\n}\n/* ── Quote (uitspraak) ───────────────────────────────────────────────────── */\ntype Quote = z.infer<typeof QuoteBlockSchema>;\nexport function QuoteRender({ block }: BlockRenderProps<Quote>) {\n  if (!block.text) return null;\n  return (\n    <Card padding={5} variant=\"muted\">\n      <VStack gap={2} as=\"figure\" style={{ margin: 0 }}>\n        <Text type=\"large\" as=\"p\" style={{ fontStyle: \"italic\" }}>“<span data-xicms-edit=\"text\">{block.text}</span>”</Text>\n        {(block.author || block.role) && (\n          <Text as=\"label\" color=\"secondary\">\n            — <span data-xicms-edit=\"author\">{block.author}</span>\n            {block.role ? <> · <span data-xicms-edit=\"role\">{block.role}</span></> : \"\"}\n          </Text>\n        )}\n      </VStack>\n    </Card>\n  );\n}\n/* ── Divider (scheiding) ─────────────────────────────────────────────────── */\ntype DividerBlk = z.infer<typeof DividerBlockSchema>;\nexport function DividerRender({ block }: BlockRenderProps<DividerBlk>) {\n  const pad = block.spacing === \"sm\" ? \"0.75rem\" : block.spacing === \"lg\" ? \"3rem\" : \"1.5rem\";\n  if (block.variant === \"space\") return <div style={{ height: pad }} aria-hidden=\"true\" />;\n  if (block.variant === \"dots\") {\n    return (\n      <div style={{ textAlign: \"center\", padding: `${pad} 0`, color: \"var(--color-text-secondary)\", letterSpacing: \"0.5em\" }} aria-hidden=\"true\">\n        • • •\n      </div>\n    );\n  }\n  return <div style={{ padding: `${pad} 0` }}><Divider variant=\"subtle\" /></div>;\n}\n"],"mappings":";AAkBQ,SAgBkB,UAhBlB,KAYA,YAZA;AAbR,SAAS,QAAQ,QAAQ,MAAM,MAAM,KAAK,eAAe;AAIlD,SAAS,cAAc,EAAE,MAAM,GAA8B;AAGlE,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK;AACxF,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,SAAS,MAAM,UAAU,WAAW,WAAW,MAAM,UAAU,UAAU,QAAQ;AACvF,SACE,oBAAC,UAAO,KAAK,GAAG,QAAgB,OAAO,EAAE,UAAU,OAAO,GACvD,gBAAM,IAAI,CAAC,MACV,oBAAC,OAAe,OAAO,EAAE,OAAO,MAAM,EAAE,MAAM,SAAS,EAAE,SAAS,WAAW,SAAS,EAAE,EAAE,YAAhF,EAAE,EAAwF,CACrG,GACH;AAEJ;AAGO,SAAS,YAAY,EAAE,MAAM,GAA4B;AAC9D,MAAI,CAAC,MAAM,KAAM,QAAO;AACxB,SACE,oBAAC,QAAK,SAAS,GAAG,SAAQ,SACxB,+BAAC,UAAO,KAAK,GAAG,IAAG,UAAS,OAAO,EAAE,QAAQ,EAAE,GAC7C;AAAA,yBAAC,QAAK,MAAK,SAAQ,IAAG,KAAI,OAAO,EAAE,WAAW,SAAS,GAAG;AAAA;AAAA,MAAC,oBAAC,UAAK,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,MAAO;AAAA,OAAC;AAAA,KAC1G,MAAM,UAAU,MAAM,SACtB,qBAAC,QAAK,IAAG,SAAQ,OAAM,aAAY;AAAA;AAAA,MAC/B,oBAAC,UAAK,mBAAgB,UAAU,gBAAM,QAAO;AAAA,MAC9C,MAAM,OAAO,iCAAE;AAAA;AAAA,QAAG,oBAAC,UAAK,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,SAAO,IAAM;AAAA,OAC3E;AAAA,KAEJ,GACF;AAEJ;AAGO,SAAS,cAAc,EAAE,MAAM,GAAiC;AACrE,QAAM,MAAM,MAAM,YAAY,OAAO,YAAY,MAAM,YAAY,OAAO,SAAS;AACnF,MAAI,MAAM,YAAY,QAAS,QAAO,oBAAC,SAAI,OAAO,EAAE,QAAQ,IAAI,GAAG,eAAY,QAAO;AACtF,MAAI,MAAM,YAAY,QAAQ;AAC5B,WACE,oBAAC,SAAI,OAAO,EAAE,WAAW,UAAU,SAAS,GAAG,GAAG,MAAM,OAAO,+BAA+B,eAAe,QAAQ,GAAG,eAAY,QAAO,kCAE3I;AAAA,EAEJ;AACA,SAAO,oBAAC,SAAI,OAAO,EAAE,SAAS,GAAG,GAAG,KAAK,GAAG,8BAAC,WAAQ,SAAQ,UAAS,GAAE;AAC1E;","names":[]}

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

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

package/dist/blocks/builtins/Embed.js

@@ -1,25 +1,8 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { ConsentEmbed } from "./consentEmbed.js";
-function EmbedRender({ block, mode }) {
-  if (!block.url) return null;
-  const sizing = block.aspectRatio && block.aspectRatio !== "fixed" ? { aspectRatio: block.aspectRatio.replace("/", " / ") } : { height: `${block.height}px` };
-  return /* @__PURE__ */ jsx("div", { className: "xicms-embed", style: sizing, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: block.title ?? "Embed", children: /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src: block.url,
-      title: block.title ?? "Embed",
-      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 embedBlock = defineBlock({
   type: "embed",
-  Render: EmbedRender,
+  Render: dynamic(() => import("./EmbedRender.js").then((m) => m.EmbedRender)),
   label: "Embed (iframe)",
   icon: "\u{1F9E9}",
   defaults: () => ({ url: "", height: 420, consentGated: true })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Embed.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { EmbedBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype Embed = z.infer<typeof EmbedBlockSchema>;\n\n/** Generieke responsive iframe-embed (consent-gated by default) — voor wat dan ook met een URL. */\nfunction EmbedRender({ block, mode }: BlockRenderProps<Embed>) {\n  if (!block.url) return null;\n  // \"fixed\" = vaste hoogte (bestaand gedrag); anders schaalt de embed mee met de beeldverhouding.\n  const sizing =\n    block.aspectRatio && block.aspectRatio !== \"fixed\"\n      ? { aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }\n      : { height: `${block.height}px` };\n  return (\n    <div className=\"xicms-embed\" style={sizing}>\n      <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label={block.title ?? \"Embed\"}>\n        <iframe\n          src={block.url}\n          title={block.title ?? \"Embed\"}\n          loading=\"lazy\"\n          referrerPolicy=\"no-referrer-when-downgrade\"\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups\"\n          style={{ border: 0, width: \"100%\", height: \"100%\" }}\n        />\n      </ConsentEmbed>\n    </div>\n  );\n}\n\nexport const embedBlock = defineBlock({\n  type: \"embed\",\n  Render: EmbedRender,\n  label: \"Embed (iframe)\",\n  icon: \"🧩\",\n  defaults: () => ({ url: \"\", height: 420, consentGated: true }),\n});\n"],"mappings":";AAoBQ;AAhBR,SAAS,mBAA0C;AACnD,SAAS,oBAAoB;AAK7B,SAAS,YAAY,EAAE,OAAO,KAAK,GAA4B;AAC7D,MAAI,CAAC,MAAM,IAAK,QAAO;AAEvB,QAAM,SACJ,MAAM,eAAe,MAAM,gBAAgB,UACvC,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,IACrD,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK;AACpC,SACE,oBAAC,SAAI,WAAU,eAAc,OAAO,QAClC,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAO,MAAM,SAAS,SAC1F;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,OAAO,MAAM,SAAS;AAAA,MACtB,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,SAAQ;AAAA,MACR,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,EACpD,GACF,GACF;AAEJ;AAEO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,KAAK,IAAI,QAAQ,KAAK,cAAc,KAAK;AAC9D,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Embed.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const embedBlock = defineBlock({\n  type: \"embed\",\n  Render: dynamic(() => import(\"./EmbedRender\").then((m) => m.EmbedRender)),\n  label: \"Embed (iframe)\",\n  icon: \"🧩\",\n  defaults: () => ({ url: \"\", height: 420, consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,eAAe,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;AAAA,EACxE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,KAAK,IAAI,QAAQ,KAAK,cAAc,KAAK;AAC9D,CAAC;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { EmbedBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Embed = z.infer<typeof EmbedBlockSchema>;
+/** Generieke responsive iframe-embed (consent-gated by default) — voor wat dan ook met een URL. */
+export declare function EmbedRender({ block, mode }: BlockRenderProps<Embed>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/EmbedRender.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ConsentEmbed } from "./consentEmbed.js";
+function EmbedRender({ block, mode }) {
+  if (!block.url) return null;
+  const sizing = block.aspectRatio && block.aspectRatio !== "fixed" ? { aspectRatio: block.aspectRatio.replace("/", " / ") } : { height: `${block.height}px` };
+  return /* @__PURE__ */ jsx("div", { className: "xicms-embed", style: sizing, children: /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated, preview: mode === "preview", label: block.title ?? "Embed", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: block.url,
+      title: block.title ?? "Embed",
+      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 {
+  EmbedRender
+};
+//# sourceMappingURL=EmbedRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/EmbedRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { EmbedBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype Embed = z.infer<typeof EmbedBlockSchema>;\n\n/** Generieke responsive iframe-embed (consent-gated by default) — voor wat dan ook met een URL. */\nexport function EmbedRender({ block, mode }: BlockRenderProps<Embed>) {\n  if (!block.url) return null;\n  // \"fixed\" = vaste hoogte (bestaand gedrag); anders schaalt de embed mee met de beeldverhouding.\n  const sizing =\n    block.aspectRatio && block.aspectRatio !== \"fixed\"\n      ? { aspectRatio: block.aspectRatio.replace(\"/\", \" / \") }\n      : { height: `${block.height}px` };\n  return (\n    <div className=\"xicms-embed\" style={sizing}>\n      <ConsentEmbed gated={block.consentGated} preview={mode === \"preview\"} label={block.title ?? \"Embed\"}>\n        <iframe\n          src={block.url}\n          title={block.title ?? \"Embed\"}\n          loading=\"lazy\"\n          referrerPolicy=\"no-referrer-when-downgrade\"\n          sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups\"\n          style={{ border: 0, width: \"100%\", height: \"100%\" }}\n        />\n      </ConsentEmbed>\n    </div>\n  );\n}\n"],"mappings":";AAoBQ;AAfR,SAAS,oBAAoB;AAKtB,SAAS,YAAY,EAAE,OAAO,KAAK,GAA4B;AACpE,MAAI,CAAC,MAAM,IAAK,QAAO;AAEvB,QAAM,SACJ,MAAM,eAAe,MAAM,gBAAgB,UACvC,EAAE,aAAa,MAAM,YAAY,QAAQ,KAAK,KAAK,EAAE,IACrD,EAAE,QAAQ,GAAG,MAAM,MAAM,KAAK;AACpC,SACE,oBAAC,SAAI,WAAU,eAAc,OAAO,QAClC,8BAAC,gBAAa,OAAO,MAAM,cAAc,SAAS,SAAS,WAAW,OAAO,MAAM,SAAS,SAC1F;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,OAAO,MAAM,SAAS;AAAA,MACtB,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,SAAQ;AAAA,MACR,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,QAAQ,OAAO;AAAA;AAAA,EACpD,GACF,GACF;AAEJ;","names":[]}

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

@@ -1,6 +1 @@
-import type { z } from "zod";
-/** Anker-id voor een vraag (deep-link: /faq#hoe-werkt-het). */
-export declare function questionSlug(q: string): string;
-/** Unieke anker-ids voor een vragenlijst: identieke vragen krijgen -2, -3, … (ids moeten uniek zijn). */
-export declare function questionSlugs(questions: string[]): string[];
-export declare const faqBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const faqBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Faq.js

@@ -1,106 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Collapsible } from "@astryxdesign/core/Collapsible";
-import { TextInput } from "@astryxdesign/core/TextInput";
-import { VStack, Heading, Text } from "../ui/index.js";
-import { jsonLdHtml } from "./jsonld.js";
-function questionSlug(q) {
-  return q.toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60);
-}
-function questionSlugs(questions) {
-  const seen = /* @__PURE__ */ new Map();
-  return questions.map((q) => {
-    const base = questionSlug(q);
-    if (!base) return "";
-    const n = (seen.get(base) ?? 0) + 1;
-    seen.set(base, n);
-    return n === 1 ? base : `${base}-${n}`;
-  });
-}
-function faqJsonLd(items) {
-  return {
-    "@context": "https://schema.org",
-    "@type": "FAQPage",
-    mainEntity: items.filter((it) => it.q && (it.a || it.aHtml)).map((it) => ({
-      "@type": "Question",
-      name: it.q,
-      acceptedAnswer: { "@type": "Answer", text: it.aHtml ? it.aHtml.replace(/<[^>]*>/g, " ").trim() : it.a }
-    }))
-  };
-}
-function FaqRender({ block }) {
-  const items = block.items ?? [];
-  const [q, setQ] = useState("");
-  const withSlugs = useMemo(() => {
-    const slugs = questionSlugs(items.map((it) => it.q));
-    return items.map((it, i) => ({ it, slug: slugs[i], idx: i }));
-  }, [items]);
-  const [openSlug, setOpenSlug] = useState(null);
-  useEffect(() => {
-    const hash = window.location.hash.slice(1);
-    if (hash && withSlugs.some(({ slug }) => slug === hash)) {
-      setOpenSlug(hash);
-      document.getElementById(hash)?.scrollIntoView({ block: "start" });
-    }
-  }, []);
-  const filtered = useMemo(() => {
-    if (!block.searchable || !q.trim()) return withSlugs;
-    const needle = q.toLowerCase();
-    return withSlugs.filter(({ it }) => (it.q + " " + it.a + " " + (it.aHtml ?? "")).toLowerCase().includes(needle));
-  }, [withSlugs, q, block.searchable]);
-  return /* @__PURE__ */ jsxs(VStack, { gap: 3, as: "section", className: "xicms-faq", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    block.searchable && /* @__PURE__ */ jsx("div", { style: { maxWidth: 360 }, children: /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Zoek in veelgestelde vragen",
-        isLabelHidden: true,
-        placeholder: "Zoek in vragen\u2026",
-        value: q,
-        onChange: setQ
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(VStack, { gap: 1.5, children: [
-      filtered.map(({ it, slug, idx }, i) => {
-        return /* @__PURE__ */ jsx("div", { id: slug || void 0, children: /* @__PURE__ */ jsx(
-          Collapsible,
-          {
-            trigger: /* @__PURE__ */ jsx(Text, { weight: "bold", className: "xicms-faq__question", "data-xicms-edit": `items.${idx}.q`, children: it.q }),
-            defaultIsOpen: block.defaultOpen || slug !== "" && slug === openSlug,
-            children: it.aHtml ? (
-              // Server-side gesanitized bij publiceren (velden op *Html) — zie functions/lib/sanitize.
-              // Inline bewerkbaar MET opmaak: `data-xicms-edit` wijst naar het eigen veld, zodat
-              // de editor hier niet naar een niet-bestaand "html" schrijft.
-              // eslint-disable-next-line react/no-danger
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "xicms-richtext xicms-faq__answer",
-                  "data-xicms-edit": `items.${idx}.aHtml`,
-                  dangerouslySetInnerHTML: { __html: it.aHtml }
-                }
-              )
-            ) : /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-faq__answer", "data-xicms-edit": `items.${idx}.a`, children: it.a })
-          },
-          `${i}-${slug === openSlug ? "open" : "dicht"}`
-        ) }, i);
-      }),
-      filtered.length === 0 && /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Geen vragen gevonden." })
-    ] }),
-    block.jsonLd && /* @__PURE__ */ jsx(
-      "script",
-      {
-        type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: jsonLdHtml(faqJsonLd(items)) }
-      }
-    )
-  ] });
-}
 const faqBlock = defineBlock({
   type: "faq",
-  Render: FaqRender,
+  Render: dynamic(() => import("./FaqRender.js").then((m) => m.FaqRender)),
   label: "Veelgestelde vragen",
   icon: "\u2753",
   defaults: () => ({
@@ -111,8 +13,6 @@ const faqBlock = defineBlock({
   })
 });
 export {
-  faqBlock,
-  questionSlug,
-  questionSlugs
+  faqBlock
 };
 //# sourceMappingURL=Faq.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Faq.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { FaqBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Collapsible } from \"@astryxdesign/core/Collapsible\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { VStack, Heading, Text } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Faq = z.infer<typeof FaqBlockSchema>;\n\n/** Anker-id voor een vraag (deep-link: /faq#hoe-werkt-het). */\nexport function questionSlug(q: string): string {\n  return q\n    .toLowerCase()\n    .normalize(\"NFD\")\n    .replace(/[̀-ͯ]/g, \"\")\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .slice(0, 60);\n}\n\n/** Unieke anker-ids voor een vragenlijst: identieke vragen krijgen -2, -3, … (ids moeten uniek zijn). */\nexport function questionSlugs(questions: string[]): string[] {\n  const seen = new Map<string, number>();\n  return questions.map((q) => {\n    const base = questionSlug(q);\n    if (!base) return \"\";\n    const n = (seen.get(base) ?? 0) + 1;\n    seen.set(base, n);\n    return n === 1 ? base : `${base}-${n}`;\n  });\n}\n\nfunction faqJsonLd(items: { q: string; a: string; aHtml?: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: items\n      .filter((it) => it.q && (it.a || it.aHtml))\n      .map((it) => ({\n        \"@type\": \"Question\",\n        name: it.q,\n        acceptedAnswer: { \"@type\": \"Answer\", text: it.aHtml ? it.aHtml.replace(/<[^>]*>/g, \" \").trim() : it.a },\n      })),\n  };\n}\n\nfunction FaqRender({ block }: BlockRenderProps<Faq>) {\n  const items = block.items ?? [];\n  const [q, setQ] = useState(\"\");\n  // Slug per item vooraf berekenen (met dedupe), zodat dubbele vragen geen dubbele ids opleveren\n  // en de hash-match precies één vraag opent.\n  const withSlugs = useMemo(() => {\n    const slugs = questionSlugs(items.map((it) => it.q));\n    // idx = originele index in block.items — nodig voor de inline-edit-paden, want `filtered`\n    // kan bij een actieve zoekterm een deelverzameling met verschoven indexen zijn.\n    return items.map((it, i) => ({ it, slug: slugs[i], idx: i }));\n  }, [items]);\n  // Deep-link: bij laden met #<vraag-slug> die vraag openen (en ernaartoe scrollen).\n  const [openSlug, setOpenSlug] = useState<string | null>(null);\n  useEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (hash && withSlugs.some(({ slug }) => slug === hash)) {\n      setOpenSlug(hash);\n      document.getElementById(hash)?.scrollIntoView({ block: \"start\" });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const filtered = useMemo(() => {\n    if (!block.searchable || !q.trim()) return withSlugs;\n    const needle = q.toLowerCase();\n    return withSlugs.filter(({ it }) => (it.q + \" \" + it.a + \" \" + (it.aHtml ?? \"\")).toLowerCase().includes(needle));\n  }, [withSlugs, q, block.searchable]);\n\n  return (\n    <VStack gap={3} as=\"section\" className=\"xicms-faq\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.searchable && (\n        <div style={{ maxWidth: 360 }}>\n          <TextInput\n            label=\"Zoek in veelgestelde vragen\"\n            isLabelHidden\n            placeholder=\"Zoek in vragen…\"\n            value={q}\n            onChange={setQ}\n          />\n        </div>\n      )}\n      <VStack gap={1.5}>\n        {filtered.map(({ it, slug, idx }, i) => {\n          return (\n            <div key={i} id={slug || undefined}>\n              <Collapsible\n                // key wisselt zodra de hash-match binnenkomt (effect ná mount) → remount met open staat.\n                key={`${i}-${slug === openSlug ? \"open\" : \"dicht\"}`}\n                trigger={<Text weight=\"bold\" className=\"xicms-faq__question\" data-xicms-edit={`items.${idx}.q`}>{it.q}</Text>}\n                defaultIsOpen={block.defaultOpen || (slug !== \"\" && slug === openSlug)}\n              >\n                {it.aHtml ? (\n                  // Server-side gesanitized bij publiceren (velden op *Html) — zie functions/lib/sanitize.\n                  // Inline bewerkbaar MET opmaak: `data-xicms-edit` wijst naar het eigen veld, zodat\n                  // de editor hier niet naar een niet-bestaand \"html\" schrijft.\n                  // eslint-disable-next-line react/no-danger\n                  <div\n                    className=\"xicms-richtext xicms-faq__answer\"\n                    data-xicms-edit={`items.${idx}.aHtml`}\n                    dangerouslySetInnerHTML={{ __html: it.aHtml }}\n                  />\n                ) : (\n                  <Text color=\"secondary\" className=\"xicms-faq__answer\" data-xicms-edit={`items.${idx}.a`}>{it.a}</Text>\n                )}\n              </Collapsible>\n            </div>\n          );\n        })}\n        {filtered.length === 0 && <Text color=\"secondary\">Geen vragen gevonden.</Text>}\n      </VStack>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(faqJsonLd(items)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n\nexport const faqBlock = defineBlock({\n  type: \"faq\",\n  Render: FaqRender,\n  label: \"Veelgestelde vragen\",\n  icon: \"❓\",\n  defaults: () => ({\n    heading: \"Veelgestelde vragen\",\n    items: [{ q: \"Een vraag?\", a: \"Het antwoord.\" }],\n    searchable: false,\n    jsonLd: true,\n  }),\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Faq.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const faqBlock = defineBlock({\n  type: \"faq\",\n  Render: dynamic(() => import(\"./FaqRender\").then((m) => m.FaqRender)),\n  label: \"Veelgestelde vragen\",\n  icon: \"❓\",\n  defaults: () => ({\n    heading: \"Veelgestelde vragen\",\n    items: [{ q: \"Een vraag?\", a: \"Het antwoord.\" }],\n    searchable: false,\n    jsonLd: true,\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,WAAW,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAAA,IAC/C,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,10 @@
+import type { z } from "zod";
+import type { FaqBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Faq = z.infer<typeof FaqBlockSchema>;
+/** Anker-id voor een vraag (deep-link: /faq#hoe-werkt-het). */
+export declare function questionSlug(q: string): string;
+/** Unieke anker-ids voor een vragenlijst: identieke vragen krijgen -2, -3, … (ids moeten uniek zijn). */
+export declare function questionSlugs(questions: string[]): string[];
+export declare function FaqRender({ block }: BlockRenderProps<Faq>): import("react").JSX.Element;
+export {};

package/dist/blocks/builtins/FaqRender.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Collapsible } from "@astryxdesign/core/Collapsible";
+import { TextInput } from "@astryxdesign/core/TextInput";
+import { VStack, Heading, Text } from "../ui/index.js";
+import { jsonLdHtml } from "./jsonld.js";
+function questionSlug(q) {
+  return q.toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60);
+}
+function questionSlugs(questions) {
+  const seen = /* @__PURE__ */ new Map();
+  return questions.map((q) => {
+    const base = questionSlug(q);
+    if (!base) return "";
+    const n = (seen.get(base) ?? 0) + 1;
+    seen.set(base, n);
+    return n === 1 ? base : `${base}-${n}`;
+  });
+}
+function faqJsonLd(items) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: items.filter((it) => it.q && (it.a || it.aHtml)).map((it) => ({
+      "@type": "Question",
+      name: it.q,
+      acceptedAnswer: { "@type": "Answer", text: it.aHtml ? it.aHtml.replace(/<[^>]*>/g, " ").trim() : it.a }
+    }))
+  };
+}
+function FaqRender({ block }) {
+  const items = block.items ?? [];
+  const [q, setQ] = useState("");
+  const withSlugs = useMemo(() => {
+    const slugs = questionSlugs(items.map((it) => it.q));
+    return items.map((it, i) => ({ it, slug: slugs[i], idx: i }));
+  }, [items]);
+  const [openSlug, setOpenSlug] = useState(null);
+  useEffect(() => {
+    const hash = window.location.hash.slice(1);
+    if (hash && withSlugs.some(({ slug }) => slug === hash)) {
+      setOpenSlug(hash);
+      document.getElementById(hash)?.scrollIntoView({ block: "start" });
+    }
+  }, []);
+  const filtered = useMemo(() => {
+    if (!block.searchable || !q.trim()) return withSlugs;
+    const needle = q.toLowerCase();
+    return withSlugs.filter(({ it }) => (it.q + " " + it.a + " " + (it.aHtml ?? "")).toLowerCase().includes(needle));
+  }, [withSlugs, q, block.searchable]);
+  return /* @__PURE__ */ jsxs(VStack, { gap: 3, as: "section", className: "xicms-faq", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    block.searchable && /* @__PURE__ */ jsx("div", { style: { maxWidth: 360 }, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Zoek in veelgestelde vragen",
+        isLabelHidden: true,
+        placeholder: "Zoek in vragen\u2026",
+        value: q,
+        onChange: setQ
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(VStack, { gap: 1.5, children: [
+      filtered.map(({ it, slug, idx }, i) => {
+        return /* @__PURE__ */ jsx("div", { id: slug || void 0, children: /* @__PURE__ */ jsx(
+          Collapsible,
+          {
+            trigger: /* @__PURE__ */ jsx(Text, { weight: "bold", className: "xicms-faq__question", "data-xicms-edit": `items.${idx}.q`, children: it.q }),
+            defaultIsOpen: block.defaultOpen || slug !== "" && slug === openSlug,
+            children: it.aHtml ? (
+              // Server-side gesanitized bij publiceren (velden op *Html) — zie functions/lib/sanitize.
+              // Inline bewerkbaar MET opmaak: `data-xicms-edit` wijst naar het eigen veld, zodat
+              // de editor hier niet naar een niet-bestaand "html" schrijft.
+              // eslint-disable-next-line react/no-danger
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "xicms-richtext xicms-faq__answer",
+                  "data-xicms-edit": `items.${idx}.aHtml`,
+                  dangerouslySetInnerHTML: { __html: it.aHtml }
+                }
+              )
+            ) : /* @__PURE__ */ jsx(Text, { color: "secondary", className: "xicms-faq__answer", "data-xicms-edit": `items.${idx}.a`, children: it.a })
+          },
+          `${i}-${slug === openSlug ? "open" : "dicht"}`
+        ) }, i);
+      }),
+      filtered.length === 0 && /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Geen vragen gevonden." })
+    ] }),
+    block.jsonLd && /* @__PURE__ */ jsx(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: jsonLdHtml(faqJsonLd(items)) }
+      }
+    )
+  ] });
+}
+export {
+  FaqRender,
+  questionSlug,
+  questionSlugs
+};
+//# sourceMappingURL=FaqRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/FaqRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { FaqBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Collapsible } from \"@astryxdesign/core/Collapsible\";\nimport { TextInput } from \"@astryxdesign/core/TextInput\";\nimport { VStack, Heading, Text } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Faq = z.infer<typeof FaqBlockSchema>;\n\n/** Anker-id voor een vraag (deep-link: /faq#hoe-werkt-het). */\nexport function questionSlug(q: string): string {\n  return q\n    .toLowerCase()\n    .normalize(\"NFD\")\n    .replace(/[̀-ͯ]/g, \"\")\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .slice(0, 60);\n}\n\n/** Unieke anker-ids voor een vragenlijst: identieke vragen krijgen -2, -3, … (ids moeten uniek zijn). */\nexport function questionSlugs(questions: string[]): string[] {\n  const seen = new Map<string, number>();\n  return questions.map((q) => {\n    const base = questionSlug(q);\n    if (!base) return \"\";\n    const n = (seen.get(base) ?? 0) + 1;\n    seen.set(base, n);\n    return n === 1 ? base : `${base}-${n}`;\n  });\n}\n\nfunction faqJsonLd(items: { q: string; a: string; aHtml?: string }[]): Record<string, unknown> {\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"FAQPage\",\n    mainEntity: items\n      .filter((it) => it.q && (it.a || it.aHtml))\n      .map((it) => ({\n        \"@type\": \"Question\",\n        name: it.q,\n        acceptedAnswer: { \"@type\": \"Answer\", text: it.aHtml ? it.aHtml.replace(/<[^>]*>/g, \" \").trim() : it.a },\n      })),\n  };\n}\n\nexport function FaqRender({ block }: BlockRenderProps<Faq>) {\n  const items = block.items ?? [];\n  const [q, setQ] = useState(\"\");\n  // Slug per item vooraf berekenen (met dedupe), zodat dubbele vragen geen dubbele ids opleveren\n  // en de hash-match precies één vraag opent.\n  const withSlugs = useMemo(() => {\n    const slugs = questionSlugs(items.map((it) => it.q));\n    // idx = originele index in block.items — nodig voor de inline-edit-paden, want `filtered`\n    // kan bij een actieve zoekterm een deelverzameling met verschoven indexen zijn.\n    return items.map((it, i) => ({ it, slug: slugs[i], idx: i }));\n  }, [items]);\n  // Deep-link: bij laden met #<vraag-slug> die vraag openen (en ernaartoe scrollen).\n  const [openSlug, setOpenSlug] = useState<string | null>(null);\n  useEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (hash && withSlugs.some(({ slug }) => slug === hash)) {\n      setOpenSlug(hash);\n      document.getElementById(hash)?.scrollIntoView({ block: \"start\" });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const filtered = useMemo(() => {\n    if (!block.searchable || !q.trim()) return withSlugs;\n    const needle = q.toLowerCase();\n    return withSlugs.filter(({ it }) => (it.q + \" \" + it.a + \" \" + (it.aHtml ?? \"\")).toLowerCase().includes(needle));\n  }, [withSlugs, q, block.searchable]);\n\n  return (\n    <VStack gap={3} as=\"section\" className=\"xicms-faq\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {block.searchable && (\n        <div style={{ maxWidth: 360 }}>\n          <TextInput\n            label=\"Zoek in veelgestelde vragen\"\n            isLabelHidden\n            placeholder=\"Zoek in vragen…\"\n            value={q}\n            onChange={setQ}\n          />\n        </div>\n      )}\n      <VStack gap={1.5}>\n        {filtered.map(({ it, slug, idx }, i) => {\n          return (\n            <div key={i} id={slug || undefined}>\n              <Collapsible\n                // key wisselt zodra de hash-match binnenkomt (effect ná mount) → remount met open staat.\n                key={`${i}-${slug === openSlug ? \"open\" : \"dicht\"}`}\n                trigger={<Text weight=\"bold\" className=\"xicms-faq__question\" data-xicms-edit={`items.${idx}.q`}>{it.q}</Text>}\n                defaultIsOpen={block.defaultOpen || (slug !== \"\" && slug === openSlug)}\n              >\n                {it.aHtml ? (\n                  // Server-side gesanitized bij publiceren (velden op *Html) — zie functions/lib/sanitize.\n                  // Inline bewerkbaar MET opmaak: `data-xicms-edit` wijst naar het eigen veld, zodat\n                  // de editor hier niet naar een niet-bestaand \"html\" schrijft.\n                  // eslint-disable-next-line react/no-danger\n                  <div\n                    className=\"xicms-richtext xicms-faq__answer\"\n                    data-xicms-edit={`items.${idx}.aHtml`}\n                    dangerouslySetInnerHTML={{ __html: it.aHtml }}\n                  />\n                ) : (\n                  <Text color=\"secondary\" className=\"xicms-faq__answer\" data-xicms-edit={`items.${idx}.a`}>{it.a}</Text>\n                )}\n              </Collapsible>\n            </div>\n          );\n        })}\n        {filtered.length === 0 && <Text color=\"secondary\">Geen vragen gevonden.</Text>}\n      </VStack>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(faqJsonLd(items)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

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

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