@xiwebdesign/xicms-core 7.13.0 → 7.15.0

package/dist/blocks/builtins/CountdownRender.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Heading } from "../ui/index.js";
+function compute(target) {
+  const t = new Date(target).getTime();
+  if (Number.isNaN(t)) return null;
+  const diff = t - Date.now();
+  if (diff <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0, done: true };
+  const s = Math.floor(diff / 1e3);
+  return {
+    days: Math.floor(s / 86400),
+    hours: Math.floor(s % 86400 / 3600),
+    minutes: Math.floor(s % 3600 / 60),
+    seconds: s % 60,
+    done: false
+  };
+}
+function useCountdown(target) {
+  const [r, setR] = useState(null);
+  useEffect(() => {
+    if (!target) return;
+    setR(compute(target));
+    const id = setInterval(() => setR(compute(target)), 1e3);
+    return () => clearInterval(id);
+  }, [target]);
+  return r;
+}
+const UNITS = [
+  { key: "days", label: "dagen" },
+  { key: "hours", label: "uur" },
+  { key: "minutes", label: "min" },
+  { key: "seconds", label: "sec" }
+];
+function CountdownDigits({ r, showLabels = true }) {
+  return /* @__PURE__ */ jsx("div", { className: "xicms-countdown__digits", role: "timer", "aria-live": "off", children: UNITS.map((u) => /* @__PURE__ */ jsxs("div", { className: "xicms-countdown__unit", children: [
+    /* @__PURE__ */ jsx("span", { className: "xicms-countdown__value", children: String(r[u.key]).padStart(2, "0") }),
+    showLabels && /* @__PURE__ */ jsx("span", { className: "xicms-countdown__label", children: u.label })
+  ] }, u.key)) });
+}
+function CountdownRender({ block, mode }) {
+  const r = useCountdown(block.target);
+  if (!block.target) return null;
+  if (r?.done && block.onExpire === "hide" && mode !== "preview") return null;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-countdown", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, className: "xicms-countdown__heading", "data-xicms-edit": "heading", children: block.heading }),
+    r === null ? /* @__PURE__ */ jsx("p", { className: "xicms-countdown__loading", "aria-hidden": "true", children: "\u2026" }) : r.done ? /* @__PURE__ */ jsx("p", { className: "xicms-countdown__expired", "data-xicms-edit": "expiredText", children: block.expiredText }) : /* @__PURE__ */ jsx(CountdownDigits, { r, showLabels: block.showLabels })
+  ] });
+}
+export {
+  CountdownDigits,
+  CountdownRender,
+  useCountdown
+};
+//# sourceMappingURL=CountdownRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/CountdownRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { CountdownBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\n\nexport interface Remaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n  done: boolean;\n}\n\nfunction compute(target: string): Remaining | null {\n  const t = new Date(target).getTime();\n  if (Number.isNaN(t)) return null;\n  const diff = t - Date.now();\n  if (diff <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0, done: true };\n  const s = Math.floor(diff / 1000);\n  return {\n    days: Math.floor(s / 86400),\n    hours: Math.floor((s % 86400) / 3600),\n    minutes: Math.floor((s % 3600) / 60),\n    seconds: s % 60,\n    done: false,\n  };\n}\n\n/**\n * Tikkende afteltimer naar `target`. Client-only (start `null` om hydration-mismatch te voorkomen).\n * Gedeeld door het volwaardige Countdown-blok en de compacte widget.\n */\nexport function useCountdown(target: string): Remaining | null {\n  const [r, setR] = useState<Remaining | null>(null);\n  useEffect(() => {\n    if (!target) return;\n    setR(compute(target));\n    const id = setInterval(() => setR(compute(target)), 1000);\n    return () => clearInterval(id);\n  }, [target]);\n  return r;\n}\n\nconst UNITS: { key: keyof Remaining; label: string }[] = [\n  { key: \"days\", label: \"dagen\" },\n  { key: \"hours\", label: \"uur\" },\n  { key: \"minutes\", label: \"min\" },\n  { key: \"seconds\", label: \"sec\" },\n];\n\nexport function CountdownDigits({ r, showLabels = true }: { r: Remaining; showLabels?: boolean }) {\n  return (\n    <div className=\"xicms-countdown__digits\" role=\"timer\" aria-live=\"off\">\n      {UNITS.map((u) => (\n        <div key={u.key} className=\"xicms-countdown__unit\">\n          <span className=\"xicms-countdown__value\">{String(r[u.key] as number).padStart(2, \"0\")}</span>\n          {showLabels && <span className=\"xicms-countdown__label\">{u.label}</span>}\n        </div>\n      ))}\n    </div>\n  );\n}\n\ntype Countdown = z.infer<typeof CountdownBlockSchema>;\n\nexport function CountdownRender({ block, mode }: BlockRenderProps<Countdown>) {\n  const r = useCountdown(block.target);\n  if (!block.target) return null;\n  // Na afloop optioneel het hele blok verbergen (bv. een verlopen actie-aankondiging) —\n  // behalve in de editor-preview, anders kan de editor het blok niet meer terugvinden.\n  if (r?.done && block.onExpire === \"hide\" && mode !== \"preview\") return null;\n  return (\n    <section className=\"xicms-countdown\">\n      {block.heading && <Heading level={2} className=\"xicms-countdown__heading\" data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      {r === null ? (\n        <p className=\"xicms-countdown__loading\" aria-hidden=\"true\">…</p>\n      ) : r.done ? (\n        <p className=\"xicms-countdown__expired\" data-xicms-edit=\"expiredText\">{block.expiredText}</p>\n      ) : (\n        <CountdownDigits r={r} showLabels={block.showLabels} />\n      )}\n    </section>\n  );\n}\n"],"mappings":";AAyDQ,SACE,KADF;AAvDR,SAAS,WAAW,gBAAgB;AAIpC,SAAS,eAAe;AAUxB,SAAS,QAAQ,QAAkC;AACjD,QAAM,IAAI,IAAI,KAAK,MAAM,EAAE,QAAQ;AACnC,MAAI,OAAO,MAAM,CAAC,EAAG,QAAO;AAC5B,QAAM,OAAO,IAAI,KAAK,IAAI;AAC1B,MAAI,QAAQ,EAAG,QAAO,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK;AAC9E,QAAM,IAAI,KAAK,MAAM,OAAO,GAAI;AAChC,SAAO;AAAA,IACL,MAAM,KAAK,MAAM,IAAI,KAAK;AAAA,IAC1B,OAAO,KAAK,MAAO,IAAI,QAAS,IAAI;AAAA,IACpC,SAAS,KAAK,MAAO,IAAI,OAAQ,EAAE;AAAA,IACnC,SAAS,IAAI;AAAA,IACb,MAAM;AAAA,EACR;AACF;AAMO,SAAS,aAAa,QAAkC;AAC7D,QAAM,CAAC,GAAG,IAAI,IAAI,SAA2B,IAAI;AACjD,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,SAAK,QAAQ,MAAM,CAAC;AACpB,UAAM,KAAK,YAAY,MAAM,KAAK,QAAQ,MAAM,CAAC,GAAG,GAAI;AACxD,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AACT;AAEA,MAAM,QAAmD;AAAA,EACvD,EAAE,KAAK,QAAQ,OAAO,QAAQ;AAAA,EAC9B,EAAE,KAAK,SAAS,OAAO,MAAM;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,MAAM;AAAA,EAC/B,EAAE,KAAK,WAAW,OAAO,MAAM;AACjC;AAEO,SAAS,gBAAgB,EAAE,GAAG,aAAa,KAAK,GAA2C;AAChG,SACE,oBAAC,SAAI,WAAU,2BAA0B,MAAK,SAAQ,aAAU,OAC7D,gBAAM,IAAI,CAAC,MACV,qBAAC,SAAgB,WAAU,yBACzB;AAAA,wBAAC,UAAK,WAAU,0BAA0B,iBAAO,EAAE,EAAE,GAAG,CAAW,EAAE,SAAS,GAAG,GAAG,GAAE;AAAA,IACrF,cAAc,oBAAC,UAAK,WAAU,0BAA0B,YAAE,OAAM;AAAA,OAFzD,EAAE,GAGZ,CACD,GACH;AAEJ;AAIO,SAAS,gBAAgB,EAAE,OAAO,KAAK,GAAgC;AAC5E,QAAM,IAAI,aAAa,MAAM,MAAM;AACnC,MAAI,CAAC,MAAM,OAAQ,QAAO;AAG1B,MAAI,GAAG,QAAQ,MAAM,aAAa,UAAU,SAAS,UAAW,QAAO;AACvE,SACE,qBAAC,aAAQ,WAAU,mBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,WAAU,4BAA2B,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAClH,MAAM,OACL,oBAAC,OAAE,WAAU,4BAA2B,eAAY,QAAO,oBAAC,IAC1D,EAAE,OACJ,oBAAC,OAAE,WAAU,4BAA2B,mBAAgB,eAAe,gBAAM,aAAY,IAEzF,oBAAC,mBAAgB,GAAM,YAAY,MAAM,YAAY;AAAA,KAEzD;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/Cta.js

@@ -1,46 +1,9 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { VStack, HStack, Card, Heading, Text, Btn } from "../ui/index.js";
-function CtaRender({ block }) {
-  if (block.sticky) {
-    return /* @__PURE__ */ jsxs(
-      HStack,
-      {
-        gap: 3,
-        vAlign: "center",
-        hAlign: "between",
-        role: "region",
-        "aria-label": block.title || "Call-to-action",
-        style: { position: "sticky", bottom: 0, zIndex: 30, padding: "0.75rem 1rem", background: "var(--color-background-card)", borderTop: "1px solid var(--color-border)", flexWrap: "wrap" },
-        children: [
-          /* @__PURE__ */ jsx(Text, { weight: "bold", children: block.title || block.text }),
-          /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: block.buttonVariant, size: "md", editField: "buttonLabel" })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      padding: 6,
-      variant: block.backgroundColor ? "default" : "muted",
-      style: block.backgroundColor ? { background: block.backgroundColor } : void 0,
-      children: /* @__PURE__ */ jsxs(VStack, { gap: 3, hAlign: "center", style: { textAlign: "center" }, children: [
-        block.title && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "title", children: block.title }),
-        block.text && /* @__PURE__ */ jsx(Text, { type: "large", color: "secondary", "data-xicms-edit": "text", children: block.text }),
-        /* @__PURE__ */ jsxs(HStack, { gap: 2, hAlign: "center", style: { flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: block.buttonVariant, editField: "buttonLabel" }),
-          block.button2Label && /* @__PURE__ */ jsx(Btn, { label: block.button2Label, href: block.button2Href ?? "#", variant: "outline", editField: "button2Label" })
-        ] })
-      ] })
-    }
-  );
-}
 const ctaBlock = defineBlock({
   type: "cta",
   fields: { buttonVariant: { type: "select", options: [{ value: "primary", label: "Primair" }, { value: "secondary", label: "Secundair" }, { value: "outline", label: "Outline" }] } },
-  Render: CtaRender,
+  Render: dynamic(() => import("./CtaRender.js").then((m) => m.CtaRender)),
   label: "Call-to-action",
   icon: "\u{1F4E3}",
   defaults: () => ({ title: "Klaar om te starten?", buttonLabel: "Neem contact op", buttonHref: "#contact", buttonVariant: "primary" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Cta.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { CtaBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { VStack, HStack, Card, Heading, Text, Btn } from \"../ui\";\n\ntype Cta = z.infer<typeof CtaBlockSchema>;\n\nfunction CtaRender({ block }: BlockRenderProps<Cta>) {\n  if (block.sticky) {\n    return (\n      <HStack\n        gap={3}\n        vAlign=\"center\"\n        hAlign=\"between\"\n        role=\"region\"\n        aria-label={block.title || \"Call-to-action\"}\n        style={{ position: \"sticky\", bottom: 0, zIndex: 30, padding: \"0.75rem 1rem\", background: \"var(--color-background-card)\", borderTop: \"1px solid var(--color-border)\", flexWrap: \"wrap\" }}\n      >\n        <Text weight=\"bold\">{block.title || block.text}</Text>\n        <Btn label={block.buttonLabel} href={block.buttonHref} variant={block.buttonVariant} size=\"md\" editField=\"buttonLabel\" />\n      </HStack>\n    );\n  }\n  return (\n    <Card\n      padding={6}\n      variant={block.backgroundColor ? \"default\" : \"muted\"}\n      style={block.backgroundColor ? { background: block.backgroundColor } : undefined}\n    >\n      <VStack gap={3} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n        {block.title && <Heading level={2} data-xicms-edit=\"title\">{block.title}</Heading>}\n        {block.text && <Text type=\"large\" color=\"secondary\" data-xicms-edit=\"text\">{block.text}</Text>}\n        <HStack gap={2} hAlign=\"center\" style={{ flexWrap: \"wrap\" }}>\n          <Btn label={block.buttonLabel} href={block.buttonHref} variant={block.buttonVariant} editField=\"buttonLabel\" />\n          {block.button2Label && (\n            <Btn label={block.button2Label} href={block.button2Href ?? \"#\"} variant=\"outline\" editField=\"button2Label\" />\n          )}\n        </HStack>\n      </VStack>\n    </Card>\n  );\n}\n\nexport const ctaBlock = defineBlock({\n  type: \"cta\",\n  fields: { buttonVariant: { type: \"select\", options: [{ value: \"primary\", label: \"Primair\" }, { value: \"secondary\", label: \"Secundair\" }, { value: \"outline\", label: \"Outline\" }] } },\n  Render: CtaRender,\n  label: \"Call-to-action\",\n  icon: \"📣\",\n  defaults: () => ({ title: \"Klaar om te starten?\", buttonLabel: \"Neem contact op\", buttonHref: \"#contact\", buttonVariant: \"primary\" }),\n});\n"],"mappings":";AAYM,SAQE,KARF;AARN,SAAS,mBAA0C;AACnD,SAAS,QAAQ,QAAQ,MAAM,SAAS,MAAM,WAAW;AAIzD,SAAS,UAAU,EAAE,MAAM,GAA0B;AACnD,MAAI,MAAM,QAAQ;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,QAAO;AAAA,QACP,QAAO;AAAA,QACP,MAAK;AAAA,QACL,cAAY,MAAM,SAAS;AAAA,QAC3B,OAAO,EAAE,UAAU,UAAU,QAAQ,GAAG,QAAQ,IAAI,SAAS,gBAAgB,YAAY,gCAAgC,WAAW,iCAAiC,UAAU,OAAO;AAAA,QAEtL;AAAA,8BAAC,QAAK,QAAO,QAAQ,gBAAM,SAAS,MAAM,MAAK;AAAA,UAC/C,oBAAC,OAAI,OAAO,MAAM,aAAa,MAAM,MAAM,YAAY,SAAS,MAAM,eAAe,MAAK,MAAK,WAAU,eAAc;AAAA;AAAA;AAAA,IACzH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS,MAAM,kBAAkB,YAAY;AAAA,MAC7C,OAAO,MAAM,kBAAkB,EAAE,YAAY,MAAM,gBAAgB,IAAI;AAAA,MAEvE,+BAAC,UAAO,KAAK,GAAG,QAAO,UAAS,OAAO,EAAE,WAAW,SAAS,GAC1D;AAAA,cAAM,SAAS,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,SAAS,gBAAM,OAAM;AAAA,QACvE,MAAM,QAAQ,oBAAC,QAAK,MAAK,SAAQ,OAAM,aAAY,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,QACvF,qBAAC,UAAO,KAAK,GAAG,QAAO,UAAS,OAAO,EAAE,UAAU,OAAO,GACxD;AAAA,8BAAC,OAAI,OAAO,MAAM,aAAa,MAAM,MAAM,YAAY,SAAS,MAAM,eAAe,WAAU,eAAc;AAAA,UAC5G,MAAM,gBACL,oBAAC,OAAI,OAAO,MAAM,cAAc,MAAM,MAAM,eAAe,KAAK,SAAQ,WAAU,WAAU,gBAAe;AAAA,WAE/G;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,WAAW,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ,EAAE,eAAe,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,EACnL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,wBAAwB,aAAa,mBAAmB,YAAY,YAAY,eAAe,UAAU;AACrI,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Cta.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const ctaBlock = defineBlock({\n  type: \"cta\",\n  fields: { buttonVariant: { type: \"select\", options: [{ value: \"primary\", label: \"Primair\" }, { value: \"secondary\", label: \"Secundair\" }, { value: \"outline\", label: \"Outline\" }] } },\n  Render: dynamic(() => import(\"./CtaRender\").then((m) => m.CtaRender)),\n  label: \"Call-to-action\",\n  icon: \"📣\",\n  defaults: () => ({ title: \"Klaar om te starten?\", buttonLabel: \"Neem contact op\", buttonHref: \"#contact\", buttonVariant: \"primary\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,WAAW,YAAY;AAAA,EAClC,MAAM;AAAA,EACN,QAAQ,EAAE,eAAe,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,EACnL,QAAQ,QAAQ,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,wBAAwB,aAAa,mBAAmB,YAAY,YAAY,eAAe,UAAU;AACrI,CAAC;","names":[]}

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

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

package/dist/blocks/builtins/CtaRender.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack, HStack, Card, Heading, Text, Btn } from "../ui/index.js";
+function CtaRender({ block }) {
+  if (block.sticky) {
+    return /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        gap: 3,
+        vAlign: "center",
+        hAlign: "between",
+        role: "region",
+        "aria-label": block.title || "Call-to-action",
+        style: { position: "sticky", bottom: 0, zIndex: 30, padding: "0.75rem 1rem", background: "var(--color-background-card)", borderTop: "1px solid var(--color-border)", flexWrap: "wrap" },
+        children: [
+          /* @__PURE__ */ jsx(Text, { weight: "bold", children: block.title || block.text }),
+          /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: block.buttonVariant, size: "md", editField: "buttonLabel" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      padding: 6,
+      variant: block.backgroundColor ? "default" : "muted",
+      style: block.backgroundColor ? { background: block.backgroundColor } : void 0,
+      children: /* @__PURE__ */ jsxs(VStack, { gap: 3, hAlign: "center", style: { textAlign: "center" }, children: [
+        block.title && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "title", children: block.title }),
+        block.text && /* @__PURE__ */ jsx(Text, { type: "large", color: "secondary", "data-xicms-edit": "text", children: block.text }),
+        /* @__PURE__ */ jsxs(HStack, { gap: 2, hAlign: "center", style: { flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx(Btn, { label: block.buttonLabel, href: block.buttonHref, variant: block.buttonVariant, editField: "buttonLabel" }),
+          block.button2Label && /* @__PURE__ */ jsx(Btn, { label: block.button2Label, href: block.button2Href ?? "#", variant: "outline", editField: "button2Label" })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  CtaRender
+};
+//# sourceMappingURL=CtaRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/CtaRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { CtaBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { VStack, HStack, Card, Heading, Text, Btn } from \"../ui\";\n\ntype Cta = z.infer<typeof CtaBlockSchema>;\n\nexport function CtaRender({ block }: BlockRenderProps<Cta>) {\n  if (block.sticky) {\n    return (\n      <HStack\n        gap={3}\n        vAlign=\"center\"\n        hAlign=\"between\"\n        role=\"region\"\n        aria-label={block.title || \"Call-to-action\"}\n        style={{ position: \"sticky\", bottom: 0, zIndex: 30, padding: \"0.75rem 1rem\", background: \"var(--color-background-card)\", borderTop: \"1px solid var(--color-border)\", flexWrap: \"wrap\" }}\n      >\n        <Text weight=\"bold\">{block.title || block.text}</Text>\n        <Btn label={block.buttonLabel} href={block.buttonHref} variant={block.buttonVariant} size=\"md\" editField=\"buttonLabel\" />\n      </HStack>\n    );\n  }\n  return (\n    <Card\n      padding={6}\n      variant={block.backgroundColor ? \"default\" : \"muted\"}\n      style={block.backgroundColor ? { background: block.backgroundColor } : undefined}\n    >\n      <VStack gap={3} hAlign=\"center\" style={{ textAlign: \"center\" }}>\n        {block.title && <Heading level={2} data-xicms-edit=\"title\">{block.title}</Heading>}\n        {block.text && <Text type=\"large\" color=\"secondary\" data-xicms-edit=\"text\">{block.text}</Text>}\n        <HStack gap={2} hAlign=\"center\" style={{ flexWrap: \"wrap\" }}>\n          <Btn label={block.buttonLabel} href={block.buttonHref} variant={block.buttonVariant} editField=\"buttonLabel\" />\n          {block.button2Label && (\n            <Btn label={block.button2Label} href={block.button2Href ?? \"#\"} variant=\"outline\" editField=\"button2Label\" />\n          )}\n        </HStack>\n      </VStack>\n    </Card>\n  );\n}\n"],"mappings":";AAYM,SAQE,KARF;AAPN,SAAS,QAAQ,QAAQ,MAAM,SAAS,MAAM,WAAW;AAIlD,SAAS,UAAU,EAAE,MAAM,GAA0B;AAC1D,MAAI,MAAM,QAAQ;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,QAAO;AAAA,QACP,QAAO;AAAA,QACP,MAAK;AAAA,QACL,cAAY,MAAM,SAAS;AAAA,QAC3B,OAAO,EAAE,UAAU,UAAU,QAAQ,GAAG,QAAQ,IAAI,SAAS,gBAAgB,YAAY,gCAAgC,WAAW,iCAAiC,UAAU,OAAO;AAAA,QAEtL;AAAA,8BAAC,QAAK,QAAO,QAAQ,gBAAM,SAAS,MAAM,MAAK;AAAA,UAC/C,oBAAC,OAAI,OAAO,MAAM,aAAa,MAAM,MAAM,YAAY,SAAS,MAAM,eAAe,MAAK,MAAK,WAAU,eAAc;AAAA;AAAA;AAAA,IACzH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS,MAAM,kBAAkB,YAAY;AAAA,MAC7C,OAAO,MAAM,kBAAkB,EAAE,YAAY,MAAM,gBAAgB,IAAI;AAAA,MAEvE,+BAAC,UAAO,KAAK,GAAG,QAAO,UAAS,OAAO,EAAE,WAAW,SAAS,GAC1D;AAAA,cAAM,SAAS,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,SAAS,gBAAM,OAAM;AAAA,QACvE,MAAM,QAAQ,oBAAC,QAAK,MAAK,SAAQ,OAAM,aAAY,mBAAgB,QAAQ,gBAAM,MAAK;AAAA,QACvF,qBAAC,UAAO,KAAK,GAAG,QAAO,UAAS,OAAO,EAAE,UAAU,OAAO,GACxD;AAAA,8BAAC,OAAI,OAAO,MAAM,aAAa,MAAM,MAAM,YAAY,SAAS,MAAM,eAAe,WAAU,eAAc;AAAA,UAC5G,MAAM,gBACL,oBAAC,OAAI,OAAO,MAAM,cAAc,MAAM,MAAM,eAAe,KAAK,SAAQ,WAAU,WAAU,gBAAe;AAAA,WAE/G;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/Downloads.js

@@ -1,22 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Heading } from "../ui/index.js";
-import { fileIcon } from "./lib/fileIcon.js";
-function DownloadsRender({ block }) {
-  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href);
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { className: "xicms-downloads", children: [
-    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
-    /* @__PURE__ */ jsx("ul", { className: "xicms-downloads__list", children: items.map((d) => /* @__PURE__ */ jsx("li", { className: "xicms-downloads__item", children: /* @__PURE__ */ jsxs("a", { className: "xicms-downloads__link", href: d.href, download: true, children: [
-      /* @__PURE__ */ jsx("span", { className: "xicms-downloads__icon", "aria-hidden": "true", children: fileIcon(d.href) }),
-      /* @__PURE__ */ jsx("span", { className: "xicms-downloads__label", "data-xicms-edit": `items.${d._i}.label`, children: d.label }),
-      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-downloads__meta", "data-xicms-edit": `items.${d._i}.meta`, children: d.meta })
-    ] }) }, d._i)) })
-  ] });
-}
 const downloadsBlock = defineBlock({
   type: "downloads",
-  Render: DownloadsRender,
+  Render: dynamic(() => import("./DownloadsRender.js").then((m) => m.DownloadsRender)),
   label: "Downloads",
   icon: "\u{1F4E5}",
   defaults: () => ({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Downloads.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { DownloadsBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { fileIcon } from \"./lib/fileIcon\";\n\ntype Downloads = z.infer<typeof DownloadsBlockSchema>;\n\n/** Downloadbare documenten (brochures, prijslijsten, voorwaarden). Server-safe. */\nfunction DownloadsRender({ block }: BlockRenderProps<Downloads>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op label && href.\n  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href);\n  if (items.length === 0) return null;\n  return (\n    <section className=\"xicms-downloads\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-downloads__list\">\n        {items.map((d) => (\n          <li key={d._i} className=\"xicms-downloads__item\">\n            <a className=\"xicms-downloads__link\" href={d.href} download>\n              <span className=\"xicms-downloads__icon\" aria-hidden=\"true\">{fileIcon(d.href)}</span>\n              <span className=\"xicms-downloads__label\" data-xicms-edit={`items.${d._i}.label`}>{d.label}</span>\n              {d.meta && <span className=\"xicms-downloads__meta\" data-xicms-edit={`items.${d._i}.meta`}>{d.meta}</span>}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport const downloadsBlock = defineBlock({\n  type: \"downloads\",\n  Render: DownloadsRender,\n  label: \"Downloads\",\n  icon: \"📥\",\n  defaults: () => ({\n    heading: \"Downloads\",\n    items: [{ label: \"Brochure (PDF)\", href: \"\", meta: \"PDF\" }],\n  }),\n});\n"],"mappings":"AAewB,cAIZ,YAJY;AAbxB,SAAS,mBAA0C;AACnD,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAKzB,SAAS,gBAAgB,EAAE,MAAM,GAAgC;AAE/D,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI;AAClG,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE,qBAAC,aAAQ,WAAU,mBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,QAAG,WAAU,yBACX,gBAAM,IAAI,CAAC,MACV,oBAAC,QAAc,WAAU,yBACvB,+BAAC,OAAE,WAAU,yBAAwB,MAAM,EAAE,MAAM,UAAQ,MACzD;AAAA,0BAAC,UAAK,WAAU,yBAAwB,eAAY,QAAQ,mBAAS,EAAE,IAAI,GAAE;AAAA,MAC7E,oBAAC,UAAK,WAAU,0BAAyB,mBAAiB,SAAS,EAAE,EAAE,UAAW,YAAE,OAAM;AAAA,MACzF,EAAE,QAAQ,oBAAC,UAAK,WAAU,yBAAwB,mBAAiB,SAAS,EAAE,EAAE,SAAU,YAAE,MAAK;AAAA,OACpG,KALO,EAAE,EAMX,CACD,GACH;AAAA,KACF;AAEJ;AAEO,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,kBAAkB,MAAM,IAAI,MAAM,MAAM,CAAC;AAAA,EAC5D;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Downloads.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const downloadsBlock = defineBlock({\n  type: \"downloads\",\n  Render: dynamic(() => import(\"./DownloadsRender\").then((m) => m.DownloadsRender)),\n  label: \"Downloads\",\n  icon: \"📥\",\n  defaults: () => ({\n    heading: \"Downloads\",\n    items: [{ label: \"Brochure (PDF)\", href: \"\", meta: \"PDF\" }],\n  }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,iBAAiB,YAAY;AAAA,EACxC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,mBAAmB,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe,CAAC;AAAA,EAChF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO;AAAA,IACf,SAAS;AAAA,IACT,OAAO,CAAC,EAAE,OAAO,kBAAkB,MAAM,IAAI,MAAM,MAAM,CAAC;AAAA,EAC5D;AACF,CAAC;","names":[]}

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

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+import type { DownloadsBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Downloads = z.infer<typeof DownloadsBlockSchema>;
+/** Downloadbare documenten (brochures, prijslijsten, voorwaarden). Server-safe. */
+export declare function DownloadsRender({ block }: BlockRenderProps<Downloads>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/DownloadsRender.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../ui/index.js";
+import { fileIcon } from "./lib/fileIcon.js";
+function DownloadsRender({ block }) {
+  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "xicms-downloads", children: [
+    block.heading && /* @__PURE__ */ jsx(Heading, { level: 2, "data-xicms-edit": "heading", children: block.heading }),
+    /* @__PURE__ */ jsx("ul", { className: "xicms-downloads__list", children: items.map((d) => /* @__PURE__ */ jsx("li", { className: "xicms-downloads__item", children: /* @__PURE__ */ jsxs("a", { className: "xicms-downloads__link", href: d.href, download: true, children: [
+      /* @__PURE__ */ jsx("span", { className: "xicms-downloads__icon", "aria-hidden": "true", children: fileIcon(d.href) }),
+      /* @__PURE__ */ jsx("span", { className: "xicms-downloads__label", "data-xicms-edit": `items.${d._i}.label`, children: d.label }),
+      d.meta && /* @__PURE__ */ jsx("span", { className: "xicms-downloads__meta", "data-xicms-edit": `items.${d._i}.meta`, children: d.meta })
+    ] }) }, d._i)) })
+  ] });
+}
+export {
+  DownloadsRender
+};
+//# sourceMappingURL=DownloadsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/DownloadsRender.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { DownloadsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Heading } from \"../ui\";\nimport { fileIcon } from \"./lib/fileIcon\";\n\ntype Downloads = z.infer<typeof DownloadsBlockSchema>;\n\n/** Downloadbare documenten (brochures, prijslijsten, voorwaarden). Server-safe. */\nexport function DownloadsRender({ block }: BlockRenderProps<Downloads>) {\n  // _i = index in de OORSPRONKELIJKE array — de lijst wordt gefilterd op label && href.\n  const items = (block.items ?? []).map((d, i) => ({ ...d, _i: i })).filter((d) => d.label && d.href);\n  if (items.length === 0) return null;\n  return (\n    <section className=\"xicms-downloads\">\n      {block.heading && <Heading level={2} data-xicms-edit=\"heading\">{block.heading}</Heading>}\n      <ul className=\"xicms-downloads__list\">\n        {items.map((d) => (\n          <li key={d._i} className=\"xicms-downloads__item\">\n            <a className=\"xicms-downloads__link\" href={d.href} download>\n              <span className=\"xicms-downloads__icon\" aria-hidden=\"true\">{fileIcon(d.href)}</span>\n              <span className=\"xicms-downloads__label\" data-xicms-edit={`items.${d._i}.label`}>{d.label}</span>\n              {d.meta && <span className=\"xicms-downloads__meta\" data-xicms-edit={`items.${d._i}.meta`}>{d.meta}</span>}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":"AAewB,cAIZ,YAJY;AAZxB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAKlB,SAAS,gBAAgB,EAAE,MAAM,GAAgC;AAEtE,QAAM,SAAS,MAAM,SAAS,CAAC,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,GAAG,GAAG,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI;AAClG,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE,qBAAC,aAAQ,WAAU,mBAChB;AAAA,UAAM,WAAW,oBAAC,WAAQ,OAAO,GAAG,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,IAC9E,oBAAC,QAAG,WAAU,yBACX,gBAAM,IAAI,CAAC,MACV,oBAAC,QAAc,WAAU,yBACvB,+BAAC,OAAE,WAAU,yBAAwB,MAAM,EAAE,MAAM,UAAQ,MACzD;AAAA,0BAAC,UAAK,WAAU,yBAAwB,eAAY,QAAQ,mBAAS,EAAE,IAAI,GAAE;AAAA,MAC7E,oBAAC,UAAK,WAAU,0BAAyB,mBAAiB,SAAS,EAAE,EAAE,UAAW,YAAE,OAAM;AAAA,MACzF,EAAE,QAAQ,oBAAC,UAAK,WAAU,yBAAwB,mBAAiB,SAAS,EAAE,EAAE,SAAU,YAAE,MAAK;AAAA,OACpG,KALO,EAAE,EAMX,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

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

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

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":";AAkBQ,SAyBkB,UAzBlB,KAqBA,YArBA;AAdR,SAAS,mBAA0C;AACnD,SAAS,QAAQ,QAAQ,MAAM,MAAM,KAAK,eAAe;AAIzD,SAAS,cAAc,EAAE,MAAM,GAA8B;AAG3D,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;AACO,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;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,OAAO,QAAQ,OAAO,CAAC,EAAE,OAAO,QAAQ,MAAM,KAAK,SAAS,UAAU,CAAC,EAAE;AAC9F,CAAC;AAID,SAAS,YAAY,EAAE,MAAM,GAA4B;AACvD,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;AACO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,MAAM,4BAA4B,QAAQ,GAAG;AAClE,CAAC;AAID,SAAS,cAAc,EAAE,MAAM,GAAiC;AAC9D,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;AACO,MAAM,eAAe,YAAY;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,SAAS,QAAQ,SAAS,KAAK;AACpD,CAAC;","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>>>;