@xiwebdesign/xicms-core 4.17.1 → 5.0.0

package/dist/admin/blockEditors/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { collection, getDocs } from "firebase/firestore";
 import { getDb } from "../../firebase/client";
@@ -10,7 +10,8 @@ import { ArrayEditor } from "../ui/ArrayEditor";
 import { RichTextEditor } from "../editors/RichTextEditor";
 import { MediaPickerButton } from "../media/MediaPicker";
 import { useRegistry } from "../../blocks/context";
-import { introspectObjectSchema } from "../lib/zodFields";
+import { GenericEditor } from "./GenericEditor";
+import { SymbolRefEditor } from "./SymbolRefEditor";
 const VARIANT_OPTIONS = [
   { value: "primary", label: "Primair" },
   { value: "secondary", label: "Secundair" },
@@ -135,61 +136,25 @@ function ImageEditor({ block, siteId, onChange }) {
     ] })
   ] });
 }
-function CtaEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Titel", children: /* @__PURE__ */ jsx(Input, { value: block.title ?? "", onChange: (e) => patch(block, onChange, { title: e.target.value }) }) }),
-    /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: block.text ?? "", onChange: (e) => patch(block, onChange, { text: e.target.value }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Knoptekst", children: /* @__PURE__ */ jsx(Input, { value: block.buttonLabel ?? "", onChange: (e) => patch(block, onChange, { buttonLabel: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Knoplink", children: /* @__PURE__ */ jsx(Input, { value: block.buttonHref ?? "", onChange: (e) => patch(block, onChange, { buttonHref: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Knopstijl", children: /* @__PURE__ */ jsx(Select, { value: block.buttonVariant ?? "primary", onValueChange: (v) => patch(block, onChange, { buttonVariant: v }), options: VARIANT_OPTIONS }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Achtergrondkleur (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.backgroundColor ?? "", onChange: (e) => patch(block, onChange, { backgroundColor: e.target.value }), placeholder: "#f8fafc" }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Tweede knop \u2014 tekst (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.button2Label ?? "", onChange: (e) => patch(block, onChange, { button2Label: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Tweede knop \u2014 link", children: /* @__PURE__ */ jsx(Input, { value: block.button2Href ?? "", onChange: (e) => patch(block, onChange, { button2Href: e.target.value }) }) })
-    ] }),
-    /* @__PURE__ */ jsx(Field, { label: "Weergave", children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: block.sticky ? "sticky" : "section",
-        onValueChange: (v) => patch(block, onChange, { sticky: v === "sticky" }),
-        options: [
-          { value: "section", label: "Sectie in de pagina" },
-          { value: "sticky", label: "Vaste balk onderaan (sticky)" }
-        ]
-      }
-    ) })
-  ] });
-}
 function FaqEditor({ block, siteId, onChange }) {
   const items = block.items ?? [];
-  const set = (next) => patch(block, onChange, { items: next });
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
     /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) }),
     /* @__PURE__ */ jsx(ToggleField, { label: "Items standaard open tonen", checked: block.defaultOpen === true, onChange: (v) => patch(block, onChange, { defaultOpen: v }) }),
-    items.map((it, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: [
-      /* @__PURE__ */ jsx(Field, { label: `Vraag ${i + 1}`, children: /* @__PURE__ */ jsx(Input, { value: it.q ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, q: e.target.value } : x)) }) }),
-      it.aHtml !== void 0 ? /* @__PURE__ */ jsx(Field, { label: "Antwoord (met opmaak)", children: /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: it.aHtml, onChange: (html) => set(items.map((x, j) => j === i ? { ...x, aHtml: html } : x)) }) }) : /* @__PURE__ */ jsx(Field, { label: "Antwoord", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.a ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, a: e.target.value } : x)) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        it.aHtml === void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(items.map((x, j) => j === i ? { ...x, aHtml: x.a ? `<p>${x.a}</p>` : "<p></p>" } : x)), children: "Opmaak gebruiken" }) : /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(items.map((x, j) => j === i ? { q: x.q, a: x.a } : x)), children: "Terug naar platte tekst" }),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(items.filter((_, j) => j !== i)), children: "Verwijderen" })
-      ] })
-    ] }, i)),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...items, { q: "", a: "" }]), children: "+ Vraag toevoegen" }) })
-  ] });
-}
-function OpeningHoursEditor({ block, onChange }) {
-  const rows = block.rows ?? [];
-  const set = (next) => patch(block, onChange, { rows: next });
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) }),
-    rows.map((r, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Dag(en)", children: /* @__PURE__ */ jsx(Input, { value: r.day ?? "", onChange: (e) => set(rows.map((x, j) => j === i ? { ...x, day: e.target.value } : x)) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Tijden", children: /* @__PURE__ */ jsx(Input, { value: r.hours ?? "", onChange: (e) => set(rows.map((x, j) => j === i ? { ...x, hours: e.target.value } : x)) }) }),
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(rows.filter((_, j) => j !== i)), children: "\u2715" })
-    ] }, i)),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...rows, { day: "", hours: "" }]), children: "+ Rij toevoegen" }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "'Nu geopend'-badge", checked: Boolean(block.showStatus), onChange: (v) => patch(block, onChange, { showStatus: v }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "JSON-LD (openingstijden voor Google)", checked: Boolean(block.jsonLd), onChange: (v) => patch(block, onChange, { jsonLd: v }) })
+    /* @__PURE__ */ jsx(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ q: "", a: "" }),
+        addLabel: "+ Vraag toevoegen",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: "Vraag", children: /* @__PURE__ */ jsx(Input, { value: it.q ?? "", onChange: (e) => update({ q: e.target.value }) }) }),
+          it.aHtml !== void 0 ? /* @__PURE__ */ jsx(Field, { label: "Antwoord (met opmaak)", children: /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: it.aHtml, onChange: (html) => update({ aHtml: html }) }) }) : /* @__PURE__ */ jsx(Field, { label: "Antwoord", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.a ?? "", onChange: (e) => update({ a: e.target.value }) }) }),
+          it.aHtml === void 0 ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => update({ aHtml: it.a ? `<p>${it.a}</p>` : "<p></p>" }), children: "Opmaak gebruiken" }) }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => update({ aHtml: void 0 }), children: "Terug naar platte tekst" }) })
+        ] })
+      }
+    )
   ] });
 }
 function PricingEditor({ block, onChange }) {
@@ -289,21 +254,6 @@ function FormEditor({ block, siteId, onChange }) {
     missing && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: "Dit formulier-id bestaat niet (meer). Kies een bestaand formulier." })
   ] });
 }
-function SpacerEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsx(Field, { label: "Hoogte", children: /* @__PURE__ */ jsx(
-    Select,
-    {
-      value: block.size ?? "md",
-      onValueChange: (v) => patch(block, onChange, { size: v }),
-      options: [
-        { value: "sm", label: "Klein" },
-        { value: "md", label: "Normaal" },
-        { value: "lg", label: "Groot" },
-        { value: "xl", label: "Extra groot" }
-      ]
-    }
-  ) });
-}
 function GalleryEditor({ block, siteId, onChange }) {
   const items = block.items ?? [];
   const set = (next) => patch(block, onChange, { items: next });
@@ -360,67 +310,6 @@ function GalleryEditor({ block, siteId, onChange }) {
     /* @__PURE__ */ jsx(ToggleField, { label: "Filterbalk op tags", checked: Boolean(block.showFilter), onChange: (v) => patch(block, onChange, { showFilter: v }) })
   ] });
 }
-function TestimonialsEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  const set = (next) => patch(block, onChange, { items: next });
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) }),
-    items.map((it, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Quote", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.quote ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, quote: e.target.value } : x)) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-        /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: it.author ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, author: e.target.value } : x)) }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Functie", children: /* @__PURE__ */ jsx(Input, { value: it.role ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, role: e.target.value } : x)) }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Sterren (1-5)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(it.rating ?? ""), onChange: (e) => set(items.map((x, j) => j === i ? { ...x, rating: e.target.value ? Math.max(1, Math.min(5, Number(e.target.value))) : void 0 } : x)) }) })
-      ] }),
-      /* @__PURE__ */ jsx(Field, { label: "Avatar", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Input, { value: it.avatarUrl ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, avatarUrl: e.target.value } : x)), placeholder: "URL of upload \u2192" }),
-        /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => set(items.map((x, j) => j === i ? { ...x, avatarUrl: url } : x)) })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(items.filter((_, j) => j !== i)), children: "Verwijderen" }) })
-    ] }, i)),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...items, { quote: "", author: "", rating: 5 }]), children: "+ Review toevoegen" }) })
-  ] });
-}
-function TeamEditor({ block, siteId, onChange }) {
-  const members = block.members ?? [];
-  const set = (next) => patch(block, onChange, { members: next });
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) }),
-    members.map((m, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx(Field, { label: "Naam", children: /* @__PURE__ */ jsx(Input, { value: m.name ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, name: e.target.value } : x)) }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Functie", children: /* @__PURE__ */ jsx(Input, { value: m.role ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, role: e.target.value } : x)) }) })
-      ] }),
-      /* @__PURE__ */ jsx(Field, { label: "Foto", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Input, { value: m.photoUrl ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, photoUrl: e.target.value } : x)), placeholder: "URL of upload \u2192" }),
-        /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => set(members.map((x, j) => j === i ? { ...x, photoUrl: url } : x)) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Bio", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: m.bio ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, bio: e.target.value } : x)) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx(Field, { label: "E-mail (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: m.email ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, email: e.target.value } : x)) }) }),
-        /* @__PURE__ */ jsx(Field, { label: "Telefoon (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: m.phone ?? "", onChange: (e) => set(members.map((x, j) => j === i ? { ...x, phone: e.target.value } : x)) }) })
-      ] }),
-      /* @__PURE__ */ jsx(Field, { label: "Social (platform|url, \xE9\xE9n per regel)", children: /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          rows: 2,
-          value: (m.social ?? []).map((s) => `${s.platform}|${s.href}`).join("\n"),
-          onChange: (e) => set(
-            members.map(
-              (x, j) => j === i ? {
-                ...x,
-                social: e.target.value.split("\n").map((line) => line.split("|")).filter((p) => p[0] && p[1]).map(([platform, href]) => ({ platform: platform.trim(), href: href.trim() }))
-              } : x
-            )
-          )
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(members.filter((_, j) => j !== i)), children: "Verwijderen" }) })
-    ] }, i)),
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...members, { name: "" }]), children: "+ Lid toevoegen" }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Groeperen per afdeling", checked: Boolean(block.groupByDepartment), onChange: (v) => patch(block, onChange, { groupByDepartment: v }) })
-  ] });
-}
 function AgendaEditor({ block, onChange }) {
   const events = block.events ?? [];
   const set = (next) => patch(block, onChange, { events: next });
@@ -438,22 +327,6 @@ function AgendaEditor({ block, onChange }) {
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...events, { title: "", start: "" }]), children: "+ Evenement toevoegen" }) })
   ] });
 }
-function SearchEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Placeholder", children: /* @__PURE__ */ jsx(Input, { value: block.placeholder ?? "Zoeken\u2026", onChange: (e) => patch(block, onChange, { placeholder: e.target.value }) }) }),
-    /* @__PURE__ */ jsx(Field, { label: "Nieuws meenemen", children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: block.includeNews === false ? "no" : "yes",
-        onValueChange: (v) => patch(block, onChange, { includeNews: v === "yes" }),
-        options: [
-          { value: "yes", label: "Ja, ook nieuwsartikelen" },
-          { value: "no", label: "Nee, alleen pagina's" }
-        ]
-      }
-    ) })
-  ] });
-}
 function HeadingField({ block, onChange }) {
   return /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) });
 }
@@ -478,79 +351,6 @@ function FeatureEditor({ block, siteId, onChange }) {
     ] })
   ] });
 }
-function CountersEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ value: "", label: "" }),
-        addLabel: "+ Teller",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: it.prefix ?? "", placeholder: "\xB1", onChange: (e) => update({ prefix: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: it.value, placeholder: "100", onChange: (e) => update({ value: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: it.suffix ?? "", placeholder: "+", onChange: (e) => update({ suffix: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: it.label, placeholder: "Label", onChange: (e) => update({ label: e.target.value }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Tel-animatie bij scrollen", checked: block.animate !== false, onChange: (v) => patch(block, onChange, { animate: v }) })
-  ] });
-}
-function LogosEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ src: "", alt: "" }),
-        addLabel: "+ Logo",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.src, placeholder: "URL of upload \u2192", onChange: (e) => update({ src: e.target.value }) }),
-            /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => update({ src: url }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.alt, placeholder: "Alt-tekst", onChange: (e) => update({ alt: e.target.value }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.href ?? "", placeholder: "Link (optioneel)", onChange: (e) => update({ href: e.target.value }) })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Logo's in grijstinten", checked: block.grayscale !== false, onChange: (v) => patch(block, onChange, { grayscale: v }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Doorlopende band (marquee)", checked: Boolean(block.marquee), onChange: (v) => patch(block, onChange, { marquee: v }) })
-  ] });
-}
-function TimelineEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ title: "" }),
-        addLabel: "+ Stap",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[3rem_1fr_1fr] gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.icon ?? "", placeholder: "\u{1F528}", title: "Icoon (emoji)", onChange: (e) => update({ icon: e.target.value || void 0 }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Titel", onChange: (e) => update({ title: e.target.value }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.date ?? "", placeholder: "Datum/label", onChange: (e) => update({ date: e.target.value }) })
-          ] }),
-          /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.text ?? "", placeholder: "Toelichting", onChange: (e) => update({ text: e.target.value }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Alternerende layout (links/rechts)", checked: Boolean(block.alternate), onChange: (v) => patch(block, onChange, { alternate: v }) })
-  ] });
-}
 function VideoEditor({ block, siteId, onChange }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
@@ -566,18 +366,6 @@ function VideoEditor({ block, siteId, onChange }) {
     /* @__PURE__ */ jsx(ToggleField, { label: "Click-to-play (speler laadt pas na klik \u2014 sneller & privacyvriendelijker)", checked: Boolean(block.facade), onChange: (v) => patch(block, onChange, { facade: v }) })
   ] });
 }
-function BannerEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(Input, { value: block.text ?? "", onChange: (e) => patch(block, onChange, { text: e.target.value }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Link", children: /* @__PURE__ */ jsx(Input, { value: block.href ?? "", onChange: (e) => patch(block, onChange, { href: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Linktekst", children: /* @__PURE__ */ jsx(Input, { value: block.linkLabel ?? "", onChange: (e) => patch(block, onChange, { linkLabel: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Stijl", children: /* @__PURE__ */ jsx(Select, { value: block.tone ?? "info", onValueChange: (v) => patch(block, onChange, { tone: v }), options: [{ value: "info", label: "Info" }, { value: "success", label: "Succes" }, { value: "warning", label: "Waarschuwing" }] }) })
-    ] }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Sluitbaar", checked: block.dismissible !== false, onChange: (v) => patch(block, onChange, { dismissible: v }) }),
-    block.dismissible !== false && /* @__PURE__ */ jsx(Field, { label: "Versie", hint: "Wijzig (bv. '2') als de tekst verandert \u2014 wie de oude balk wegklikte ziet de nieuwe weer", children: /* @__PURE__ */ jsx(Input, { value: block.dismissVersion ?? "", onChange: (e) => patch(block, onChange, { dismissVersion: e.target.value || void 0 }) }) })
-  ] });
-}
 function GeoField({ value, onChange }) {
   const [text, setText] = useState(value ? `${value.lat}, ${value.lng}` : "");
   return /* @__PURE__ */ jsx(Field, { label: "Co\xF6rdinaten (lat, lng)", hint: "bv. 52.0907, 5.1214 \u2014 toont het bedrijf op de juiste plek in Google", children: /* @__PURE__ */ jsx(
@@ -618,32 +406,42 @@ function ContactEditor({ block, siteId, onChange }) {
     /* @__PURE__ */ jsx(ToggleField, { label: "JSON-LD (LocalBusiness)", checked: Boolean(block.jsonLd), onChange: (v) => patch(block, onChange, { jsonLd: v }) })
   ] });
 }
-function SocialEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ platform: "", href: "" }),
-        addLabel: "+ Social-link",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: it.platform, placeholder: "bv. Instagram", onChange: (e) => update({ platform: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: it.href, placeholder: "https://\u2026", onChange: (e) => update({ href: e.target.value }) })
-        ] })
+function MapCoordField({ block, onChange }) {
+  const lat = block.lat;
+  const lng = block.lng;
+  const [text, setText] = useState(lat != null && lng != null ? `${lat}, ${lng}` : "");
+  return /* @__PURE__ */ jsx(Field, { label: "Co\xF6rdinaten (lat, lng)", hint: "bv. 51.9958, 5.0924 \u2014 toont een echte kaart i.p.v. de wereldkaart. Co\xF6rdinaten vind je door in openstreetmap.org rechts te klikken \u2192 'Toon adres'.", children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      value: text,
+      placeholder: "51.9958, 5.0924",
+      onChange: (e) => {
+        setText(e.target.value);
+        const t = e.target.value.trim();
+        if (t === "") {
+          patch(block, onChange, { lat: void 0, lng: void 0 });
+          return;
+        }
+        const m = t.match(/^(-?\d+(?:\.\d+)?)\s*,\s*(-?\d+(?:\.\d+)?)$/);
+        if (!m) return;
+        const la = Number(m[1]);
+        const ln = Number(m[2]);
+        if (Math.abs(la) <= 90 && Math.abs(ln) <= 180) patch(block, onChange, { lat: la, lng: ln });
       }
-    )
-  ] });
+    }
+  ) });
 }
-function MapEditor({ block, onChange }) {
+function MapEditor({ block, siteId, onChange }) {
+  const isGoogle = block.provider === "google";
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Aanbieder", children: /* @__PURE__ */ jsx(Select, { value: block.provider ?? "osm", onValueChange: (v) => patch(block, onChange, { provider: v }), options: [{ value: "osm", label: "OpenStreetMap (adres)" }, { value: "google", label: "Google (embed-URL)" }] }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Aanbieder", children: /* @__PURE__ */ jsx(Select, { value: block.provider ?? "osm", onValueChange: (v) => patch(block, onChange, { provider: v }), options: [{ value: "osm", label: "OpenStreetMap (co\xF6rdinaten)" }, { value: "google", label: "Google (embed-URL)" }] }) }),
       /* @__PURE__ */ jsx(Field, { label: "Hoogte (px)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.height ?? 360), onChange: (e) => patch(block, onChange, { height: Math.max(150, Math.min(800, Number(e.target.value) || 360)) }) }) })
     ] }),
-    /* @__PURE__ */ jsx(Field, { label: block.provider === "google" ? "Embed-URL" : "Adres / zoekterm", children: /* @__PURE__ */ jsx(Input, { value: block.query ?? "", onChange: (e) => patch(block, onChange, { query: e.target.value }) }) }),
+    isGoogle ? /* @__PURE__ */ jsx(Field, { label: "Embed-URL", children: /* @__PURE__ */ jsx(Input, { value: block.query ?? "", onChange: (e) => patch(block, onChange, { query: e.target.value }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(MapCoordField, { block, siteId, onChange }),
+      /* @__PURE__ */ jsx(Field, { label: "Zoom (1\u201320)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.zoom ?? 14), onChange: (e) => patch(block, onChange, { zoom: Math.max(1, Math.min(20, Number(e.target.value) || 14)) }) }) })
+    ] }),
     /* @__PURE__ */ jsx(ToggleField, { label: "Pas tonen na cookie-toestemming", checked: block.consentGated !== false, onChange: (v) => patch(block, onChange, { consentGated: v }) })
   ] });
 }
@@ -723,48 +521,6 @@ function BookingEditor({ block, siteId, onChange }) {
     /* @__PURE__ */ jsx(ToggleField, { label: "Pas tonen na cookie-toestemming", checked: block.consentGated !== false, onChange: (v) => patch(block, onChange, { consentGated: v }) })
   ] });
 }
-function ButtonsEditor({ block, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Uitlijning", children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: block.align ?? "left",
-        onValueChange: (v) => patch(block, onChange, { align: v }),
-        options: [{ value: "left", label: "Links" }, { value: "center", label: "Midden" }, { value: "right", label: "Rechts" }]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ label: "", href: "#", variant: "primary" }),
-        addLabel: "+ Knop",
-        renderRow: (b, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: b.label, placeholder: "Label", onChange: (e) => update({ label: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: b.href, placeholder: "/pad of https://\u2026", onChange: (e) => update({ href: e.target.value }) }),
-          /* @__PURE__ */ jsx(Select, { value: b.variant, onValueChange: (v) => update({ variant: v }), options: VARIANT_OPTIONS })
-        ] })
-      }
-    )
-  ] });
-}
-function QuoteEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Uitspraak", children: /* @__PURE__ */ jsx(Textarea, { rows: 3, value: block.text ?? "", onChange: (e) => patch(block, onChange, { text: e.target.value }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Auteur", children: /* @__PURE__ */ jsx(Input, { value: block.author ?? "", onChange: (e) => patch(block, onChange, { author: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Functie", children: /* @__PURE__ */ jsx(Input, { value: block.role ?? "", onChange: (e) => patch(block, onChange, { role: e.target.value }) }) })
-    ] })
-  ] });
-}
-function DividerEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Stijl", children: /* @__PURE__ */ jsx(Select, { value: block.variant ?? "line", onValueChange: (v) => patch(block, onChange, { variant: v }), options: [{ value: "line", label: "Lijn" }, { value: "dots", label: "Stippen" }, { value: "space", label: "Alleen ruimte" }] }) }),
-    /* @__PURE__ */ jsx(Field, { label: "Ruimte", children: /* @__PURE__ */ jsx(Select, { value: block.spacing ?? "md", onValueChange: (v) => patch(block, onChange, { spacing: v }), options: [{ value: "sm", label: "Klein" }, { value: "md", label: "Normaal" }, { value: "lg", label: "Groot" }] }) })
-  ] });
-}
 function AccordionEditor({ block, siteId, onChange }) {
   const items = block.items ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
@@ -959,103 +715,6 @@ function TabsEditor({ block, siteId, onChange }) {
     tabs.length < 10 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...tabs, { label: `Tab ${tabs.length + 1}`, blocks: [] }]), children: "+ Tab toevoegen" })
   ] });
 }
-function CardsEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(Field, { label: "Intro (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.intro ?? "", onChange: (e) => patch(block, onChange, { intro: e.target.value }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Kolommen", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.columns ?? 3), onChange: (e) => patch(block, onChange, { columns: Math.max(1, Math.min(4, Number(e.target.value) || 3)) }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Beeldstijl", hint: "cover = beeld tot de kaartranden", children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          value: block.imageStyle ?? "inset",
-          onValueChange: (v) => patch(block, onChange, { imageStyle: v }),
-          options: [
-            { value: "inset", label: "Ingekaderd" },
-            { value: "cover", label: "Edge-to-edge (postkaart)" }
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ icon: "", title: "", text: "" }),
-        addLabel: "+ Kaart",
-        renderRow: (it, update, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Icoon (emoji)", children: /* @__PURE__ */ jsx(Input, { value: it.icon ?? "", onChange: (e) => update({ icon: e.target.value }) }) }),
-            /* @__PURE__ */ jsx(Field, { label: "Titel", children: /* @__PURE__ */ jsx(Input, { value: it.title, onChange: (e) => update({ title: e.target.value }) }) })
-          ] }),
-          /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.text ?? "", onChange: (e) => update({ text: e.target.value }) }) }),
-          /* @__PURE__ */ jsx(Field, { label: "Afbeelding (optioneel)", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.imageUrl ?? "", onChange: (e) => update({ imageUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
-            /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => update({ imageUrl: url }) }, i)
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Link (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: it.href ?? "", onChange: (e) => update({ href: e.target.value }) }) }),
-            /* @__PURE__ */ jsx(Field, { label: "Linktekst", children: /* @__PURE__ */ jsx(Input, { value: it.linkLabel ?? "", onChange: (e) => update({ linkLabel: e.target.value }) }) })
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-xs text-slate-600", children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: Boolean(it.featured), onChange: (e) => update({ featured: e.target.checked }) }),
-            "Uitgelicht (accentrand)"
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function DownloadsEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ label: "", href: "", meta: "" }),
-        addLabel: "+ Document",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: it.label, placeholder: "Naam (bv. Brochure 2026)", onChange: (e) => update({ label: e.target.value }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.href, placeholder: "URL naar bestand", onChange: (e) => update({ href: e.target.value }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.meta ?? "", placeholder: "PDF \xB7 1,2 MB", onChange: (e) => update({ meta: e.target.value }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-function PdfEditor({ block, siteId, onChange }) {
-  const docs = block.documents ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsxs("p", { className: "rounded-md bg-slate-50 p-2 text-xs text-slate-600", children: [
-      "Toon \xE9\xE9n of meer ",
-      /* @__PURE__ */ jsx("strong", { children: "PDF's" }),
-      " (bv. lunch-, diner- en wijnkaart). Bij meerdere verschijnen tabs. Vervang een kaart door simpelweg de URL te wijzigen."
-    ] }),
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items: docs,
-        onChange: (next) => patch(block, onChange, { documents: next }),
-        newItem: () => ({ label: "", url: "" }),
-        addLabel: "+ PDF",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: it.label, placeholder: "Naam (bv. Lunchkaart)", onChange: (e) => update({ label: e.target.value }) }),
-          /* @__PURE__ */ jsx(Input, { value: it.url, placeholder: "URL naar de PDF", onChange: (e) => update({ url: e.target.value }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(Field, { label: "Hoogte (px)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.height ?? 820), onChange: (e) => patch(block, onChange, { height: Math.max(300, Math.min(1600, Number(e.target.value) || 820)) }) }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "Open/Download-link tonen", checked: block.showDownload !== false, onChange: (v) => patch(block, onChange, { showDownload: v }) })
-  ] });
-}
 function CountdownEditor({ block, onChange }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
     /* @__PURE__ */ jsx(Field, { label: "Kop", children: /* @__PURE__ */ jsx(Input, { value: block.heading ?? "", onChange: (e) => patch(block, onChange, { heading: e.target.value }) }) }),
@@ -1324,263 +983,32 @@ function CountdownWidgetEditor({ block, onChange }) {
     /* @__PURE__ */ jsx(Field, { label: "Tekst als de tijd om is", children: /* @__PURE__ */ jsx(Input, { value: block.expiredText ?? "", onChange: (e) => patch(block, onChange, { expiredText: e.target.value }) }) })
   ] });
 }
-function GenericEditor({ block, siteId, onChange }) {
-  const registry = useRegistry();
-  const def = registry.get(String(block._type ?? ""));
-  const fields = def ? introspectObjectSchema(def.schema) : [];
-  if (fields.length === 0) {
-    return /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Voor dit bloktype is geen editor beschikbaar." });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: fields.map((f) => {
-    if (f.kind === "boolean") {
-      return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx(Switch, { checked: Boolean(block[f.key]), onCheckedChange: (v) => patch(block, onChange, { [f.key]: v }) }),
-        f.label
-      ] }, f.key);
-    }
-    if (f.kind === "enum") {
-      return /* @__PURE__ */ jsx(Field, { label: f.label, children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          value: String(block[f.key] ?? f.options?.[0] ?? ""),
-          onValueChange: (v) => patch(block, onChange, { [f.key]: v }),
-          options: (f.options ?? []).map((o) => ({ value: o, label: o }))
-        }
-      ) }, f.key);
-    }
-    if (f.kind === "number") {
-      return /* @__PURE__ */ jsx(Field, { label: f.label, children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "number",
-          value: String(block[f.key] ?? ""),
-          onChange: (e) => patch(block, onChange, { [f.key]: e.target.value === "" ? void 0 : Number(e.target.value) })
-        }
-      ) }, f.key);
-    }
-    if (f.kind === "json") {
-      return /* @__PURE__ */ jsx(GenericJsonField, { field: f, block, onChange }, f.key);
-    }
-    if (f.key === "html") {
-      return /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: block.html ?? "", onChange: (html) => patch(block, onChange, { html }) }) }, f.key);
-    }
-    const isImage = /image|photo|foto|logo|cover|avatar/i.test(f.key);
-    if (isImage) {
-      return /* @__PURE__ */ jsx(Field, { label: f.label, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Input, { value: String(block[f.key] ?? ""), onChange: (e) => patch(block, onChange, { [f.key]: e.target.value }), placeholder: "URL of kies \u2192" }),
-        /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => patch(block, onChange, { [f.key]: url }) })
-      ] }) }, f.key);
-    }
-    const long = (f.maxLength ?? 0) > 500;
-    return /* @__PURE__ */ jsx(Field, { label: f.label, children: long ? /* @__PURE__ */ jsx(Textarea, { rows: 4, value: String(block[f.key] ?? ""), onChange: (e) => patch(block, onChange, { [f.key]: e.target.value }) }) : /* @__PURE__ */ jsx(Input, { value: String(block[f.key] ?? ""), onChange: (e) => patch(block, onChange, { [f.key]: e.target.value }) }) }, f.key);
-  }) });
-}
-function GenericJsonField({
-  field,
-  block,
-  onChange
-}) {
-  const [text, setText] = useState(() => JSON.stringify(block[field.key] ?? null, null, 2));
-  const [error, setError] = useState(null);
-  const commit = () => {
-    try {
-      const parsed = JSON.parse(text);
-      const res = field.schema.safeParse(parsed);
-      if (!res.success) {
-        setError("Voldoet niet aan het verwachte formaat van dit veld.");
-        return;
-      }
-      setError(null);
-      patch(block, onChange, { [field.key]: res.data });
-    } catch {
-      setError("Geen geldige JSON.");
-    }
-  };
-  return /* @__PURE__ */ jsxs(Field, { label: `${field.label} (JSON)`, hint: "Geavanceerd veld \u2014 wordt gecontroleerd v\xF3\xF3r opslaan.", children: [
-    /* @__PURE__ */ jsx(
-      Textarea,
-      {
-        rows: 6,
-        value: text,
-        onChange: (e) => setText(e.target.value),
-        onBlur: commit,
-        spellCheck: false,
-        className: "font-mono text-xs"
-      }
-    ),
-    error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: error })
-  ] });
-}
-function WhatsappChatEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Telefoonnummer (internationaal)", hint: "bv. 31612345678 \u2014 zonder + of spaties mag ook", children: /* @__PURE__ */ jsx(Input, { value: block.phone ?? "", onChange: (e) => patch(block, onChange, { phone: e.target.value }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Label (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.label ?? "", onChange: (e) => patch(block, onChange, { label: e.target.value || void 0 }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Positie", children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          value: block.position ?? "br",
-          onValueChange: (v) => patch(block, onChange, { position: v }),
-          options: [
-            { value: "br", label: "Rechtsonder" },
-            { value: "bl", label: "Linksonder" }
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(Field, { label: "Vooringevuld bericht (optioneel)", hint: "Staat alvast in het WhatsApp-venster van de bezoeker", children: /* @__PURE__ */ jsx(Input, { value: block.prefilledText ?? "", onChange: (e) => patch(block, onChange, { prefilledText: e.target.value || void 0 }) }) })
-  ] });
-}
-function BeforeAfterEditor({ block, siteId, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(Field, { label: "Foto v\xF3\xF3r", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Input, { value: block.beforeUrl ?? "", onChange: (e) => patch(block, onChange, { beforeUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
-      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => patch(block, onChange, { beforeUrl: url }) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Field, { label: "Foto n\xE1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Input, { value: block.afterUrl ?? "", onChange: (e) => patch(block, onChange, { afterUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
-      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => patch(block, onChange, { afterUrl: url }) })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Label v\xF3\xF3r", children: /* @__PURE__ */ jsx(Input, { value: block.beforeLabel ?? "Voor", onChange: (e) => patch(block, onChange, { beforeLabel: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Label n\xE1", children: /* @__PURE__ */ jsx(Input, { value: block.afterLabel ?? "Na", onChange: (e) => patch(block, onChange, { afterLabel: e.target.value }) }) }),
-      /* @__PURE__ */ jsx(Field, { label: "Beeldverhouding", children: /* @__PURE__ */ jsx(
-        Select,
-        {
-          value: block.aspectRatio ?? "4/3",
-          onValueChange: (v) => patch(block, onChange, { aspectRatio: v }),
-          options: [
-            { value: "16/9", label: "16:9" },
-            { value: "4/3", label: "4:3" },
-            { value: "3/2", label: "3:2" },
-            { value: "1/1", label: "Vierkant" }
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(Field, { label: "Alt-tekst", children: /* @__PURE__ */ jsx(Input, { value: block.alt ?? "", onChange: (e) => patch(block, onChange, { alt: e.target.value }) }) })
-  ] });
-}
-function PortfolioEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(Field, { label: "Intro (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.intro ?? "", onChange: (e) => patch(block, onChange, { intro: e.target.value || void 0 }) }) }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ imageUrl: "", title: "" }),
-        addLabel: "+ Project",
-        renderRow: (it, update, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.imageUrl, placeholder: "URL of upload \u2192", onChange: (e) => update({ imageUrl: e.target.value }) }),
-            /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => update({ imageUrl: url }) }, i)
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Titel", onChange: (e) => update({ title: e.target.value }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.category ?? "", placeholder: "Categorie (voor filter)", onChange: (e) => update({ category: e.target.value || void 0 }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.description ?? "", placeholder: "Korte omschrijving", onChange: (e) => update({ description: e.target.value || void 0 }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.href ?? "", placeholder: "Link (optioneel, i.p.v. lightbox)", onChange: (e) => update({ href: e.target.value || void 0 }) })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 items-end gap-2", children: [
-      /* @__PURE__ */ jsx(Field, { label: "Kolommen", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.columns ?? 3), onChange: (e) => patch(block, onChange, { columns: Math.max(1, Math.min(4, Number(e.target.value) || 3)) }) }) }),
-      /* @__PURE__ */ jsx(ToggleField, { label: "Filterbalk", checked: block.showFilter !== false, onChange: (v) => patch(block, onChange, { showFilter: v }) }),
-      /* @__PURE__ */ jsx(ToggleField, { label: "Lightbox", checked: block.lightbox !== false, onChange: (v) => patch(block, onChange, { lightbox: v }) })
-    ] })
-  ] });
-}
-function JobsEditor({ block, siteId, onChange }) {
-  const items = block.items ?? [];
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
-    /* @__PURE__ */ jsx(Field, { label: "Intro (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.intro ?? "", onChange: (e) => patch(block, onChange, { intro: e.target.value || void 0 }) }) }),
-    /* @__PURE__ */ jsx(
-      ArrayEditor,
-      {
-        items,
-        onChange: (next) => patch(block, onChange, { items: next }),
-        newItem: () => ({ title: "" }),
-        addLabel: "+ Vacature",
-        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-          /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Functietitel", onChange: (e) => update({ title: e.target.value }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.employmentType ?? "", placeholder: "Fulltime/Parttime", onChange: (e) => update({ employmentType: e.target.value || void 0 }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.location ?? "", placeholder: "Plaats", onChange: (e) => update({ location: e.target.value || void 0 }) }),
-            /* @__PURE__ */ jsx(Input, { value: it.salary ?? "", placeholder: "Salaris (optioneel)", onChange: (e) => update({ salary: e.target.value || void 0 }) })
-          ] }),
-          /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.description ?? "", placeholder: "Korte omschrijving", onChange: (e) => update({ description: e.target.value || void 0 }) }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-            /* @__PURE__ */ jsx(Input, { value: it.applyUrl ?? "", placeholder: "Sollicitatielink (optioneel)", onChange: (e) => update({ applyUrl: e.target.value || void 0 }) }),
-            /* @__PURE__ */ jsx(Input, { type: "date", value: it.datePosted ?? "", title: "Plaatsingsdatum (voor Google Jobs)", onChange: (e) => update({ datePosted: e.target.value || void 0 }) })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(ToggleField, { label: "JSON-LD (Google Jobs)", checked: block.jsonLd !== false, onChange: (v) => patch(block, onChange, { jsonLd: v }) })
-  ] });
-}
-function BreadcrumbsEditor({ block, onChange }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ jsx(Field, { label: "Home-label", children: /* @__PURE__ */ jsx(Input, { value: block.homeLabel ?? "Home", onChange: (e) => patch(block, onChange, { homeLabel: e.target.value }) }) }),
-    /* @__PURE__ */ jsx(ToggleField, { label: "JSON-LD (BreadcrumbList)", checked: block.jsonLd !== false, onChange: (v) => patch(block, onChange, { jsonLd: v }) }),
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "Labels worden automatisch afgeleid van de URL (bv. /diensten/tuinaanleg \u2192 Diensten / Tuinaanleg)." })
-  ] });
-}
 const builtinBlockEditors = {
   hero: HeroEditor,
   richText: RichTextBlockEditor,
   image: ImageEditor,
-  cta: CtaEditor,
   faq: FaqEditor,
-  openingHours: OpeningHoursEditor,
   pricing: PricingEditor,
   newsList: NewsListEditor,
   form: FormEditor,
-  spacer: SpacerEditor,
   gallery: GalleryEditor,
-  testimonials: TestimonialsEditor,
-  team: TeamEditor,
   agenda: AgendaEditor,
-  search: SearchEditor,
   feature: FeatureEditor,
-  counters: CountersEditor,
-  logos: LogosEditor,
-  timeline: TimelineEditor,
   video: VideoEditor,
-  banner: BannerEditor,
   contact: ContactEditor,
-  social: SocialEditor,
   map: MapEditor,
   newsletter: NewsletterEditor,
   booking: BookingEditor,
-  buttons: ButtonsEditor,
-  quote: QuoteEditor,
-  divider: DividerEditor,
   accordion: AccordionEditor,
   embed: EmbedEditor,
+  symbolRef: SymbolRefEditor,
   // Indeling
   columns: ColumnsEditor,
   withSidebar: WithSidebarEditor,
   tabs: TabsEditor,
   // Nieuwe modules
-  cards: CardsEditor,
-  downloads: DownloadsEditor,
-  pdf: PdfEditor,
   countdown: CountdownEditor,
   slider: SliderEditor,
-  whatsappChat: WhatsappChatEditor,
-  beforeAfter: BeforeAfterEditor,
-  portfolio: PortfolioEditor,
-  jobs: JobsEditor,
-  breadcrumbs: BreadcrumbsEditor,
   // Widgets
   newsWidget: NewsWidgetEditor,
   agendaWidget: AgendaWidgetEditor,
@@ -1597,6 +1025,7 @@ const builtinBlockEditors = {
 };
 export {
   GenericEditor,
+  NestedBlocksEditor,
   builtinBlockEditors
 };
 //# sourceMappingURL=index.js.map