@xiwebdesign/xicms-core 7.14.0 → 7.16.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/HeroRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type CSSProperties } from \"react\";\nimport type { z } from \"zod\";\nimport type { HeroBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Btn, Heading, Text } from \"../ui\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype Hero = z.infer<typeof HeroBlockSchema>;\n\nexport function HeroRender({ block }: BlockRenderProps<Hero>) {\n  // Achtergrondvideo WCAG-proof (2.2.2): geen autoPlay-attribuut (hydration-veilig) — playback\n  // start in een effect, en alléén zonder reduced-motion-voorkeur. Altijd een pauzeknop, en\n  // imageUrl dient als poster (direct beeld i.p.v. zwart vlak → betere LCP).\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const [playing, setPlaying] = useState(false);\n  useEffect(() => {\n    const v = videoRef.current;\n    if (!v) return;\n    if (window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches) return;\n    v.play().then(() => setPlaying(true)).catch(() => undefined);\n  }, [block.videoUrl]);\n  const toggleVideo = () => {\n    const v = videoRef.current;\n    if (!v) return;\n    if (v.paused) v.play().then(() => setPlaying(true)).catch(() => undefined);\n    else {\n      v.pause();\n      setPlaying(false);\n    }\n  };\n  const overlay =\n    block.overlayOpacity > 0\n      ? { background: block.overlayColor ?? \"#000000\", opacity: block.overlayOpacity / 100 }\n      : null;\n  // Beeld/video als dekkende achtergrond (niet bij height \"auto\"): dan moet de tekst licht zijn.\n  const coverMedia = Boolean(block.videoUrl || block.imageUrl) && block.minHeight !== \"auto\";\n  const light: CSSProperties | undefined = coverMedia\n    ? { color: \"#ffffff\", textShadow: \"0 2px 14px rgba(0,0,0,.45)\" }\n    : undefined;\n  const buttons = block.buttons ?? [];\n\n  return (\n    <section\n      className=\"xicms-hero\"\n      data-align={block.align}\n      data-valign={block.vAlign}\n      data-height={block.minHeight}\n      data-media={coverMedia ? \"cover\" : undefined}\n    >\n      {block.videoUrl ? (\n        <video\n          ref={videoRef}\n          className=\"xicms-hero__media\"\n          src={block.videoUrl}\n          poster={block.imageUrl || undefined}\n          muted\n          loop\n          playsInline\n          preload=\"metadata\"\n          aria-hidden=\"true\"\n        />\n      ) : block.imageUrl ? (\n        <Img src={block.imageUrl} alt=\"\" className=\"xicms-hero__media\" width={1600} height={900} sizes=\"100vw\" priority editField=\"imageUrl\" editFill />\n      ) : null}\n      {overlay && <div className=\"xicms-hero__overlay\" style={overlay} aria-hidden=\"true\" />}\n      {/* Gradient (donker onderaan → transparant): leesbare tekst zonder de hele foto te dimmen. */}\n      {block.overlayGradient && coverMedia && <div className=\"xicms-hero__gradient\" aria-hidden=\"true\" />}\n      <div className=\"xicms-hero__inner\">\n        {block.eyebrow && (\n          <Text type=\"label\" className=\"xicms-hero__eyebrow\" style={light} data-xicms-edit=\"eyebrow\">\n            {block.eyebrow}\n          </Text>\n        )}\n        {block.title && (\n          <Heading level={block.headingLevel === \"2\" ? 2 : 1} type=\"display-1\" className=\"xicms-hero__title\" style={light} data-xicms-edit=\"title\">\n            {block.title}\n          </Heading>\n        )}\n        {block.subtitle && (\n          <Text type=\"large\" className=\"xicms-hero__sub\" style={light} data-xicms-edit=\"subtitle\">\n            {block.subtitle}\n          </Text>\n        )}\n        {buttons.length > 0 && (\n          <div className=\"xicms-hero__buttons\">\n            {/* Via Astryx Btn (zelfde systeem als Cta/Pricing/…): volgt de site-theming en de\n                outline→ghost-variantmapping — geen tweede, handmatig te onderhouden knop-CSS. */}\n            {buttons.map((b, i) => ({ ...b, _i: i })).filter((b) => b.label).map((b) => (\n              <Btn key={b._i} label={b.label} href={b.href} variant={b.variant} size=\"lg\" editField={`buttons.${b._i}.label`} />\n            ))}\n          </div>\n        )}\n      </div>\n      {block.videoUrl && (\n        <button\n          type=\"button\"\n          className=\"xicms-hero__videotoggle\"\n          onClick={toggleVideo}\n          aria-label={playing ? \"Achtergrondvideo pauzeren\" : \"Achtergrondvideo afspelen\"}\n        >\n          {playing ? \"⏸\" : \"▶\"}\n        </button>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

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

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

package/dist/blocks/builtins/ImageBlock.js

@@ -1,28 +1,8 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { Img } from "../../media/ImageContext.js";
-function ImageRender({ block }) {
-  if (!block.url) return null;
-  const img = /* @__PURE__ */ jsx(
-    Img,
-    {
-      src: block.url,
-      alt: block.alt ?? "",
-      width: 1600,
-      height: 1067,
-      sizes: "(max-width: 900px) 100vw, 900px",
-      editField: "url"
-    }
-  );
-  return /* @__PURE__ */ jsxs("figure", { className: "xicms-image", "data-align": block.align, "data-ratio": block.aspectRatio, children: [
-    block.href ? /* @__PURE__ */ jsx("a", { href: block.href, children: img }) : img,
-    block.caption && /* @__PURE__ */ jsx("figcaption", { "data-xicms-edit": "caption", children: block.caption })
-  ] });
-}
 const imageBlock = defineBlock({
   type: "image",
-  Render: ImageRender,
+  Render: dynamic(() => import("./ImageBlockRender.js").then((m) => m.ImageRender)),
   label: "Afbeelding",
   icon: "\u{1F5BC}\uFE0F",
   defaults: () => ({ alt: "", align: "center", aspectRatio: "auto" })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/ImageBlock.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ImageBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype ImageBlk = z.infer<typeof ImageBlockSchema>;\n\nfunction ImageRender({ block }: BlockRenderProps<ImageBlk>) {\n  if (!block.url) return null;\n  // Via het geïnjecteerde Img-component (next/image op consumer-sites → optimalisatie/lazy-load)\n  // mét editField: klik-om-te-vervangen in de visuele editor. Dit blok — welks hele doel beeld is —\n  // was gek genoeg de enige beeld-route zónder beide (rendde om Img heen). De aspect-ratio-CSS\n  // (.xicms-image[data-ratio] img) blijft gewoon werken.\n  const img = (\n    <Img\n      src={block.url}\n      alt={block.alt ?? \"\"}\n      width={1600}\n      height={1067}\n      sizes=\"(max-width: 900px) 100vw, 900px\"\n      editField=\"url\"\n    />\n  );\n  return (\n    <figure className=\"xicms-image\" data-align={block.align} data-ratio={block.aspectRatio}>\n      {block.href ? <a href={block.href}>{img}</a> : img}\n      {block.caption && <figcaption data-xicms-edit=\"caption\">{block.caption}</figcaption>}\n    </figure>\n  );\n}\n\nexport const imageBlock = defineBlock({\n  type: \"image\",\n  Render: ImageRender,\n  label: \"Afbeelding\",\n  icon: \"🖼️\",\n  defaults: () => ({ alt: \"\", align: \"center\", aspectRatio: \"auto\" }),\n});\n"],"mappings":";AAgBI,cAUA,YAVA;AAZJ,SAAS,mBAA0C;AACnD,SAAS,WAAW;AAIpB,SAAS,YAAY,EAAE,MAAM,GAA+B;AAC1D,MAAI,CAAC,MAAM,IAAK,QAAO;AAKvB,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,KAAK,MAAM,OAAO;AAAA,MAClB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA;AAAA,EACZ;AAEF,SACE,qBAAC,YAAO,WAAU,eAAc,cAAY,MAAM,OAAO,cAAY,MAAM,aACxE;AAAA,UAAM,OAAO,oBAAC,OAAE,MAAM,MAAM,MAAO,eAAI,IAAO;AAAA,IAC9C,MAAM,WAAW,oBAAC,gBAAW,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,KACzE;AAEJ;AAEO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,KAAK,IAAI,OAAO,UAAU,aAAa,OAAO;AACnE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/ImageBlock.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const imageBlock = defineBlock({\n  type: \"image\",\n  Render: dynamic(() => import(\"./ImageBlockRender\").then((m) => m.ImageRender)),\n  label: \"Afbeelding\",\n  icon: \"🖼️\",\n  defaults: () => ({ alt: \"\", align: \"center\", aspectRatio: \"auto\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,oBAAoB,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;AAAA,EAC7E,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,KAAK,IAAI,OAAO,UAAU,aAAa,OAAO;AACnE,CAAC;","names":[]}

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

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

package/dist/blocks/builtins/ImageBlockRender.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Img } from "../../media/ImageContext.js";
+function ImageRender({ block }) {
+  if (!block.url) return null;
+  const img = /* @__PURE__ */ jsx(
+    Img,
+    {
+      src: block.url,
+      alt: block.alt ?? "",
+      width: 1600,
+      height: 1067,
+      sizes: "(max-width: 900px) 100vw, 900px",
+      editField: "url"
+    }
+  );
+  return /* @__PURE__ */ jsxs("figure", { className: "xicms-image", "data-align": block.align, "data-ratio": block.aspectRatio, children: [
+    block.href ? /* @__PURE__ */ jsx("a", { href: block.href, children: img }) : img,
+    block.caption && /* @__PURE__ */ jsx("figcaption", { "data-xicms-edit": "caption", children: block.caption })
+  ] });
+}
+export {
+  ImageRender
+};
+//# sourceMappingURL=ImageBlockRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/ImageBlockRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { ImageBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { Img } from \"../../media/ImageContext\";\n\ntype ImageBlk = z.infer<typeof ImageBlockSchema>;\n\nexport function ImageRender({ block }: BlockRenderProps<ImageBlk>) {\n  if (!block.url) return null;\n  // Via het geïnjecteerde Img-component (next/image op consumer-sites → optimalisatie/lazy-load)\n  // mét editField: klik-om-te-vervangen in de visuele editor. Dit blok — welks hele doel beeld is —\n  // was gek genoeg de enige beeld-route zónder beide (rendde om Img heen). De aspect-ratio-CSS\n  // (.xicms-image[data-ratio] img) blijft gewoon werken.\n  const img = (\n    <Img\n      src={block.url}\n      alt={block.alt ?? \"\"}\n      width={1600}\n      height={1067}\n      sizes=\"(max-width: 900px) 100vw, 900px\"\n      editField=\"url\"\n    />\n  );\n  return (\n    <figure className=\"xicms-image\" data-align={block.align} data-ratio={block.aspectRatio}>\n      {block.href ? <a href={block.href}>{img}</a> : img}\n      {block.caption && <figcaption data-xicms-edit=\"caption\">{block.caption}</figcaption>}\n    </figure>\n  );\n}\n"],"mappings":";AAgBI,cAUA,YAVA;AAXJ,SAAS,WAAW;AAIb,SAAS,YAAY,EAAE,MAAM,GAA+B;AACjE,MAAI,CAAC,MAAM,IAAK,QAAO;AAKvB,QAAM,MACJ;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,KAAK,MAAM,OAAO;AAAA,MAClB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA;AAAA,EACZ;AAEF,SACE,qBAAC,YAAO,WAAU,eAAc,cAAY,MAAM,OAAO,cAAY,MAAM,aACxE;AAAA,UAAM,OAAO,oBAAC,OAAE,MAAM,MAAM,MAAO,eAAI,IAAO;AAAA,IAC9C,MAAM,WAAW,oBAAC,gBAAW,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,KACzE;AAEJ;","names":[]}

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

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

package/dist/blocks/builtins/Jobs.js

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

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

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

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

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

package/dist/blocks/builtins/JobsRender.js

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

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

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

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

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

package/dist/blocks/builtins/Layout.js

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

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

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

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

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

package/dist/blocks/builtins/LayoutRender.js

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

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

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

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

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

package/dist/blocks/builtins/MapBlock.js

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

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

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

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

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