@xiwebdesign/xicms-core 4.17.1

package/dist/admin/blockEditors/index.js

@@ -0,0 +1,1602 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { collection, getDocs } from "firebase/firestore";
+import { getDb } from "../../firebase/client";
+import { Button, Field, Input, Textarea } from "../ui/primitives";
+import { Select } from "../ui/select";
+import { Switch } from "../ui/switch";
+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";
+const VARIANT_OPTIONS = [
+  { value: "primary", label: "Primair" },
+  { value: "secondary", label: "Secundair" },
+  { value: "outline", label: "Outline" }
+];
+function patch(block, onChange, part) {
+  onChange({ ...block, ...part });
+}
+function ImageUploadButton({ siteId, onUploaded }) {
+  return /* @__PURE__ */ jsx(MediaPickerButton, { siteId, onSelect: (m) => onUploaded(m.url, m.mediaId, m.alt) });
+}
+function HeroEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(Field, { label: "Regeltje boven de titel (optioneel)", hint: "bv. 'Hoveniers sinds 2001'", children: /* @__PURE__ */ jsx(Input, { value: block.eyebrow ?? "", onChange: (e) => patch(block, onChange, { eyebrow: e.target.value || void 0 }) }) }),
+    /* @__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: "Ondertitel", children: /* @__PURE__ */ jsx(Input, { value: block.subtitle ?? "", onChange: (e) => patch(block, onChange, { subtitle: e.target.value }) }) }),
+    /* @__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: "Gecentreerd" }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Field, { label: "Achtergrondafbeelding", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Input, { value: block.imageUrl ?? "", onChange: (e) => patch(block, onChange, { imageUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
+      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url, mediaId) => patch(block, onChange, { imageUrl: url, imageId: mediaId }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Video-achtergrond (mp4/webm, optioneel)", hint: "Overschrijft de afbeelding.", children: /* @__PURE__ */ jsx(Input, { value: block.videoUrl ?? "", onChange: (e) => patch(block, onChange, { videoUrl: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Verticale uitlijning", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.vAlign ?? "center",
+          onValueChange: (v) => patch(block, onChange, { vAlign: v }),
+          options: [
+            { value: "top", label: "Boven" },
+            { value: "center", label: "Midden" },
+            { value: "bottom", label: "Onder" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Hoogte", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.minHeight ?? "auto",
+          onValueChange: (v) => patch(block, onChange, { minHeight: v }),
+          options: [
+            { value: "auto", label: "Automatisch" },
+            { value: "sm", label: "Klein" },
+            { value: "md", label: "Normaal" },
+            { value: "lg", label: "Groot" },
+            { value: "full", label: "Volledig scherm" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Overlay-kleur (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.overlayColor ?? "", onChange: (e) => patch(block, onChange, { overlayColor: e.target.value }), placeholder: "#000000" }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Overlay-dekking (%)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.overlayOpacity ?? 0), onChange: (e) => patch(block, onChange, { overlayOpacity: Math.max(0, Math.min(100, Number(e.target.value) || 0)) }) }) }),
+      /* @__PURE__ */ jsx(ToggleField, { label: "Gradient-overlay (donker onderaan \u2014 leesbare tekst op foto's)", checked: Boolean(block.overlayGradient), onChange: (v) => patch(block, onChange, { overlayGradient: v }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Knoppen" }),
+      /* @__PURE__ */ jsx(
+        ArrayEditor,
+        {
+          items: block.buttons ?? [],
+          onChange: (buttons) => patch(block, onChange, { buttons }),
+          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 RichTextBlockEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: block.html ?? "", onChange: (html) => patch(block, onChange, { html }) }) });
+}
+function ImageEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(Field, { label: "Afbeelding", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Input, { value: block.url ?? "", onChange: (e) => patch(block, onChange, { url: e.target.value }), placeholder: "URL of upload \u2192" }),
+      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url, mediaId) => patch(block, onChange, { url, mediaId }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Alt-tekst (toegankelijkheid)", hint: "Beschrijf de afbeelding kort.", children: /* @__PURE__ */ jsx(Input, { value: block.alt ?? "", onChange: (e) => patch(block, onChange, { alt: e.target.value }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Bijschrift", children: /* @__PURE__ */ jsx(Input, { value: block.caption ?? "", onChange: (e) => patch(block, onChange, { caption: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Link (klikbaar)", children: /* @__PURE__ */ jsx(Input, { value: block.href ?? "", onChange: (e) => patch(block, onChange, { href: e.target.value }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Uitlijning", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.align ?? "center",
+          onValueChange: (v) => patch(block, onChange, { align: v }),
+          options: [
+            { value: "left", label: "Links" },
+            { value: "center", label: "Midden" },
+            { value: "right", label: "Rechts" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Beeldverhouding", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.aspectRatio ?? "auto",
+          onValueChange: (v) => patch(block, onChange, { aspectRatio: v }),
+          options: [
+            { value: "auto", label: "Automatisch" },
+            { value: "16/9", label: "16:9" },
+            { value: "4/3", label: "4:3" },
+            { value: "1/1", label: "1:1" },
+            { value: "3/2", label: "3:2" }
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+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 }) })
+  ] });
+}
+function PricingEditor({ block, onChange }) {
+  const items = block.items ?? [];
+  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(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ label: "", price: "", features: [], highlighted: false }),
+        addLabel: "+ Pakket",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { value: it.label, placeholder: "Naam", onChange: (e) => update({ label: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { value: it.price, placeholder: "\u20AC 00", onChange: (e) => update({ price: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { value: it.billingPeriod ?? "", placeholder: "/maand", onChange: (e) => update({ billingPeriod: e.target.value }) })
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: it.detail ?? "", placeholder: "Korte omschrijving", onChange: (e) => update({ detail: e.target.value }) }),
+          /* @__PURE__ */ jsx(Field, { label: "Features (\xE9\xE9n per regel)", children: /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              rows: 3,
+              value: (it.features ?? []).join("\n"),
+              onChange: (e) => update({ features: e.target.value.split("\n").map((s) => s.trim()).filter(Boolean) })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { value: it.ctaLabel ?? "", placeholder: "Knoptekst", onChange: (e) => update({ ctaLabel: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { value: it.ctaHref ?? "", placeholder: "Knoplink", onChange: (e) => update({ ctaHref: e.target.value }) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: Boolean(it.highlighted), onChange: (e) => update({ highlighted: e.target.checked }) }),
+            "Uitgelicht pakket"
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(Field, { label: "Voetnoot (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.note ?? "", onChange: (e) => patch(block, onChange, { note: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 items-end gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Valuta", hint: "ISO-code voor zoekmachines, bv. EUR", children: /* @__PURE__ */ jsx(Input, { value: block.currency ?? "EUR", onChange: (e) => patch(block, onChange, { currency: e.target.value || "EUR" }) }) }),
+      /* @__PURE__ */ jsx(ToggleField, { label: "JSON-LD (Product/Offer)", checked: Boolean(block.jsonLd), onChange: (v) => patch(block, onChange, { jsonLd: v }) })
+    ] })
+  ] });
+}
+function NewsListEditor({ 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 }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Per pagina", hint: "0 = alles ineens; anders 'Meer laden'-knop", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: String(block.pageSize ?? 0),
+          onChange: (e) => patch(block, onChange, { pageSize: Math.max(0, Math.min(24, Number(e.target.value) || 0)) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Aantal", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: String(block.limit ?? 6),
+          onChange: (e) => patch(block, onChange, { limit: Math.max(1, Math.min(50, Number(e.target.value) || 6)) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Basispad", children: /* @__PURE__ */ jsx(Input, { value: block.basePath ?? "/nieuws", onChange: (e) => patch(block, onChange, { basePath: e.target.value }) }) })
+    ] })
+  ] });
+}
+function FormEditor({ block, siteId, onChange }) {
+  const [forms, setForms] = useState([]);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    let cancelled = false;
+    void getDocs(collection(db, "sites", siteId, "forms")).then((snap) => {
+      if (!cancelled) setForms(snap.docs.map((d) => ({ id: d.id, name: String(d.data().name ?? d.id) })));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [siteId]);
+  const current = block.formId ?? "";
+  const missing = current && forms.length > 0 && !forms.some((f) => f.id === current);
+  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(Field, { label: "Formulier", hint: "Maak een formulier aan onder het tabblad Formulieren.", children: forms.length > 0 ? /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: current,
+        placeholder: "Kies een formulier\u2026",
+        onValueChange: (v) => patch(block, onChange, { formId: v }),
+        options: forms.map((f) => ({ value: f.id, label: f.name }))
+      }
+    ) : /* @__PURE__ */ jsx(Input, { value: current, onChange: (e) => patch(block, onChange, { formId: e.target.value }), placeholder: "Formulier-id" }) }),
+    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 });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Kolommen", hint: "0 = volg module-instelling", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: String(block.columns ?? 0),
+          onChange: (e) => patch(block, onChange, { columns: Math.max(0, Math.min(6, Number(e.target.value) || 0)) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Lightbox", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.lightbox ?? "inherit",
+          onValueChange: (v) => patch(block, onChange, { lightbox: v }),
+          options: [
+            { value: "inherit", label: "Volg module-instelling" },
+            { value: "on", label: "Aan" },
+            { value: "off", label: "Uit" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Beeldverhouding", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.aspectRatio ?? "1/1",
+          onValueChange: (v) => patch(block, onChange, { aspectRatio: v }),
+          options: [
+            { value: "1/1", label: "Vierkant (1:1)" },
+            { value: "4/3", label: "4:3" },
+            { value: "3/2", label: "3:2" },
+            { value: "16/9", label: "16:9" },
+            { value: "auto", label: "Eigen verhouding" }
+          ]
+        }
+      ) })
+    ] }),
+    items.map((it, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: `Foto ${i + 1}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { value: it.url ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, url: e.target.value } : x)), placeholder: "URL of upload \u2192" }),
+        /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => set(items.map((x, j) => j === i ? { ...x, url } : x)) })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Alt-tekst", children: /* @__PURE__ */ jsx(Input, { value: it.alt ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, alt: e.target.value } : x)) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Bijschrift", children: /* @__PURE__ */ jsx(Input, { value: it.caption ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, caption: e.target.value } : x)) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Tag", hint: "Voor de filterbalk", children: /* @__PURE__ */ jsx(Input, { value: it.tag ?? "", onChange: (e) => set(items.map((x, j) => j === i ? { ...x, tag: e.target.value || void 0 } : 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, { url: "", alt: "" }]), children: "+ Foto toevoegen" }) }),
+    /* @__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 });
+  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 }) }) }),
+    events.map((ev, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-3", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Titel", children: /* @__PURE__ */ jsx(Input, { value: ev.title ?? "", onChange: (e) => set(events.map((x, j) => j === i ? { ...x, title: e.target.value } : x)) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Start", hint: "bv. 2026-07-01 of 2026-07-01T19:30", children: /* @__PURE__ */ jsx(Input, { value: ev.start ?? "", onChange: (e) => set(events.map((x, j) => j === i ? { ...x, start: e.target.value } : x)) }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Einde (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: ev.end ?? "", onChange: (e) => set(events.map((x, j) => j === i ? { ...x, end: e.target.value } : x)) }) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { label: "Locatie (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: ev.location ?? "", onChange: (e) => set(events.map((x, j) => j === i ? { ...x, location: e.target.value } : x)) }) }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(events.filter((_, j) => j !== i)), children: "Verwijderen" }) })
+    ] }, i)),
+    /* @__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 }) }) });
+}
+function ToggleField({ label, checked, onChange }) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ jsx(Switch, { checked, onCheckedChange: onChange }),
+    label
+  ] });
+}
+function FeatureEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
+    /* @__PURE__ */ jsx(Field, { label: "Tekst", children: /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: block.html ?? "", onChange: (html) => patch(block, onChange, { html }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Afbeelding", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Input, { value: block.imageUrl ?? "", onChange: (e) => patch(block, onChange, { imageUrl: e.target.value }), placeholder: "URL of upload \u2192" }),
+      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => patch(block, onChange, { imageUrl: url }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Beeldpositie", children: /* @__PURE__ */ jsx(Select, { value: block.imagePosition ?? "left", onValueChange: (v) => patch(block, onChange, { imagePosition: v }), options: [{ value: "left", label: "Links" }, { value: "right", label: "Rechts" }] }) }),
+      /* @__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 }) }) })
+    ] })
+  ] });
+}
+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: [
+      /* @__PURE__ */ jsx(Field, { label: "Bron", children: /* @__PURE__ */ jsx(Select, { value: block.provider ?? "youtube", onValueChange: (v) => patch(block, onChange, { provider: v }), options: [{ value: "youtube", label: "YouTube" }, { value: "vimeo", label: "Vimeo" }, { value: "file", label: "MP4/WebM-URL" }] }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Id of URL", children: /* @__PURE__ */ jsx(Input, { value: block.src ?? "", onChange: (e) => patch(block, onChange, { src: e.target.value }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Field, { label: "Bijschrift (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.caption ?? "", onChange: (e) => patch(block, onChange, { caption: e.target.value }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Voorvertoningsbeeld (optioneel)", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Input, { value: block.posterUrl ?? "", onChange: (e) => patch(block, onChange, { posterUrl: e.target.value || void 0 }), placeholder: "URL of upload \u2192" }),
+      /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => patch(block, onChange, { posterUrl: url }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Pas tonen na cookie-toestemming", checked: block.consentGated !== false, onChange: (v) => patch(block, onChange, { consentGated: v }) }),
+    /* @__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(
+    Input,
+    {
+      value: text,
+      placeholder: "52.0907, 5.1214",
+      onChange: (e) => {
+        setText(e.target.value);
+        const m = e.target.value.trim().match(/^(-?\d+(?:\.\d+)?)\s*,\s*(-?\d+(?:\.\d+)?)$/);
+        if (!m) {
+          if (e.target.value.trim() === "") onChange(void 0);
+          return;
+        }
+        const lat = Number(m[1]);
+        const lng = Number(m[2]);
+        if (Math.abs(lat) <= 90 && Math.abs(lng) <= 180) onChange({ lat, lng });
+      }
+    }
+  ) });
+}
+function ContactEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
+    /* @__PURE__ */ jsx(Field, { label: "Adres", children: /* @__PURE__ */ jsx(Input, { value: block.address ?? "", onChange: (e) => patch(block, onChange, { address: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Telefoon", children: /* @__PURE__ */ jsx(Input, { value: block.phone ?? "", onChange: (e) => patch(block, onChange, { phone: e.target.value }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "E-mail", children: /* @__PURE__ */ jsx(Input, { value: block.email ?? "", onChange: (e) => patch(block, onChange, { email: e.target.value }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Field, { label: "Openingstijden", children: /* @__PURE__ */ jsx(Input, { value: block.hours ?? "", onChange: (e) => patch(block, onChange, { hours: e.target.value }) }) }),
+    /* @__PURE__ */ jsx(
+      GeoField,
+      {
+        value: block.geo,
+        onChange: (geo) => patch(block, onChange, { geo })
+      }
+    ),
+    /* @__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 MapEditor({ block, onChange }) {
+  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: "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 }) }) }),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Pas tonen na cookie-toestemming", checked: block.consentGated !== false, onChange: (v) => patch(block, onChange, { consentGated: v }) })
+  ] });
+}
+function NewsletterEditor({ block, siteId, onChange }) {
+  const [forms, setForms] = useState([]);
+  useEffect(() => {
+    const db = getDb();
+    if (!db) return;
+    let cancelled = false;
+    void getDocs(collection(db, "sites", siteId, "forms")).then((snap) => {
+      if (!cancelled) setForms(snap.docs.map((d) => ({ id: d.id, name: String(d.data().name ?? d.id) })));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [siteId]);
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
+    /* @__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-2 gap-2", 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: "Aanmeld-URL (provider)", hint: "bv. Mailchimp form-action", children: /* @__PURE__ */ jsx(Input, { value: block.actionUrl ?? "", onChange: (e) => patch(block, onChange, { actionUrl: e.target.value }) }) })
+    ] }),
+    !block.actionUrl && /* @__PURE__ */ jsx(Field, { label: "Of: opslaan in XiCMS-formulier", hint: "Maak onder Formulieren een formulier met een 'email'-veld; aanmeldingen verschijnen daar.", children: forms.length > 0 ? /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: block.formId ?? "",
+        placeholder: "Kies een formulier\u2026",
+        onValueChange: (v) => patch(block, onChange, { formId: v || void 0 }),
+        options: forms.map((f) => ({ value: f.id, label: f.name }))
+      }
+    ) : /* @__PURE__ */ jsx(Input, { value: block.formId ?? "", onChange: (e) => patch(block, onChange, { formId: e.target.value || void 0 }), placeholder: "formulier-id" }) }),
+    /* @__PURE__ */ jsx(Field, { label: "AVG-akkoordtekst", hint: "Leeg = geen checkbox; bv. 'Ik ga akkoord met de privacyverklaring'", children: /* @__PURE__ */ jsx(Input, { value: block.consentText ?? "", onChange: (e) => patch(block, onChange, { consentText: e.target.value || void 0 }) }) })
+  ] });
+}
+function BookingEditor({ block, siteId, onChange }) {
+  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: [
+      "Dit blok ",
+      /* @__PURE__ */ jsx("strong", { children: "toont een bestaand afsprakensysteem" }),
+      " in je pagina (een embed). XiCMS heeft geen eigen agenda. Maak een account bij een boekingsdienst \u2014 bv.",
+      " ",
+      /* @__PURE__ */ jsx("strong", { children: "Calendly" }),
+      ", ",
+      /* @__PURE__ */ jsx("strong", { children: "Salonized" }),
+      ", ",
+      /* @__PURE__ */ jsx("strong", { children: "Treatwell" }),
+      ",",
+      " ",
+      /* @__PURE__ */ jsx("strong", { children: "Acuity" }),
+      " of ",
+      /* @__PURE__ */ jsx("strong", { children: "SimplyBook" }),
+      " \u2014 kopieer daar de \u201Cembed/insluiten\u201D-link en plak die hieronder."
+    ] }),
+    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
+    /* @__PURE__ */ jsx(Field, { label: "Reserveersysteem", hint: "Kies je aanbieder of 'Eigen embed' voor een vrije link.", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: block.provider ?? "custom",
+        onValueChange: (v) => patch(block, onChange, { provider: v }),
+        options: [
+          { value: "custom", label: "Eigen embed (vrije URL)" },
+          { value: "calendly", label: "Calendly" },
+          { value: "cal", label: "Cal.com" },
+          { value: "formitable", label: "Formitable" },
+          { value: "resengo", label: "Resengo" },
+          { value: "thefork", label: "TheFork" },
+          { value: "treatwell", label: "Treatwell" },
+          { value: "salonized", label: "Salonized" },
+          { value: "tablebooker", label: "Tablebooker" },
+          { value: "bookingkit", label: "bookingkit" }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Field, { label: "Embed-URL of account-naam", hint: "Volledige link \xF3f alleen je slug/id \u2014 de provider-keuze bouwt er de juiste embed van.", children: /* @__PURE__ */ jsx(Input, { value: block.embedUrl ?? "", onChange: (e) => patch(block, onChange, { embedUrl: e.target.value }), placeholder: "https://calendly.com/jouw-naam/intake \u2014 of: jouw-naam/intake" }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Hoogte (px)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.height ?? 630), onChange: (e) => patch(block, onChange, { height: Math.max(300, Math.min(1200, Number(e.target.value) || 630)) }) }) }),
+    /* @__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: [
+    /* @__PURE__ */ jsx(HeadingField, { block, siteId, onChange }),
+    /* @__PURE__ */ jsx(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ title: "", body: "" }),
+        addLabel: "+ Paneel",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Titel", onChange: (e) => update({ title: e.target.value }) }),
+          it.bodyHtml !== void 0 ? /* @__PURE__ */ jsx(RichTextEditor, { siteId, value: it.bodyHtml, onChange: (html) => update({ bodyHtml: html }) }) : /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.body, placeholder: "Inhoud", onChange: (e) => update({ body: e.target.value }) }),
+          /* @__PURE__ */ jsx("div", { children: it.bodyHtml === void 0 ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => update({ bodyHtml: it.body ? `<p>${it.body}</p>` : "<p></p>" }), children: "Opmaak gebruiken" }) : /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => update({ bodyHtml: void 0 }), children: "Terug naar platte tekst" }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Meerdere tegelijk open", checked: Boolean(block.multiple), onChange: (v) => patch(block, onChange, { multiple: v }) })
+  ] });
+}
+function EmbedEditor({ block, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsx(Field, { label: "URL (iframe)", children: /* @__PURE__ */ jsx(Input, { value: block.url ?? "", onChange: (e) => patch(block, onChange, { url: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Titel (toegankelijkheid)", children: /* @__PURE__ */ jsx(Input, { value: block.title ?? "", onChange: (e) => patch(block, onChange, { title: e.target.value }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Hoogte (px)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.height ?? 420), onChange: (e) => patch(block, onChange, { height: Math.max(150, Math.min(1200, Number(e.target.value) || 420)) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(Field, { label: "Beeldverhouding", hint: "'Vaste hoogte' gebruikt het hoogte-veld", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: block.aspectRatio ?? "fixed",
+        onValueChange: (v) => patch(block, onChange, { aspectRatio: v }),
+        options: [
+          { value: "fixed", label: "Vaste hoogte" },
+          { value: "16/9", label: "16:9" },
+          { value: "4/3", label: "4:3" },
+          { value: "1/1", label: "Vierkant" }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Pas tonen na cookie-toestemming", checked: block.consentGated !== false, onChange: (v) => patch(block, onChange, { consentGated: v }) })
+  ] });
+}
+function nestKey() {
+  return (globalThis.crypto?.randomUUID?.() ?? `b${Date.now()}${Math.random()}`).slice(0, 12);
+}
+function NestedBlocksEditor({
+  blocks,
+  siteId,
+  onChange,
+  addLabel = "+ Blok toevoegen\u2026"
+}) {
+  const registry = useRegistry();
+  const [openKey, setOpenKey] = useState(null);
+  const list = blocks ?? [];
+  const addOptions = [...registry.values()].map((d) => ({ value: d.type, label: `${d.icon ?? "\u25AB"}  ${d.label}` }));
+  function add(type) {
+    const def = registry.get(type);
+    const base = def?.defaults?.() ?? {};
+    const b = { _key: nestKey(), _type: type, ...base };
+    onChange([...list, b]);
+    setOpenKey(b._key);
+  }
+  function move(i, dir) {
+    const j = i + dir;
+    if (j < 0 || j >= list.length) return;
+    const copy = [...list];
+    [copy[i], copy[j]] = [copy[j], copy[i]];
+    onChange(copy);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+    list.map((b, i) => {
+      const type = b._type;
+      const def = registry.get(type);
+      const Editor = def?.Editor ?? builtinBlockEditors[type] ?? GenericEditor;
+      const open = openKey === b._key;
+      return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-slate-200 bg-white", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "flex-1 truncate text-left text-sm",
+              onClick: () => setOpenKey(open ? null : b._key),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "mr-1", children: def?.icon ?? "\u25AB" }),
+                def?.label ?? type
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(i, -1), "aria-label": "Omhoog", children: "\u2191" }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => move(i, 1), "aria-label": "Omlaag", children: "\u2193" }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onChange(list.filter((_, j) => j !== i)), "aria-label": "Verwijderen", children: "\u{1F5D1}" })
+        ] }),
+        open && /* @__PURE__ */ jsx("div", { className: "border-t border-slate-100 p-2", children: /* @__PURE__ */ jsx(Editor, { block: b, siteId, onChange: (next) => onChange(list.map((x, j) => j === i ? next : x)) }) })
+      ] }, b._key ?? i);
+    }),
+    list.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400", children: "Nog geen blokken." }),
+    /* @__PURE__ */ jsx(Select, { value: "", placeholder: addLabel, onValueChange: (v) => v && add(v), options: addOptions })
+  ] });
+}
+function ColumnsEditor({ block, siteId, onChange }) {
+  const cols = block.columns ?? [];
+  const set = (next) => patch(block, onChange, { columns: next });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    cols.map((c, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-slate-500", children: [
+          "Kolom ",
+          i + 1
+        ] }),
+        cols.length > 1 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(cols.filter((_, j) => j !== i)), children: "Kolom weg" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        NestedBlocksEditor,
+        {
+          blocks: c.blocks ?? [],
+          siteId,
+          onChange: (next) => set(cols.map((x, j) => j === i ? { ...x, blocks: next } : x))
+        }
+      )
+    ] }, i)),
+    cols.length < 4 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => set([...cols, { blocks: [] }]), children: "+ Kolom toevoegen" })
+  ] });
+}
+function WithSidebarEditor({ block, siteId, onChange }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Zijbalk", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.side ?? "right",
+          onValueChange: (v) => patch(block, onChange, { side: v }),
+          options: [{ value: "right", label: "Rechts" }, { value: "left", label: "Links" }]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Breedte", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.sidebarWidth ?? "md",
+          onValueChange: (v) => patch(block, onChange, { sidebarWidth: v }),
+          options: [{ value: "sm", label: "Smal" }, { value: "md", label: "Normaal" }, { value: "lg", label: "Breed" }]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Meescrollen", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.sticky === false ? "no" : "yes",
+          onValueChange: (v) => patch(block, onChange, { sticky: v === "yes" }),
+          options: [{ value: "yes", label: "Sticky" }, { value: "no", label: "Nee" }]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(Field, { label: "Hoofdinhoud", children: /* @__PURE__ */ jsx(
+      NestedBlocksEditor,
+      {
+        blocks: block.main ?? [],
+        siteId,
+        onChange: (next) => patch(block, onChange, { main: next })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Field, { label: "Zijbalk (widgets)", hint: "Plaats hier compacte widgets: laatste nieuws, agenda, contact\u2026", children: /* @__PURE__ */ jsx(
+      NestedBlocksEditor,
+      {
+        blocks: block.aside ?? [],
+        siteId,
+        onChange: (next) => patch(block, onChange, { aside: next }),
+        addLabel: "+ Widget/blok toevoegen\u2026"
+      }
+    ) })
+  ] });
+}
+function TabsEditor({ block, siteId, onChange }) {
+  const tabs = block.tabs ?? [];
+  const set = (next) => patch(block, onChange, { tabs: next });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    tabs.map((t, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2 rounded-lg border border-slate-200 p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Input, { value: t.label, placeholder: `Tab ${i + 1}`, onChange: (e) => set(tabs.map((x, j) => j === i ? { ...x, label: e.target.value } : x)) }),
+        tabs.length > 1 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => set(tabs.filter((_, j) => j !== i)), children: "\u{1F5D1}" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        NestedBlocksEditor,
+        {
+          blocks: t.blocks ?? [],
+          siteId,
+          onChange: (next) => set(tabs.map((x, j) => j === i ? { ...x, blocks: next } : x))
+        }
+      )
+    ] }, i)),
+    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 }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Streefdatum/-tijd", hint: "bv. 2026-12-31T23:59", children: /* @__PURE__ */ jsx(Input, { type: "datetime-local", value: block.target ?? "", onChange: (e) => patch(block, onChange, { target: e.target.value }) }) }),
+    /* @__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 }) }) }),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Labels tonen (dagen/uur/min/sec)", checked: block.showLabels !== false, onChange: (v) => patch(block, onChange, { showLabels: v }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Na afloop", children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: block.onExpire ?? "message",
+        onValueChange: (v) => patch(block, onChange, { onExpire: v }),
+        options: [
+          { value: "message", label: "Melding tonen" },
+          { value: "hide", label: "Blok verbergen" }
+        ]
+      }
+    ) })
+  ] });
+}
+function SliderEditor({ block, siteId, onChange }) {
+  const slides = block.slides ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Beeldverhouding", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: block.aspectRatio ?? "16/9",
+          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" },
+            { value: "21/9", label: "Breedbeeld" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Interval (sec)", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.interval ?? 5), onChange: (e) => patch(block, onChange, { interval: Math.max(2, Math.min(20, Number(e.target.value) || 5)) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ jsx(ToggleField, { label: "Automatisch afspelen", checked: Boolean(block.autoplay), onChange: (v) => patch(block, onChange, { autoplay: v }) }),
+      /* @__PURE__ */ jsx(ToggleField, { label: "Stippen", checked: block.showDots !== false, onChange: (v) => patch(block, onChange, { showDots: v }) }),
+      /* @__PURE__ */ jsx(ToggleField, { label: "Pijlen", checked: block.showArrows !== false, onChange: (v) => patch(block, onChange, { showArrows: v }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ArrayEditor,
+      {
+        items: slides,
+        onChange: (next) => patch(block, onChange, { slides: next }),
+        newItem: () => ({ imageUrl: "", alt: "", caption: "" }),
+        addLabel: "+ Slide",
+        renderRow: (it, update, i) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Field, { label: `Afbeelding ${i + 1}`, 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(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(Input, { value: it.caption ?? "", placeholder: "Bijschrift (optioneel)", onChange: (e) => update({ caption: e.target.value }) })
+        ] })
+      }
+    )
+  ] });
+}
+function NewsWidgetEditor({ 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 }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Aantal", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.limit ?? 5), onChange: (e) => patch(block, onChange, { limit: Math.max(1, Math.min(12, Number(e.target.value) || 5)) }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Basispad", children: /* @__PURE__ */ jsx(Input, { value: block.basePath ?? "/nieuws", onChange: (e) => patch(block, onChange, { basePath: e.target.value }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Miniaturen tonen", checked: Boolean(block.showImages), onChange: (v) => patch(block, onChange, { showImages: v }) })
+  ] });
+}
+function AgendaWidgetEditor({ block, onChange }) {
+  const events = block.events ?? [];
+  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(Field, { label: "Aantal", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.limit ?? 5), onChange: (e) => patch(block, onChange, { limit: Math.max(1, Math.min(12, Number(e.target.value) || 5)) }) }) }),
+    /* @__PURE__ */ jsx(
+      ArrayEditor,
+      {
+        items: events,
+        onChange: (next) => patch(block, onChange, { events: next }),
+        newItem: () => ({ title: "", start: "" }),
+        addLabel: "+ Evenement",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Titel", onChange: (e) => update({ title: e.target.value }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { value: it.start, placeholder: "2026-07-01T19:30", onChange: (e) => update({ start: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { value: it.location ?? "", placeholder: "Locatie", onChange: (e) => update({ location: e.target.value }) })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Verlopen evenementen verbergen", checked: block.hidePast !== false, onChange: (v) => patch(block, onChange, { hidePast: v }) })
+  ] });
+}
+function OpeningHoursWidgetEditor({ block, onChange }) {
+  const rows = block.rows ?? [];
+  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(
+      ArrayEditor,
+      {
+        items: rows,
+        onChange: (next) => patch(block, onChange, { rows: next }),
+        newItem: () => ({ day: "", hours: "" }),
+        addLabel: "+ Regel",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx(Input, { value: it.day, placeholder: "Maandag", onChange: (e) => update({ day: e.target.value }) }),
+          /* @__PURE__ */ jsx(Input, { value: it.hours, placeholder: "09:00 \u2013 17:00", onChange: (e) => update({ hours: e.target.value }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(ToggleField, { label: "Vandaag markeren", checked: block.highlightToday !== false, onChange: (v) => patch(block, onChange, { highlightToday: v }) })
+  ] });
+}
+function ContactWidgetEditor({ 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 }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Adres", children: /* @__PURE__ */ jsx(Input, { value: block.address ?? "", onChange: (e) => patch(block, onChange, { address: e.target.value }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Telefoon", children: /* @__PURE__ */ jsx(Input, { value: block.phone ?? "", onChange: (e) => patch(block, onChange, { phone: e.target.value }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "E-mail", children: /* @__PURE__ */ jsx(Input, { value: block.email ?? "", onChange: (e) => patch(block, onChange, { email: e.target.value }) }) })
+    ] })
+  ] });
+}
+function SocialWidgetEditor({ block, onChange }) {
+  const items = block.items ?? [];
+  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(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ platform: "", href: "" }),
+        addLabel: "+ Link",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx(Input, { value: it.platform, placeholder: "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 NewsletterWidgetEditor({ 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 }) }) }),
+    /* @__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-2 gap-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Knoptekst", children: /* @__PURE__ */ jsx(Input, { value: block.buttonLabel ?? "Aanmelden", onChange: (e) => patch(block, onChange, { buttonLabel: e.target.value }) }) }),
+      /* @__PURE__ */ jsx(Field, { label: "Aanmeld-URL", children: /* @__PURE__ */ jsx(Input, { value: block.actionUrl ?? "", onChange: (e) => patch(block, onChange, { actionUrl: e.target.value }) }) })
+    ] })
+  ] });
+}
+function CtaWidgetEditor({ 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(Input, { 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: "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: "Achtergrondkleur (optioneel)", children: /* @__PURE__ */ jsx(Input, { value: block.backgroundColor ?? "", onChange: (e) => patch(block, onChange, { backgroundColor: e.target.value }), placeholder: "#f5f5f5" }) })
+  ] });
+}
+function GalleryWidgetEditor({ block, siteId, onChange }) {
+  const items = block.items ?? [];
+  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(Field, { label: "Kolommen", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.columns ?? 3), onChange: (e) => patch(block, onChange, { columns: Math.max(2, Math.min(4, Number(e.target.value) || 3)) }) }) }),
+    /* @__PURE__ */ jsx(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ url: "", alt: "" }),
+        addLabel: "+ Foto",
+        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.url ?? "", onChange: (e) => update({ url: e.target.value }), placeholder: "URL of upload \u2192" }),
+            /* @__PURE__ */ jsx(ImageUploadButton, { siteId, onUploaded: (url) => update({ url }) }, i)
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: it.alt ?? "", placeholder: "Alt-tekst", onChange: (e) => update({ alt: e.target.value }) })
+        ] })
+      }
+    )
+  ] });
+}
+function TestimonialsWidgetEditor({ block, onChange }) {
+  const items = block.items ?? [];
+  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(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ quote: "", author: "" }),
+        addLabel: "+ Review",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Textarea, { rows: 2, value: it.quote, placeholder: "Citaat", onChange: (e) => update({ quote: e.target.value }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { value: it.author, placeholder: "Naam", onChange: (e) => update({ author: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { type: "number", value: String(it.rating ?? ""), placeholder: "Sterren 1-5", onChange: (e) => update({ rating: e.target.value ? Math.max(1, Math.min(5, Number(e.target.value))) : void 0 }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function CardsWidgetEditor({ block, onChange }) {
+  const items = block.items ?? [];
+  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(
+      ArrayEditor,
+      {
+        items,
+        onChange: (next) => patch(block, onChange, { items: next }),
+        newItem: () => ({ icon: "", title: "", text: "" }),
+        addLabel: "+ Item",
+        renderRow: (it, update) => /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(Input, { value: it.icon ?? "", placeholder: "Icoon (emoji)", onChange: (e) => update({ icon: e.target.value }) }),
+            /* @__PURE__ */ jsx(Input, { value: it.title, placeholder: "Titel", onChange: (e) => update({ title: e.target.value }) })
+          ] }),
+          /* @__PURE__ */ jsx(Input, { value: it.text ?? "", placeholder: "Korte tekst", onChange: (e) => update({ text: e.target.value }) }),
+          /* @__PURE__ */ jsx(Input, { value: it.href ?? "", placeholder: "Link (optioneel)", onChange: (e) => update({ href: e.target.value }) })
+        ] })
+      }
+    )
+  ] });
+}
+function DownloadsWidgetEditor({ block, onChange }) {
+  const items = block.items ?? [];
+  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(Field, { label: "Aantal", children: /* @__PURE__ */ jsx(Input, { type: "number", value: String(block.limit ?? 5), onChange: (e) => patch(block, onChange, { limit: Math.max(1, Math.min(12, Number(e.target.value) || 5)) }) }) }),
+    /* @__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", 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", 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 CountdownWidgetEditor({ 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 }) }) }),
+    /* @__PURE__ */ jsx(Field, { label: "Streefdatum/-tijd", hint: "bv. 2026-12-31T23:59", children: /* @__PURE__ */ jsx(Input, { type: "datetime-local", value: block.target ?? "", onChange: (e) => patch(block, onChange, { target: e.target.value }) }) }),
+    /* @__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,
+  // 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,
+  openingHoursWidget: OpeningHoursWidgetEditor,
+  contactWidget: ContactWidgetEditor,
+  socialWidget: SocialWidgetEditor,
+  newsletterWidget: NewsletterWidgetEditor,
+  ctaWidget: CtaWidgetEditor,
+  galleryWidget: GalleryWidgetEditor,
+  testimonialsWidget: TestimonialsWidgetEditor,
+  cardsWidget: CardsWidgetEditor,
+  downloadsWidget: DownloadsWidgetEditor,
+  countdownWidget: CountdownWidgetEditor
+};
+export {
+  GenericEditor,
+  builtinBlockEditors
+};
+//# sourceMappingURL=index.js.map