@xiwebdesign/xicms-core 4.17.1

package/dist/lock/DemoLock.js

@@ -0,0 +1,35 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useSiteConfig } from "../config";
+function DemoLock() {
+  const { mode, contactEmail, name } = useSiteConfig();
+  const [open, setOpen] = useState(true);
+  if (mode !== "demo") return null;
+  const mailto = contactEmail ? `mailto:${contactEmail}?subject=${encodeURIComponent(`Demo ${name} live zetten`)}` : "https://www.xiwebdesign.nl/#contact";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "xicms-demo-ribbon", children: "DEMO" }),
+    open && /* @__PURE__ */ jsxs("div", { className: "xicms-demo-banner", role: "status", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Dit is een ",
+        /* @__PURE__ */ jsx("strong", { children: "demo" }),
+        " gemaakt door Xi Webdesign. Wil je deze site echt live?"
+      ] }),
+      /* @__PURE__ */ jsx("a", { href: mailto, className: "xicms-btn", children: "Zet live" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Sluiten",
+          className: "xicms-btn xicms-btn--ghost",
+          onClick: () => setOpen(false),
+          children: "\u2715"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DemoLock
+};
+//# sourceMappingURL=DemoLock.js.map

package/dist/lock/DemoLock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lock/DemoLock.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useSiteConfig } from \"../config\";\n\n/**\n * Demo-markering die wordt getoond zolang `mode: \"demo\"`. Niet-blokkerend (de demo blijft\n * bekijkbaar), maar duidelijk gemarkeerd met een CTA om de site live te laten zetten.\n */\nexport function DemoLock() {\n  const { mode, contactEmail, name } = useSiteConfig();\n  const [open, setOpen] = useState(true);\n\n  if (mode !== \"demo\") return null;\n\n  const mailto = contactEmail\n    ? `mailto:${contactEmail}?subject=${encodeURIComponent(`Demo ${name} live zetten`)}`\n    : \"https://www.xiwebdesign.nl/#contact\";\n\n  return (\n    <>\n      <div className=\"xicms-demo-ribbon\">DEMO</div>\n      {open && (\n        <div className=\"xicms-demo-banner\" role=\"status\">\n          <span>\n            Dit is een <strong>demo</strong> gemaakt door Xi Webdesign. Wil je deze site echt\n            live?\n          </span>\n          <a href={mailto} className=\"xicms-btn\">Zet live</a>\n          <button\n            type=\"button\"\n            aria-label=\"Sluiten\"\n            className=\"xicms-btn xicms-btn--ghost\"\n            onClick={() => setOpen(false)}\n          >\n            ✕\n          </button>\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBACE,KAGI,YAJN;AAlBJ,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAMvB,SAAS,WAAW;AACzB,QAAM,EAAE,MAAM,cAAc,KAAK,IAAI,cAAc;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,IAAI;AAErC,MAAI,SAAS,OAAQ,QAAO;AAE5B,QAAM,SAAS,eACX,UAAU,YAAY,YAAY,mBAAmB,QAAQ,IAAI,cAAc,CAAC,KAChF;AAEJ,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,qBAAoB,kBAAI;AAAA,IACtC,QACC,qBAAC,SAAI,WAAU,qBAAoB,MAAK,UACtC;AAAA,2BAAC,UAAK;AAAA;AAAA,QACO,oBAAC,YAAO,kBAAI;AAAA,QAAS;AAAA,SAElC;AAAA,MACA,oBAAC,OAAE,MAAM,QAAQ,WAAU,aAAY,sBAAQ;AAAA,MAC/C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UACV,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC7B;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/media/ImageContext.d.ts

@@ -0,0 +1,41 @@
+import { type CSSProperties, type ElementType, type ReactNode } from "react";
+/**
+ * Optionele framework-beeldcomponent (bv. Next `Image`) voor automatische optimalisatie: responsive
+ * `srcset`, moderne formaten (AVIF/WebP), correcte `width/height` (geen layout-shift), lazy-loading.
+ * Core importeert `next/image` niet zelf (optionele peer) — de site injecteert 'm via de
+ * `imageComponent`-prop op `XiCMSProvider`, net als `linkComponent`. Zonder injectie valt alles terug
+ * op een gewone `<img>` (huidig gedrag, werkt overal).
+ */
+export type ImageComponentType = ElementType;
+export declare function ImageProvider({ component, children }: {
+    component?: ImageComponentType;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useImageComponent(): ImageComponentType | null;
+export declare function InlineImageEditProvider({ onReplace, children, }: {
+    onReplace: ((field: string) => void) | null;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface ImgProps {
+    src: string;
+    alt: string;
+    /** Intrinsieke breedte/hoogte (verhouding) → nodig voor next/image én tegen CLS. */
+    width: number;
+    height: number;
+    /** Hint voor responsive selectie, bv. "(max-width: 720px) 100vw, 33vw". */
+    sizes?: string;
+    /** Above-the-fold (hero): eager + hoge prioriteit voor LCP. */
+    priority?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    /** Blokveld (pad) met de URL — schakelt inline vervangen in de visuele editor in (bv. "imageUrl"). */
+    editField?: string;
+    /** Beeld vult absoluut z'n parent (bv. hero-achtergrond): geen wrapper-box, knop absoluut t.o.v. het blok. */
+    editFill?: boolean;
+}
+/**
+ * Eén beeld-wrapper voor alle blokken. Gebruikt de geïnjecteerde `imageComponent` (next/image) als
+ * die er is, anders een gewone `<img>`. De display-grootte regel je met CSS (`style`/`className`,
+ * bv. `width:100%;height:100%;object-fit:cover`); `width`/`height` zijn de verhouding.
+ */
+export declare function Img({ src, alt, width, height, sizes, priority, className, style, editField, editFill }: ImgProps): import("react").JSX.Element;

package/dist/media/ImageContext.js

@@ -0,0 +1,74 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ImageContext = createContext(null);
+function ImageProvider({ component, children }) {
+  return /* @__PURE__ */ jsx(ImageContext.Provider, { value: component ?? null, children });
+}
+function useImageComponent() {
+  return useContext(ImageContext);
+}
+const InlineImageEditContext = createContext(null);
+function InlineImageEditProvider({
+  onReplace,
+  children
+}) {
+  return /* @__PURE__ */ jsx(InlineImageEditContext.Provider, { value: onReplace, children });
+}
+function Img({ src, alt, width, height, sizes, priority, className, style, editField, editFill }) {
+  const ImageComponent = useImageComponent();
+  const onReplace = useContext(InlineImageEditContext);
+  const imageEl = ImageComponent ? /* @__PURE__ */ jsx(
+    ImageComponent,
+    {
+      src,
+      alt,
+      width,
+      height,
+      sizes,
+      priority: priority || void 0,
+      className,
+      style
+    }
+  ) : (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt,
+        width,
+        height,
+        sizes,
+        loading: priority ? "eager" : "lazy",
+        fetchPriority: priority ? "high" : void 0,
+        className,
+        style
+      }
+    )
+  );
+  if (onReplace && editField) {
+    const replace = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      onReplace(editField);
+    };
+    const btn = /* @__PURE__ */ jsx("button", { type: "button", className: `xicms-ve-img__btn${editFill ? " xicms-ve-img__btn--fill" : ""}`, title: "Klik om de foto te wijzigen", onClick: replace, children: "\u{1F4F7} Foto wijzigen" });
+    if (editFill) return /* @__PURE__ */ jsxs(Fragment, { children: [
+      imageEl,
+      btn
+    ] });
+    return /* @__PURE__ */ jsxs("span", { className: "xicms-ve-img", style: { position: "relative", display: "block" }, title: "Klik om de foto te wijzigen", onClick: replace, children: [
+      imageEl,
+      btn
+    ] });
+  }
+  return imageEl;
+}
+export {
+  ImageProvider,
+  Img,
+  InlineImageEditProvider,
+  useImageComponent
+};
+//# sourceMappingURL=ImageContext.js.map

package/dist/media/ImageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/ImageContext.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type CSSProperties, type ElementType, type ReactNode } from \"react\";\n\n/**\n * Optionele framework-beeldcomponent (bv. Next `Image`) voor automatische optimalisatie: responsive\n * `srcset`, moderne formaten (AVIF/WebP), correcte `width/height` (geen layout-shift), lazy-loading.\n * Core importeert `next/image` niet zelf (optionele peer) — de site injecteert 'm via de\n * `imageComponent`-prop op `XiCMSProvider`, net als `linkComponent`. Zonder injectie valt alles terug\n * op een gewone `<img>` (huidig gedrag, werkt overal).\n */\nexport type ImageComponentType = ElementType;\n\nconst ImageContext = createContext<ImageComponentType | null>(null);\n\nexport function ImageProvider({ component, children }: { component?: ImageComponentType; children: ReactNode }) {\n  return <ImageContext.Provider value={component ?? null}>{children}</ImageContext.Provider>;\n}\n\nexport function useImageComponent(): ImageComponentType | null {\n  return useContext(ImageContext);\n}\n\n/**\n * Inline beeld-bewerken: de visuele editor levert via deze context een `onReplace(field)`-callback\n * voor het GESELECTEERDE blok. Is die actief én geeft een `<Img>` een `editField` mee, dan toont het\n * beeld een vervang-icoontje. Buiten de editor (context = null) rendert `<Img>` exact als voorheen.\n */\nconst InlineImageEditContext = createContext<((field: string) => void) | null>(null);\n\nexport function InlineImageEditProvider({\n  onReplace,\n  children,\n}: {\n  onReplace: ((field: string) => void) | null;\n  children: ReactNode;\n}) {\n  return <InlineImageEditContext.Provider value={onReplace}>{children}</InlineImageEditContext.Provider>;\n}\n\nexport interface ImgProps {\n  src: string;\n  alt: string;\n  /** Intrinsieke breedte/hoogte (verhouding) → nodig voor next/image én tegen CLS. */\n  width: number;\n  height: number;\n  /** Hint voor responsive selectie, bv. \"(max-width: 720px) 100vw, 33vw\". */\n  sizes?: string;\n  /** Above-the-fold (hero): eager + hoge prioriteit voor LCP. */\n  priority?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  /** Blokveld (pad) met de URL — schakelt inline vervangen in de visuele editor in (bv. \"imageUrl\"). */\n  editField?: string;\n  /** Beeld vult absoluut z'n parent (bv. hero-achtergrond): geen wrapper-box, knop absoluut t.o.v. het blok. */\n  editFill?: boolean;\n}\n\n/**\n * Eén beeld-wrapper voor alle blokken. Gebruikt de geïnjecteerde `imageComponent` (next/image) als\n * die er is, anders een gewone `<img>`. De display-grootte regel je met CSS (`style`/`className`,\n * bv. `width:100%;height:100%;object-fit:cover`); `width`/`height` zijn de verhouding.\n */\nexport function Img({ src, alt, width, height, sizes, priority, className, style, editField, editFill }: ImgProps) {\n  const ImageComponent = useImageComponent();\n  const onReplace = useContext(InlineImageEditContext);\n  const imageEl = ImageComponent ? (\n    <ImageComponent\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      sizes={sizes}\n      priority={priority || undefined}\n      className={className}\n      style={style}\n    />\n  ) : (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      sizes={sizes}\n      loading={priority ? \"eager\" : \"lazy\"}\n      fetchPriority={priority ? \"high\" : undefined}\n      className={className}\n      style={style}\n    />\n  );\n\n  // In de visuele editor (geselecteerd blok): toon een vervang-icoontje over het beeld. We wijzigen\n  // alleen de URL → de grootte/stijl blijft (die komt uit het blok), dus blok én beeld behouden hun maat.\n  if (onReplace && editField) {\n    const replace = (e: { preventDefault: () => void; stopPropagation: () => void }) => {\n      e.preventDefault();\n      e.stopPropagation();\n      onReplace(editField);\n    };\n    const btn = (\n      <button type=\"button\" className={`xicms-ve-img__btn${editFill ? \" xicms-ve-img__btn--fill\" : \"\"}`} title=\"Klik om de foto te wijzigen\" onClick={replace}>\n        📷 Foto wijzigen\n      </button>\n    );\n    // Vullend (hero-achtergrond): geen wrapper-box (zou het absoluut gepositioneerde beeld breken);\n    // de knop is absoluut t.o.v. het blok-element zelf (dat is `position:relative`).\n    if (editFill) return (<>{imageEl}{btn}</>);\n    // In-flow beeld: hele beeld klikbaar (duidelijke affordance) + knop rechtsboven.\n    return (\n      <span className=\"xicms-ve-img\" style={{ position: \"relative\", display: \"block\" }} title=\"Klik om de foto te wijzigen\" onClick={replace}>\n        {imageEl}\n        {btn}\n      </span>\n    );\n  }\n  return imageEl;\n}\n"],"mappings":";AAgBS,SA2FiB,UA3FjB,KA2FiB,YA3FjB;AAdT,SAAS,eAAe,kBAAwE;AAWhG,MAAM,eAAe,cAAyC,IAAI;AAE3D,SAAS,cAAc,EAAE,WAAW,SAAS,GAA4D;AAC9G,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAO,aAAa,MAAO,UAAS;AACpE;AAEO,SAAS,oBAA+C;AAC7D,SAAO,WAAW,YAAY;AAChC;AAOA,MAAM,yBAAyB,cAAgD,IAAI;AAE5E,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,WAAY,UAAS;AACtE;AAyBO,SAAS,IAAI,EAAE,KAAK,KAAK,OAAO,QAAQ,OAAO,UAAU,WAAW,OAAO,WAAW,SAAS,GAAa;AACjH,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,YAAY,WAAW,sBAAsB;AACnD,QAAM,UAAU,iBACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,MACA;AAAA;AAAA,EACF;AAAA;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,WAAW,UAAU;AAAA,QAC9B,eAAe,WAAW,SAAS;AAAA,QACnC;AAAA,QACA;AAAA;AAAA,IACF;AAAA;AAKF,MAAI,aAAa,WAAW;AAC1B,UAAM,UAAU,CAAC,MAAmE;AAClF,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,gBAAU,SAAS;AAAA,IACrB;AACA,UAAM,MACJ,oBAAC,YAAO,MAAK,UAAS,WAAW,oBAAoB,WAAW,6BAA6B,EAAE,IAAI,OAAM,+BAA8B,SAAS,SAAS,qCAEzJ;AAIF,QAAI,SAAU,QAAQ,iCAAG;AAAA;AAAA,MAAS;AAAA,OAAI;AAEtC,WACE,qBAAC,UAAK,WAAU,gBAAe,OAAO,EAAE,UAAU,YAAY,SAAS,QAAQ,GAAG,OAAM,+BAA8B,SAAS,SAC5H;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;","names":[]}

package/dist/modules/builtins.d.ts

@@ -0,0 +1,46 @@
+import type { ModuleDefinition } from "./types";
+/**
+ * Basis-bouwstenen — altijd aanwezig (niet uit te zetten). Bevat ook de indelingsblokken
+ * (kolommen, "Met zijbalk") waarmee je widgets naast je hoofdinhoud plaatst, plus de
+ * compacte CTA-widget.
+ */
+export declare const contentModule: ModuleDefinition;
+export declare const galleryModule: ModuleDefinition;
+export declare const faqModule: ModuleDefinition;
+export declare const openingHoursModule: ModuleDefinition;
+export declare const pricingModule: ModuleDefinition;
+export declare const pagesModule: ModuleDefinition;
+export declare const newsModule: ModuleDefinition;
+export declare const mediaModule: ModuleDefinition;
+export declare const formsModule: ModuleDefinition;
+export declare const statsModule: ModuleDefinition;
+export declare const settingsModule: ModuleDefinition;
+export declare const testimonialsModule: ModuleDefinition;
+export declare const teamModule: ModuleDefinition;
+export declare const agendaModule: ModuleDefinition;
+export declare const searchModule: ModuleDefinition;
+export declare const featureModule: ModuleDefinition;
+export declare const countersModule: ModuleDefinition;
+export declare const logosModule: ModuleDefinition;
+export declare const timelineModule: ModuleDefinition;
+export declare const videoModule: ModuleDefinition;
+export declare const bannerModule: ModuleDefinition;
+export declare const contactModule: ModuleDefinition;
+export declare const newsletterModule: ModuleDefinition;
+export declare const bookingModule: ModuleDefinition;
+export declare const accordionModule: ModuleDefinition;
+export declare const embedModule: ModuleDefinition;
+export declare const cardsModule: ModuleDefinition;
+export declare const tabsModule: ModuleDefinition;
+export declare const downloadsModule: ModuleDefinition;
+export declare const pdfModule: ModuleDefinition;
+export declare const countdownModule: ModuleDefinition;
+export declare const sliderModule: ModuleDefinition;
+export declare const whatsappModule: ModuleDefinition;
+export declare const beforeAfterModule: ModuleDefinition;
+export declare const portfolioModule: ModuleDefinition;
+export declare const jobsModule: ModuleDefinition;
+export declare const breadcrumbsModule: ModuleDefinition;
+export declare const consentModule: ModuleDefinition;
+/** Alle ingebouwde modules (volgorde bepaalt block- en tab-volgorde). */
+export declare const builtinModules: ModuleDefinition[];

package/dist/modules/builtins.js

@@ -0,0 +1,462 @@
+import { z } from "zod";
+import { defineModule } from "./defineModule";
+import { heroBlock } from "../blocks/builtins/Hero";
+import { richTextBlock } from "../blocks/builtins/RichTextBlock";
+import { imageBlock } from "../blocks/builtins/ImageBlock";
+import { ctaBlock } from "../blocks/builtins/Cta";
+import { columnsBlock } from "../blocks/builtins/Columns";
+import { spacerBlock } from "../blocks/builtins/Spacer";
+import { galleryBlock } from "../blocks/builtins/Gallery";
+import { faqBlock } from "../blocks/builtins/Faq";
+import { openingHoursBlock } from "../blocks/builtins/OpeningHours";
+import { pricingBlock } from "../blocks/builtins/Pricing";
+import { newsListBlock } from "../blocks/builtins/NewsListBlock";
+import { formBlock } from "../blocks/builtins/FormBlock";
+import { testimonialsBlock } from "../blocks/builtins/Testimonials";
+import { teamBlock } from "../blocks/builtins/Team";
+import { agendaBlock } from "../blocks/builtins/Agenda";
+import { searchBlock } from "../blocks/builtins/Search";
+import { featureBlock, countersBlock, logosBlock, timelineBlock } from "../blocks/builtins/Sections";
+import { videoBlock } from "../blocks/builtins/Video";
+import { bannerBlock } from "../blocks/builtins/Banner";
+import { contactBlock, socialBlock } from "../blocks/builtins/Contact";
+import { mapBlock } from "../blocks/builtins/MapBlock";
+import { newsletterBlock } from "../blocks/builtins/Newsletter";
+import { bookingBlock } from "../blocks/builtins/Booking";
+import { buttonsBlock, quoteBlock, dividerBlock } from "../blocks/builtins/Elements";
+import { accordionBlock } from "../blocks/builtins/Accordion";
+import { embedBlock } from "../blocks/builtins/Embed";
+import { withSidebarBlock, tabsBlock } from "../blocks/builtins/Layout";
+import { cardsBlock } from "../blocks/builtins/Cards";
+import { downloadsBlock } from "../blocks/builtins/Downloads";
+import { pdfBlock } from "../blocks/builtins/PdfBlock";
+import { countdownBlock } from "../blocks/builtins/Countdown";
+import { sliderBlock } from "../blocks/builtins/Slider";
+import { whatsappChatBlock } from "../blocks/builtins/WhatsappChat";
+import { beforeAfterBlock } from "../blocks/builtins/BeforeAfter";
+import { portfolioBlock } from "../blocks/builtins/Portfolio";
+import { jobsBlock } from "../blocks/builtins/Jobs";
+import { breadcrumbsBlock } from "../blocks/builtins/Breadcrumbs";
+import {
+  newsWidget,
+  agendaWidget,
+  openingHoursWidget,
+  contactWidget,
+  socialWidget as socialWidgetBlock,
+  newsletterWidget,
+  ctaWidget,
+  galleryWidget,
+  testimonialsWidget,
+  cardsWidget,
+  downloadsWidget,
+  countdownWidget
+} from "../blocks/builtins/Widgets";
+const CORE_VERSION = "4.17.1";
+const contentModule = defineModule({
+  id: "content",
+  version: CORE_VERSION,
+  label: "Basisinhoud",
+  description: "Kern-bouwstenen: hero, tekst, afbeelding, CTA, kolommen, zijbalk, witruimte.",
+  core: true,
+  blocks: [heroBlock, richTextBlock, imageBlock, ctaBlock, columnsBlock, withSidebarBlock, spacerBlock, buttonsBlock, quoteBlock, dividerBlock, ctaWidget]
+});
+const galleryModule = defineModule({
+  id: "gallery",
+  version: CORE_VERSION,
+  label: "Fotogalerij",
+  description: "Galerij-block met grid en (optioneel) lightbox + compacte fotostrip-widget.",
+  blocks: [galleryBlock, galleryWidget],
+  // Per-site instelbaar door de agent/klant (modules.gallery.config) zonder core te forken.
+  // `.describe()` = het label dat de klant in /beheer ziet.
+  settingsSchema: z.object({
+    columns: z.number().int().min(1).max(6).default(3).describe("Kolommen"),
+    lightbox: z.boolean().default(true).describe("Lightbox bij klikken")
+  }),
+  defaultSettings: { columns: 3, lightbox: true }
+});
+const faqModule = defineModule({
+  id: "faq",
+  version: CORE_VERSION,
+  label: "FAQ",
+  description: "Veelgestelde vragen (accordeon) met optionele zoek + FAQ-JSON-LD.",
+  blocks: [faqBlock]
+});
+const openingHoursModule = defineModule({
+  id: "openingHours",
+  version: CORE_VERSION,
+  label: "Openingstijden",
+  description: "Openingstijden-tabel + compacte widget met 'vandaag' gemarkeerd.",
+  blocks: [openingHoursBlock, openingHoursWidget]
+});
+const pricingModule = defineModule({
+  id: "pricing",
+  version: CORE_VERSION,
+  label: "Prijzen",
+  blocks: [pricingBlock]
+});
+const pagesModule = defineModule({
+  id: "pages",
+  version: CORE_VERSION,
+  label: "Pagina's",
+  featureKey: "pages",
+  description: "Paginabouwer (draft \u2192 publish + versiegeschiedenis)."
+});
+const newsModule = defineModule({
+  id: "news",
+  version: CORE_VERSION,
+  label: "Nieuws",
+  featureKey: "news",
+  description: "Nieuwsartikelen + nieuwslijst-block + 'laatste nieuws'-widget voor de zijbalk.",
+  blocks: [newsListBlock, newsWidget]
+});
+const mediaModule = defineModule({
+  id: "media",
+  version: CORE_VERSION,
+  label: "Media",
+  featureKey: "media",
+  description: "Mediabeheer met compressie + webp/srcset-varianten.",
+  requires: [{ kind: "function", name: "onMediaUpload" }, { kind: "storage", prefix: "sites/" }]
+});
+const formsModule = defineModule({
+  id: "forms",
+  version: CORE_VERSION,
+  label: "Formulieren",
+  featureKey: "forms",
+  description: "Formulierbouwer + inzendingen + e-mailnotificatie.",
+  blocks: [formBlock],
+  requires: [
+    { kind: "function", name: "submitForm" },
+    { kind: "firestore", collection: "forms" }
+  ]
+});
+const statsModule = defineModule({
+  id: "stats",
+  version: CORE_VERSION,
+  label: "Statistieken",
+  featureKey: "stats",
+  description: "Privacy-vriendelijke bezoekersstatistieken (geen cookies).",
+  requires: [{ kind: "function", name: "trackView" }]
+});
+const settingsModule = defineModule({
+  id: "settings",
+  version: CORE_VERSION,
+  label: "Instellingen",
+  core: true,
+  description: "Site-instellingen (nav, thema, SEO, formulier-afzender) \u2014 alleen siteadmin."
+});
+const testimonialsModule = defineModule({
+  id: "testimonials",
+  version: CORE_VERSION,
+  label: "Reviews",
+  description: "Klantquotes/reviews met sterren, optionele Review-JSON-LD + compacte review-widget.",
+  defaultEnabled: false,
+  blocks: [testimonialsBlock, testimonialsWidget]
+});
+const teamModule = defineModule({
+  id: "team",
+  version: CORE_VERSION,
+  label: "Team",
+  description: "Team-/medewerkersoverzicht met foto, functie en bio.",
+  defaultEnabled: false,
+  blocks: [teamBlock]
+});
+const agendaModule = defineModule({
+  id: "agenda",
+  version: CORE_VERSION,
+  label: "Agenda",
+  description: "Evenementen/agenda (chronologisch) met Event-JSON-LD + 'komende agenda'-widget.",
+  defaultEnabled: false,
+  blocks: [agendaBlock, agendaWidget]
+});
+const searchModule = defineModule({
+  id: "search",
+  version: CORE_VERSION,
+  label: "Zoeken",
+  description: "Site-zoekblok dat gepubliceerde pagina's (en nieuws) client-side doorzoekt.",
+  defaultEnabled: false,
+  blocks: [searchBlock]
+});
+const featureModule = defineModule({
+  id: "feature",
+  version: CORE_VERSION,
+  label: "Beeld + tekst",
+  description: "Feature-sectie met afbeelding links/rechts en tekst.",
+  defaultEnabled: false,
+  blocks: [featureBlock]
+});
+const countersModule = defineModule({
+  id: "counters",
+  version: CORE_VERSION,
+  label: "Tellers",
+  description: "Statistiek-tellers (bv. \u201C100+ klanten\u201D).",
+  defaultEnabled: false,
+  blocks: [countersBlock]
+});
+const logosModule = defineModule({
+  id: "logos",
+  version: CORE_VERSION,
+  label: "Logo's",
+  description: "Partner-/klantlogo-strip.",
+  defaultEnabled: false,
+  blocks: [logosBlock]
+});
+const timelineModule = defineModule({
+  id: "timeline",
+  version: CORE_VERSION,
+  label: "Tijdlijn",
+  description: "Stappen/proces als tijdlijn.",
+  defaultEnabled: false,
+  blocks: [timelineBlock]
+});
+const videoModule = defineModule({
+  id: "video",
+  version: CORE_VERSION,
+  label: "Video",
+  description: "YouTube/Vimeo/MP4-embed (consent-gated).",
+  defaultEnabled: false,
+  blocks: [videoBlock]
+});
+const bannerModule = defineModule({
+  id: "banner",
+  version: CORE_VERSION,
+  label: "Aankondiging",
+  description: "Aankondigingsbalk, optioneel sluitbaar.",
+  defaultEnabled: false,
+  blocks: [bannerBlock]
+});
+const contactModule = defineModule({
+  id: "contact",
+  version: CORE_VERSION,
+  label: "Contact + kaart + social",
+  description: "Contactgegevens (JSON-LD), kaart (consent-gated), social-links + compacte widgets.",
+  defaultEnabled: false,
+  blocks: [contactBlock, mapBlock, socialBlock, contactWidget, socialWidgetBlock]
+});
+const newsletterModule = defineModule({
+  id: "newsletter",
+  version: CORE_VERSION,
+  label: "Nieuwsbrief",
+  description: "Aanmeldformulier via een externe provider-URL + compacte nieuwsbrief-widget.",
+  defaultEnabled: false,
+  blocks: [newsletterBlock, newsletterWidget]
+});
+const bookingModule = defineModule({
+  id: "booking",
+  version: CORE_VERSION,
+  label: "Afspraak/booking",
+  description: "Boekings-embed (bv. Calendly), consent-gated.",
+  defaultEnabled: false,
+  blocks: [bookingBlock]
+});
+const accordionModule = defineModule({
+  id: "accordion",
+  version: CORE_VERSION,
+  label: "Accordeon",
+  description: "Generieke in-/uitklapbare panelen.",
+  defaultEnabled: false,
+  blocks: [accordionBlock]
+});
+const embedModule = defineModule({
+  id: "embed",
+  version: CORE_VERSION,
+  label: "Embed",
+  description: "Generieke responsive iframe-embed (consent-gated).",
+  defaultEnabled: false,
+  blocks: [embedBlock]
+});
+const cardsModule = defineModule({
+  id: "cards",
+  version: CORE_VERSION,
+  label: "Diensten / kaarten",
+  description: "Diensten-/featurekaarten in een grid (icoon of beeld) + compacte 'uitgelicht'-widget.",
+  defaultEnabled: false,
+  blocks: [cardsBlock, cardsWidget]
+});
+const tabsModule = defineModule({
+  id: "tabs",
+  version: CORE_VERSION,
+  label: "Tabbladen",
+  description: "Tabblad-indeling: per tab een eigen set blokken (bv. beschrijving / specificaties).",
+  defaultEnabled: false,
+  blocks: [tabsBlock]
+});
+const downloadsModule = defineModule({
+  id: "downloads",
+  version: CORE_VERSION,
+  label: "Downloads",
+  description: "Lijst met downloadbare documenten (brochures, prijslijsten) + compacte widget.",
+  defaultEnabled: false,
+  blocks: [downloadsBlock, downloadsWidget]
+});
+const pdfModule = defineModule({
+  id: "pdf",
+  version: CORE_VERSION,
+  label: "PDF-lezer",
+  description: "Inline PDF-lezer voor menukaarten/documenten; meerdere PDF's met tabs, zelf te vervangen.",
+  defaultEnabled: false,
+  blocks: [pdfBlock]
+});
+const countdownModule = defineModule({
+  id: "countdown",
+  version: CORE_VERSION,
+  label: "Aftelteller",
+  description: "Tikkende countdown naar een datum (lancering, evenement, aanbieding) + widget.",
+  defaultEnabled: false,
+  blocks: [countdownBlock, countdownWidget]
+});
+const sliderModule = defineModule({
+  id: "slider",
+  version: CORE_VERSION,
+  label: "Carrousel / slider",
+  description: "Beeld-/contentcarrousel met dots, pijlen en optioneel autoplay (reduced-motion-veilig).",
+  defaultEnabled: false,
+  blocks: [sliderBlock]
+});
+const whatsappModule = defineModule({
+  id: "whatsapp",
+  version: CORE_VERSION,
+  label: "WhatsApp-knop",
+  description: "Zwevende WhatsApp-/chatknop \u2014 laagdrempelig contact (wa.me-link, geen consent nodig).",
+  defaultEnabled: false,
+  blocks: [whatsappChatBlock]
+});
+const beforeAfterModule = defineModule({
+  id: "beforeAfter",
+  version: CORE_VERSION,
+  label: "Voor / na",
+  description: "Voor/na-vergelijker met sleepbare scheiding \u2014 sterk voor hoveniers, schilders, salons.",
+  defaultEnabled: false,
+  blocks: [beforeAfterBlock]
+});
+const portfolioModule = defineModule({
+  id: "portfolio",
+  version: CORE_VERSION,
+  label: "Portfolio / projecten",
+  description: "Projecten/cases-grid met categorie-filter en lightbox.",
+  defaultEnabled: false,
+  blocks: [portfolioBlock]
+});
+const jobsModule = defineModule({
+  id: "jobs",
+  version: CORE_VERSION,
+  label: "Vacatures",
+  description: "Vacature-overzicht met JobPosting-JSON-LD (vindbaar via Google Jobs).",
+  defaultEnabled: false,
+  blocks: [jobsBlock]
+});
+const breadcrumbsModule = defineModule({
+  id: "breadcrumbs",
+  version: CORE_VERSION,
+  label: "Kruimelpad",
+  description: "Kruimelpad afgeleid van de URL, met BreadcrumbList-JSON-LD (SEO).",
+  defaultEnabled: false,
+  blocks: [breadcrumbsBlock]
+});
+const consentModule = defineModule({
+  id: "consent",
+  version: CORE_VERSION,
+  label: "Cookie-consent (AVG)",
+  description: "Toestemmingsbanner + consent-opslag; stelt niet-essenti\xEBle scripts uit.",
+  defaultEnabled: false,
+  settingsSchema: z.object({
+    message: z.string().default("We gebruiken cookies om de site te verbeteren. Kies hieronder je voorkeuren.").describe("Bannertekst"),
+    privacyUrl: z.string().optional().describe("Link naar privacyverklaring"),
+    version: z.string().optional().describe("Beleidsversie (wijzig \u2192 banner opnieuw tonen)"),
+    showReopen: z.boolean().default(true).describe("Zwevend cookie-knopje om keuze te wijzigen"),
+    categories: z.array(
+      z.object({
+        id: z.string(),
+        label: z.string(),
+        description: z.string().optional(),
+        required: z.boolean().default(false)
+      })
+    ).default([
+      { id: "necessary", label: "Noodzakelijk", description: "Nodig om de site te laten werken.", required: true },
+      { id: "analytics", label: "Statistieken", description: "Anonieme statistieken om de site te verbeteren.", required: false },
+      { id: "marketing", label: "Marketing", description: "Externe embeds zoals video's en kaarten.", required: false }
+    ])
+  }),
+  defaultSettings: {}
+});
+const builtinModules = [
+  contentModule,
+  pagesModule,
+  newsModule,
+  mediaModule,
+  galleryModule,
+  faqModule,
+  openingHoursModule,
+  pricingModule,
+  formsModule,
+  statsModule,
+  settingsModule,
+  testimonialsModule,
+  teamModule,
+  agendaModule,
+  searchModule,
+  featureModule,
+  countersModule,
+  logosModule,
+  timelineModule,
+  videoModule,
+  bannerModule,
+  contactModule,
+  newsletterModule,
+  bookingModule,
+  accordionModule,
+  embedModule,
+  cardsModule,
+  tabsModule,
+  downloadsModule,
+  pdfModule,
+  countdownModule,
+  sliderModule,
+  whatsappModule,
+  beforeAfterModule,
+  portfolioModule,
+  jobsModule,
+  breadcrumbsModule,
+  consentModule
+];
+export {
+  accordionModule,
+  agendaModule,
+  bannerModule,
+  beforeAfterModule,
+  bookingModule,
+  breadcrumbsModule,
+  builtinModules,
+  cardsModule,
+  consentModule,
+  contactModule,
+  contentModule,
+  countdownModule,
+  countersModule,
+  downloadsModule,
+  embedModule,
+  faqModule,
+  featureModule,
+  formsModule,
+  galleryModule,
+  jobsModule,
+  logosModule,
+  mediaModule,
+  newsModule,
+  newsletterModule,
+  openingHoursModule,
+  pagesModule,
+  pdfModule,
+  portfolioModule,
+  pricingModule,
+  searchModule,
+  settingsModule,
+  sliderModule,
+  statsModule,
+  tabsModule,
+  teamModule,
+  testimonialsModule,
+  timelineModule,
+  videoModule,
+  whatsappModule
+};
+//# sourceMappingURL=builtins.js.map