@xiwebdesign/xicms-core 4.17.1

package/dist/modules/registry.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Module-resolutie: bepaalt welke modules actief zijn voor een site en levert daaruit de
+ * block-lijst en de samengestelde instellingen. Pure logica (geen React/Firebase): bruikbaar op
+ * server (publieke rendering) én client (provider).
+ */
+import type { BlockDefinition } from "../blocks/registry";
+import type { ModuleDefinition, ModulesSiteConfig } from "./types";
+export interface ResolvedModules {
+    /** Actieve module-ids. */
+    activeIds: Set<string>;
+    /** Blocks van alle actieve modules (volgorde = module-volgorde). */
+    blocks: BlockDefinition[];
+    /** Per actieve module: defaultSettings gemerged met de per-site config. */
+    settings: Record<string, Record<string, unknown>>;
+    /** Alle bekende module-definities (gededupliceerd) — voor het instellingenpaneel. */
+    defs: ModuleDefinition[];
+}
+/**
+ * Is een module actief? Precedentie:
+ *  1. `core: true`            -> altijd actief.
+ *  2. expliciet `modules[id]` -> boolean of `{ enabled }`.
+ *  3. legacy `features[key]`  -> `false` betekent uit (backward compat met 2.x).
+ *  4. `defaultEnabled`        -> default true.
+ */
+export declare function isModuleActive(def: ModuleDefinition, modules?: ModulesSiteConfig, features?: Record<string, boolean | undefined>): boolean;
+/**
+ * Stelt de actieve modules samen. `defs` = ingebouwde + (optioneel) klant-modules; latere
+ * definities met dezelfde `id` overschrijven eerdere (zo kan een site een built-in vervangen).
+ */
+export declare function resolveModules(defs: ModuleDefinition[], opts?: {
+    modules?: ModulesSiteConfig;
+    features?: Record<string, boolean | undefined>;
+    /**
+     * Per-site instellingen uit Firestore (`settings/public.modules`), bewerkt in /beheer. Worden
+     * OVER `modules` (uit SiteConfig) gelegd. Precedentie: core > firestore > SiteConfig > default.
+     */
+    firestoreModules?: ModulesSiteConfig;
+}): ResolvedModules;
+/** Geeft het module-id dat een block-type levert (voor "module staat uit"-waarschuwingen). */
+export declare function moduleIdForBlockType(defs: ModuleDefinition[], type: string): string | undefined;

package/dist/modules/registry.js

@@ -0,0 +1,79 @@
+function mergeModuleConfig(a, b) {
+  const out = { ...a ?? {} };
+  for (const [id, setting] of Object.entries(b ?? {})) {
+    const prev = out[id];
+    if (prev && typeof prev === "object" && typeof setting === "object" && setting !== null) {
+      out[id] = {
+        enabled: setting.enabled ?? prev.enabled,
+        config: { ...prev.config ?? {}, ...setting.config ?? {} }
+      };
+    } else {
+      out[id] = setting;
+    }
+  }
+  return out;
+}
+function settingFor(id, modules) {
+  return modules?.[id];
+}
+function isModuleActive(def, modules, features) {
+  if (def.core) return true;
+  const explicit = settingFor(def.id, modules);
+  if (typeof explicit === "boolean") return explicit;
+  if (explicit && typeof explicit === "object" && typeof explicit.enabled === "boolean") {
+    return explicit.enabled;
+  }
+  if (def.featureKey && features && features[def.featureKey] === false) return false;
+  return def.defaultEnabled ?? true;
+}
+function configFor(id, modules) {
+  const s = settingFor(id, modules);
+  if (s && typeof s === "object" && s.config) return s.config;
+  return void 0;
+}
+function resolveModules(defs, opts) {
+  const byId = /* @__PURE__ */ new Map();
+  const order = [];
+  for (const d of defs) {
+    if (!byId.has(d.id)) order.push(d.id);
+    byId.set(d.id, d);
+  }
+  const merged = mergeModuleConfig(opts?.modules, opts?.firestoreModules);
+  const activeIds = /* @__PURE__ */ new Set();
+  const blocks = [];
+  const settings = {};
+  const resolvedDefs = order.map((id) => byId.get(id));
+  for (const id of order) {
+    const def = byId.get(id);
+    if (!isModuleActive(def, merged, opts?.features)) continue;
+    activeIds.add(id);
+    if (def.blocks) blocks.push(...def.blocks);
+    settings[id] = resolveSettings(def, configFor(id, merged));
+  }
+  return { activeIds, blocks, settings, defs: resolvedDefs };
+}
+function resolveSettings(def, config) {
+  const merged = { ...def.defaultSettings ?? {}, ...config ?? {} };
+  if (!def.settingsSchema) return merged;
+  const res = def.settingsSchema.safeParse(merged);
+  if (res.success) return res.data;
+  if (typeof console !== "undefined") {
+    console.warn(
+      `[xicms] instellingen van module "${def.id}" voldoen niet aan het settingsSchema; ongevalideerde waarden gebruikt.`,
+      res.error.issues
+    );
+  }
+  return merged;
+}
+function moduleIdForBlockType(defs, type) {
+  for (const d of defs) {
+    if (d.blocks?.some((b) => b.type === type)) return d.id;
+  }
+  return void 0;
+}
+export {
+  isModuleActive,
+  moduleIdForBlockType,
+  resolveModules
+};
+//# sourceMappingURL=registry.js.map

package/dist/modules/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/modules/registry.ts"],"sourcesContent":["/**\n * Module-resolutie: bepaalt welke modules actief zijn voor een site en levert daaruit de\n * block-lijst en de samengestelde instellingen. Pure logica (geen React/Firebase): bruikbaar op\n * server (publieke rendering) én client (provider).\n */\nimport type { BlockDefinition } from \"../blocks/registry\";\nimport type { ModuleDefinition, ModulesSiteConfig, ModuleSiteSetting } from \"./types\";\n\nexport interface ResolvedModules {\n  /** Actieve module-ids. */\n  activeIds: Set<string>;\n  /** Blocks van alle actieve modules (volgorde = module-volgorde). */\n  blocks: BlockDefinition[];\n  /** Per actieve module: defaultSettings gemerged met de per-site config. */\n  settings: Record<string, Record<string, unknown>>;\n  /** Alle bekende module-definities (gededupliceerd) — voor het instellingenpaneel. */\n  defs: ModuleDefinition[];\n}\n\n/** Voegt twee module-config-bronnen samen op id (b overschrijft a). */\nfunction mergeModuleConfig(\n  a: ModulesSiteConfig | undefined,\n  b: ModulesSiteConfig | undefined,\n): ModulesSiteConfig {\n  const out: ModulesSiteConfig = { ...(a ?? {}) };\n  for (const [id, setting] of Object.entries(b ?? {})) {\n    const prev = out[id];\n    if (\n      prev &&\n      typeof prev === \"object\" &&\n      typeof setting === \"object\" &&\n      setting !== null\n    ) {\n      out[id] = {\n        enabled: setting.enabled ?? prev.enabled,\n        config: { ...(prev.config ?? {}), ...(setting.config ?? {}) },\n      };\n    } else {\n      out[id] = setting;\n    }\n  }\n  return out;\n}\n\nfunction settingFor(\n  id: string,\n  modules: ModulesSiteConfig | undefined,\n): ModuleSiteSetting | undefined {\n  return modules?.[id];\n}\n\n/**\n * Is een module actief? Precedentie:\n *  1. `core: true`            -> altijd actief.\n *  2. expliciet `modules[id]` -> boolean of `{ enabled }`.\n *  3. legacy `features[key]`  -> `false` betekent uit (backward compat met 2.x).\n *  4. `defaultEnabled`        -> default true.\n */\nexport function isModuleActive(\n  def: ModuleDefinition,\n  modules?: ModulesSiteConfig,\n  features?: Record<string, boolean | undefined>,\n): boolean {\n  if (def.core) return true;\n\n  const explicit = settingFor(def.id, modules);\n  if (typeof explicit === \"boolean\") return explicit;\n  if (explicit && typeof explicit === \"object\" && typeof explicit.enabled === \"boolean\") {\n    return explicit.enabled;\n  }\n\n  if (def.featureKey && features && features[def.featureKey] === false) return false;\n\n  return def.defaultEnabled ?? true;\n}\n\nfunction configFor(\n  id: string,\n  modules?: ModulesSiteConfig,\n): Record<string, unknown> | undefined {\n  const s = settingFor(id, modules);\n  if (s && typeof s === \"object\" && s.config) return s.config;\n  return undefined;\n}\n\n/**\n * Stelt de actieve modules samen. `defs` = ingebouwde + (optioneel) klant-modules; latere\n * definities met dezelfde `id` overschrijven eerdere (zo kan een site een built-in vervangen).\n */\nexport function resolveModules(\n  defs: ModuleDefinition[],\n  opts?: {\n    modules?: ModulesSiteConfig;\n    features?: Record<string, boolean | undefined>;\n    /**\n     * Per-site instellingen uit Firestore (`settings/public.modules`), bewerkt in /beheer. Worden\n     * OVER `modules` (uit SiteConfig) gelegd. Precedentie: core > firestore > SiteConfig > default.\n     */\n    firestoreModules?: ModulesSiteConfig;\n  },\n): ResolvedModules {\n  // Dedup op id (laatste wint), volgorde behouden van eerste verschijning.\n  const byId = new Map<string, ModuleDefinition>();\n  const order: string[] = [];\n  for (const d of defs) {\n    if (!byId.has(d.id)) order.push(d.id);\n    byId.set(d.id, d);\n  }\n\n  const merged = mergeModuleConfig(opts?.modules, opts?.firestoreModules);\n\n  const activeIds = new Set<string>();\n  const blocks: BlockDefinition[] = [];\n  const settings: Record<string, Record<string, unknown>> = {};\n  const resolvedDefs: ModuleDefinition[] = order.map((id) => byId.get(id)!);\n\n  for (const id of order) {\n    const def = byId.get(id)!;\n    if (!isModuleActive(def, merged, opts?.features)) continue;\n    activeIds.add(id);\n    if (def.blocks) blocks.push(...def.blocks);\n    settings[id] = resolveSettings(def, configFor(id, merged));\n  }\n\n  return { activeIds, blocks, settings, defs: resolvedDefs };\n}\n\n/**\n * Stelt de runtime-instellingen van één module samen: `defaultSettings` ⊕ per-site `config`,\n * daarna door het `settingsSchema` gehaald (indien aanwezig). Zo worden schema-`.default()`s\n * daadwerkelijk geïnjecteerd en wordt ongeldige config gevalideerd i.p.v. blind doorgegeven.\n * Bij een schema-fout valt dit terug op de ongevalideerde merge (mét console-waarschuwing) —\n * nooit stil een module z'n instellingen afpakken.\n */\nfunction resolveSettings(\n  def: ModuleDefinition,\n  config: Record<string, unknown> | undefined,\n): Record<string, unknown> {\n  const merged = { ...(def.defaultSettings ?? {}), ...(config ?? {}) };\n  if (!def.settingsSchema) return merged;\n  const res = def.settingsSchema.safeParse(merged);\n  if (res.success) return res.data as Record<string, unknown>;\n  if (typeof console !== \"undefined\") {\n    console.warn(\n      `[xicms] instellingen van module \"${def.id}\" voldoen niet aan het settingsSchema; ongevalideerde waarden gebruikt.`,\n      res.error.issues,\n    );\n  }\n  return merged;\n}\n\n/** Geeft het module-id dat een block-type levert (voor \"module staat uit\"-waarschuwingen). */\nexport function moduleIdForBlockType(defs: ModuleDefinition[], type: string): string | undefined {\n  for (const d of defs) {\n    if (d.blocks?.some((b) => b.type === type)) return d.id;\n  }\n  return undefined;\n}\n"],"mappings":"AAoBA,SAAS,kBACP,GACA,GACmB;AACnB,QAAM,MAAyB,EAAE,GAAI,KAAK,CAAC,EAAG;AAC9C,aAAW,CAAC,IAAI,OAAO,KAAK,OAAO,QAAQ,KAAK,CAAC,CAAC,GAAG;AACnD,UAAM,OAAO,IAAI,EAAE;AACnB,QACE,QACA,OAAO,SAAS,YAChB,OAAO,YAAY,YACnB,YAAY,MACZ;AACA,UAAI,EAAE,IAAI;AAAA,QACR,SAAS,QAAQ,WAAW,KAAK;AAAA,QACjC,QAAQ,EAAE,GAAI,KAAK,UAAU,CAAC,GAAI,GAAI,QAAQ,UAAU,CAAC,EAAG;AAAA,MAC9D;AAAA,IACF,OAAO;AACL,UAAI,EAAE,IAAI;AAAA,IACZ;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,WACP,IACA,SAC+B;AAC/B,SAAO,UAAU,EAAE;AACrB;AASO,SAAS,eACd,KACA,SACA,UACS;AACT,MAAI,IAAI,KAAM,QAAO;AAErB,QAAM,WAAW,WAAW,IAAI,IAAI,OAAO;AAC3C,MAAI,OAAO,aAAa,UAAW,QAAO;AAC1C,MAAI,YAAY,OAAO,aAAa,YAAY,OAAO,SAAS,YAAY,WAAW;AACrF,WAAO,SAAS;AAAA,EAClB;AAEA,MAAI,IAAI,cAAc,YAAY,SAAS,IAAI,UAAU,MAAM,MAAO,QAAO;AAE7E,SAAO,IAAI,kBAAkB;AAC/B;AAEA,SAAS,UACP,IACA,SACqC;AACrC,QAAM,IAAI,WAAW,IAAI,OAAO;AAChC,MAAI,KAAK,OAAO,MAAM,YAAY,EAAE,OAAQ,QAAO,EAAE;AACrD,SAAO;AACT;AAMO,SAAS,eACd,MACA,MASiB;AAEjB,QAAM,OAAO,oBAAI,IAA8B;AAC/C,QAAM,QAAkB,CAAC;AACzB,aAAW,KAAK,MAAM;AACpB,QAAI,CAAC,KAAK,IAAI,EAAE,EAAE,EAAG,OAAM,KAAK,EAAE,EAAE;AACpC,SAAK,IAAI,EAAE,IAAI,CAAC;AAAA,EAClB;AAEA,QAAM,SAAS,kBAAkB,MAAM,SAAS,MAAM,gBAAgB;AAEtE,QAAM,YAAY,oBAAI,IAAY;AAClC,QAAM,SAA4B,CAAC;AACnC,QAAM,WAAoD,CAAC;AAC3D,QAAM,eAAmC,MAAM,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAE;AAExE,aAAW,MAAM,OAAO;AACtB,UAAM,MAAM,KAAK,IAAI,EAAE;AACvB,QAAI,CAAC,eAAe,KAAK,QAAQ,MAAM,QAAQ,EAAG;AAClD,cAAU,IAAI,EAAE;AAChB,QAAI,IAAI,OAAQ,QAAO,KAAK,GAAG,IAAI,MAAM;AACzC,aAAS,EAAE,IAAI,gBAAgB,KAAK,UAAU,IAAI,MAAM,CAAC;AAAA,EAC3D;AAEA,SAAO,EAAE,WAAW,QAAQ,UAAU,MAAM,aAAa;AAC3D;AASA,SAAS,gBACP,KACA,QACyB;AACzB,QAAM,SAAS,EAAE,GAAI,IAAI,mBAAmB,CAAC,GAAI,GAAI,UAAU,CAAC,EAAG;AACnE,MAAI,CAAC,IAAI,eAAgB,QAAO;AAChC,QAAM,MAAM,IAAI,eAAe,UAAU,MAAM;AAC/C,MAAI,IAAI,QAAS,QAAO,IAAI;AAC5B,MAAI,OAAO,YAAY,aAAa;AAClC,YAAQ;AAAA,MACN,oCAAoC,IAAI,EAAE;AAAA,MAC1C,IAAI,MAAM;AAAA,IACZ;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,qBAAqB,MAA0B,MAAkC;AAC/F,aAAW,KAAK,MAAM;AACpB,QAAI,EAAE,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI,EAAG,QAAO,EAAE;AAAA,EACvD;AACA,SAAO;AACT;","names":[]}

package/dist/modules/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Module-laag (XiCMS 3.0) — een *module* bundelt een complete functie: zijn blocks, instellingen
+ * (per-site door de agent/klant in te stellen) en metadata. De admin-panelen leven in een aparte
+ * paneel-registry (`@xiwebdesign/xicms-core/admin`) en worden via `id`/`featureKey` aan de module
+ * gekoppeld, zodat de lichte runtime-entry geen admin-componenten hoeft te bevatten.
+ *
+ * GULDEN REGEL blijft: core bevat nooit klantcode. Een module verwijst alleen naar `BlockDefinition`,
+ * Zod-schema's en strings — geen site-specifieke imports. Design en instellingen zijn per site te
+ * customizen ZONDER de modulecode te forken:
+ *  - design: blocks renderen unstyled-by-default met stabiele `xicms-*` classNames + CSS-variabelen;
+ *    een site mag de Render van een block vervangen via `XiCMSProvider`-overrides (logica/schema
+ *    blijven in core).
+ *  - instellingen: `settingsSchema` + `defaultSettings`; de site zet waarden in
+ *    `SiteConfig.modules[id].config` en/of (later) in /beheer. Modules lezen ze via `useModuleSettings`.
+ *
+ * Pure types/data: geen "use client" — server- én client-importeerbaar.
+ */
+import type { ZodTypeAny } from "zod";
+import type { BlockDefinition } from "../blocks/registry";
+/** Backend die een module nodig heeft (informatief/agent-hint; niets wordt dynamisch geladen). */
+export type Capability = {
+    kind: "function";
+    name: string;
+} | {
+    kind: "firestore";
+    collection: string;
+} | {
+    kind: "storage";
+    prefix: string;
+};
+export interface ModuleDefinition {
+    /** Stabiele kebab-id, bv. "gallery", "forms". Uniek over alle modules. */
+    id: string;
+    /** Semver van de MODULE zelf (los van de core-versie). */
+    version: string;
+    /** Weergavenaam. */
+    label: string;
+    /** Korte omschrijving (voor docs/agent). */
+    description?: string;
+    /**
+     * Legacy-brug naar `SiteConfig.features`. Als gezet en `features[featureKey] === false`,
+     * geldt de module als uitgeschakeld (backward compat met 2.x). Optioneel.
+     */
+    featureKey?: string;
+    /** Blocks die deze module levert (worden in het registry gemerged als de module actief is). */
+    blocks?: BlockDefinition[];
+    /** Zod-schema voor de per-site instellingen van deze module. */
+    settingsSchema?: ZodTypeAny;
+    /** Standaardinstellingen; gemerged met `SiteConfig.modules[id].config`. */
+    defaultSettings?: Record<string, unknown>;
+    /** Backend-afhankelijkheden (documentatie/agent-hint). */
+    requires?: Capability[];
+    /** Standaard aan? (default: true). Zet op false voor opt-in modules. */
+    defaultEnabled?: boolean;
+    /**
+     * Kernmodule die niet uitgezet mag worden (bv. de basis content-blocks). Zulke modules
+     * negeren `modules[id]`/`features` en zijn altijd actief.
+     */
+    core?: boolean;
+}
+/** Per-site activatie/instellingen van een module in `SiteConfig.modules`. */
+export type ModuleSiteSetting = boolean | {
+    enabled?: boolean;
+    config?: Record<string, unknown>;
+};
+export type ModulesSiteConfig = Record<string, ModuleSiteSetting>;

package/dist/modules/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/modules/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/patterns/builtins.d.ts

@@ -0,0 +1,31 @@
+import { type Pattern } from "./patterns";
+/**
+ * Ingebouwde patronen — opgebouwd uit standaard-aanwezige blocks (content + galerij/faq/prijzen)
+ * zodat ze altijd renderen, ongeacht welke opt-in modules aanstaan. Een agent of editor voegt ze in
+ * als startpunt en past de inhoud aan.
+ */
+export declare const heroCentered: Pattern;
+export declare const featuresThree: Pattern;
+export declare const aboutImageText: Pattern;
+export declare const ctaBanner: Pattern;
+export declare const pricingThree: Pattern;
+export declare const faqSection: Pattern;
+export declare const gallerySection: Pattern;
+export declare const quoteSection: Pattern;
+export declare const contentWithSidebar: Pattern;
+export declare const featuresCards: Pattern;
+export declare const testimonialsSection: Pattern;
+export declare const teamSection: Pattern;
+export declare const countersSection: Pattern;
+export declare const logosSection: Pattern;
+export declare const stepsSection: Pattern;
+export declare const newsletterSection: Pattern;
+export declare const portfolioSection: Pattern;
+export declare const jobsSection: Pattern;
+export declare const beforeAfterSection: Pattern;
+export declare const pageLanding: Pattern;
+export declare const pageServices: Pattern;
+export declare const pageAbout: Pattern;
+export declare const pageContact: Pattern;
+/** Alle ingebouwde patronen. */
+export declare const builtinPatterns: Pattern[];

package/dist/patterns/builtins.js

@@ -0,0 +1,415 @@
+import { definePattern } from "./patterns";
+const heroCentered = definePattern({
+  id: "hero-centered",
+  label: "Hero (gecentreerd, met knoppen)",
+  category: "Hero",
+  blocks: [
+    {
+      _type: "hero",
+      title: "Een krachtige kop die overtuigt",
+      subtitle: "Een korte ondertitel die in \xE9\xE9n zin uitlegt wat je doet.",
+      align: "center",
+      vAlign: "center",
+      minHeight: "lg",
+      overlayColor: "#000000",
+      overlayOpacity: 35,
+      buttons: [
+        { label: "Aan de slag", href: "#contact", variant: "primary" },
+        { label: "Meer weten", href: "#over", variant: "outline" }
+      ]
+    }
+  ]
+});
+const featuresThree = definePattern({
+  id: "features-three",
+  label: "Drie kenmerken",
+  category: "Kenmerken",
+  blocks: [
+    { _type: "richText", html: "<h2>Waarom kiezen voor ons</h2>", _style: { align: "center", paddingY: "sm" } },
+    {
+      _type: "columns",
+      _style: { paddingY: "md" },
+      columns: [
+        { blocks: [{ _type: "richText", html: "<h3>\u26A1 Snel</h3><p>Korte uitleg van dit voordeel voor de klant.</p>" }] },
+        { blocks: [{ _type: "richText", html: "<h3>\u{1F512} Betrouwbaar</h3><p>Korte uitleg van dit voordeel voor de klant.</p>" }] },
+        { blocks: [{ _type: "richText", html: "<h3>\u{1F4AC} Persoonlijk</h3><p>Korte uitleg van dit voordeel voor de klant.</p>" }] }
+      ]
+    }
+  ]
+});
+const aboutImageText = definePattern({
+  id: "about-image-text",
+  label: "Over ons (beeld + tekst)",
+  category: "Over",
+  blocks: [
+    {
+      _type: "columns",
+      _style: { paddingY: "md" },
+      columns: [
+        { blocks: [{ _type: "image", url: "", alt: "", aspectRatio: "4/3" }] },
+        { blocks: [{ _type: "richText", html: "<h2>Over ons</h2><p>Vertel hier kort het verhaal van het bedrijf: wie je bent, wat je doet en waarom.</p>" }, { _type: "buttons", align: "left", items: [{ label: "Lees meer", href: "/over", variant: "primary" }] }] }
+      ]
+    }
+  ]
+});
+const ctaBanner = definePattern({
+  id: "cta-banner",
+  label: "Oproep tot actie (banner)",
+  category: "CTA",
+  blocks: [
+    {
+      _type: "cta",
+      title: "Klaar om te beginnen?",
+      text: "Neem vandaag nog contact op voor een vrijblijvend gesprek.",
+      buttonLabel: "Neem contact op",
+      buttonHref: "#contact",
+      buttonVariant: "primary",
+      _style: { background: "#0f172a", paddingY: "lg", align: "center" }
+    }
+  ]
+});
+const pricingThree = definePattern({
+  id: "pricing-three",
+  label: "Prijzen (3 pakketten)",
+  category: "Prijzen",
+  blocks: [
+    {
+      _type: "pricing",
+      heading: "Onze pakketten",
+      _style: { paddingY: "md" },
+      items: [
+        { label: "Start", price: "\u20AC 29", billingPeriod: "/maand", features: ["Basis-functies", "E-mailsupport"], ctaLabel: "Kies Start", ctaHref: "#contact" },
+        { label: "Pro", price: "\u20AC 59", billingPeriod: "/maand", highlighted: true, features: ["Alles uit Start", "Prioriteit-support", "Extra opties"], ctaLabel: "Kies Pro", ctaHref: "#contact" },
+        { label: "Zakelijk", price: "Op maat", features: ["Alles uit Pro", "Persoonlijke begeleiding"], ctaLabel: "Neem contact op", ctaHref: "#contact" }
+      ]
+    }
+  ]
+});
+const faqSection = definePattern({
+  id: "faq-section",
+  label: "Veelgestelde vragen",
+  category: "FAQ",
+  blocks: [
+    {
+      _type: "faq",
+      heading: "Veelgestelde vragen",
+      searchable: true,
+      jsonLd: true,
+      _style: { paddingY: "md", width: "narrow" },
+      items: [
+        { q: "Hoe werkt het?", a: "Beschrijf hier het antwoord." },
+        { q: "Wat kost het?", a: "Beschrijf hier het antwoord." },
+        { q: "Hoe neem ik contact op?", a: "Beschrijf hier het antwoord." }
+      ]
+    }
+  ]
+});
+const gallerySection = definePattern({
+  id: "gallery-section",
+  label: "Fotogalerij",
+  category: "Media",
+  blocks: [
+    { _type: "richText", html: "<h2>In beeld</h2>", _style: { align: "center", paddingY: "sm" } },
+    { _type: "gallery", items: [], columns: 3, lightbox: "on", _style: { paddingY: "sm" } }
+  ]
+});
+const quoteSection = definePattern({
+  id: "quote-section",
+  label: "Uitspraak (uitgelicht)",
+  category: "Social proof",
+  blocks: [
+    {
+      _type: "quote",
+      text: "\u201CDit team heeft ons echt geholpen \u2014 aanrader!\u201D",
+      author: "Tevreden klant",
+      role: "Bedrijfsnaam",
+      _style: { paddingY: "lg", width: "narrow", align: "center" }
+    }
+  ]
+});
+const contentWithSidebar = definePattern({
+  id: "content-with-sidebar",
+  label: "Inhoud met zijbalk (widgets)",
+  category: "Indeling",
+  description: "Brede tekstkolom met een zijbalk vol widgets (laatste nieuws + call-to-action).",
+  blocks: [
+    {
+      _type: "withSidebar",
+      side: "right",
+      sidebarWidth: "md",
+      sticky: true,
+      _style: { paddingY: "md" },
+      main: [
+        { _type: "richText", html: "<h2>Welkom</h2><p>Plaats hier je hoofdinhoud. In de zijbalk hiernaast tonen widgets automatisch je laatste nieuws en een oproep tot actie \u2014 die haal je zo uit dezelfde modules.</p>" }
+      ],
+      aside: [
+        { _type: "newsWidget", heading: "Laatste nieuws", limit: 4, basePath: "/nieuws", showImages: false },
+        { _type: "ctaWidget", title: "Vragen?", text: "Neem gerust contact op.", buttonLabel: "Contact", buttonHref: "#contact" }
+      ]
+    }
+  ]
+});
+const featuresCards = definePattern({
+  id: "features-cards",
+  label: "Drie diensten (kaarten)",
+  category: "Kenmerken",
+  description: "Moderne diensten-kaarten met iconen en hover-effect (cards-module).",
+  blocks: [
+    {
+      _type: "cards",
+      heading: "Wat we doen",
+      columns: 3,
+      _style: { paddingY: "md" },
+      items: [
+        { icon: "\u26A1", title: "Dienst \xE9\xE9n", text: "Korte uitleg van deze dienst en het voordeel voor de klant." },
+        { icon: "\u{1F6E0}\uFE0F", title: "Dienst twee", text: "Korte uitleg van deze dienst en het voordeel voor de klant." },
+        { icon: "\u{1F4AC}", title: "Dienst drie", text: "Korte uitleg van deze dienst en het voordeel voor de klant.", href: "#contact", linkLabel: "Meer weten" }
+      ]
+    }
+  ]
+});
+const testimonialsSection = definePattern({
+  id: "testimonials-section",
+  label: "Klantreviews (3 kaarten)",
+  category: "Social proof",
+  blocks: [
+    {
+      _type: "testimonials",
+      heading: "Wat klanten zeggen",
+      jsonLd: true,
+      _style: { paddingY: "md" },
+      items: [
+        { quote: "Fantastisch geholpen, snel en vakkundig.", author: "Naam klant", role: "Plaats", rating: 5 },
+        { quote: "Duidelijke communicatie en een prachtig resultaat.", author: "Naam klant", role: "Plaats", rating: 5 },
+        { quote: "Een aanrader voor iedereen in de regio.", author: "Naam klant", role: "Plaats", rating: 4 }
+      ]
+    }
+  ]
+});
+const teamSection = definePattern({
+  id: "team-section",
+  label: "Ons team",
+  category: "Over",
+  blocks: [
+    {
+      _type: "team",
+      heading: "Ons team",
+      _style: { paddingY: "md" },
+      members: [
+        { name: "Naam", role: "Functie", bio: "Korte introductie van dit teamlid." },
+        { name: "Naam", role: "Functie", bio: "Korte introductie van dit teamlid." },
+        { name: "Naam", role: "Functie", bio: "Korte introductie van dit teamlid." }
+      ]
+    }
+  ]
+});
+const countersSection = definePattern({
+  id: "counters-section",
+  label: "Kengetallen (tellers)",
+  category: "Social proof",
+  blocks: [
+    {
+      _type: "counters",
+      _style: { paddingY: "md", align: "center" },
+      items: [
+        { value: "15", suffix: "+", label: "Jaar ervaring" },
+        { value: "250", suffix: "+", label: "Tevreden klanten" },
+        { value: "4.9", label: "Gemiddelde beoordeling" }
+      ]
+    }
+  ]
+});
+const logosSection = definePattern({
+  id: "logos-section",
+  label: "Bekend van (logo-strook)",
+  category: "Social proof",
+  blocks: [
+    { _type: "logos", heading: "Zij gingen je voor", grayscale: true, items: [], _style: { paddingY: "sm" } }
+  ]
+});
+const stepsSection = definePattern({
+  id: "steps-section",
+  label: "Stappenplan (zo werkt het)",
+  category: "Kenmerken",
+  blocks: [
+    {
+      _type: "timeline",
+      heading: "Zo werkt het",
+      _style: { paddingY: "md", width: "narrow" },
+      items: [
+        { title: "1. Kennismaking", text: "We bespreken je wensen, vrijblijvend." },
+        { title: "2. Voorstel", text: "Je ontvangt een helder voorstel met vaste prijs." },
+        { title: "3. Uitvoering", text: "We gaan aan de slag en houden je op de hoogte." },
+        { title: "4. Oplevering", text: "Klaar \u2014 met nazorg en garantie." }
+      ]
+    }
+  ]
+});
+const newsletterSection = definePattern({
+  id: "newsletter-section",
+  label: "Nieuwsbrief-aanmelding",
+  category: "CTA",
+  blocks: [
+    { _type: "newsletter", heading: "Blijf op de hoogte", text: "Ontvang tips en nieuws \u2014 max. \xE9\xE9n mail per maand.", buttonLabel: "Aanmelden", _style: { paddingY: "md", width: "narrow" } }
+  ]
+});
+const portfolioSection = definePattern({
+  id: "portfolio-section",
+  label: "Portfolio / projecten",
+  category: "Media",
+  description: "Projecten-grid met categorie-filter en lightbox (portfolio-module).",
+  blocks: [
+    {
+      _type: "portfolio",
+      heading: "Ons werk",
+      intro: "Een greep uit recente projecten.",
+      columns: 3,
+      showFilter: true,
+      lightbox: true,
+      _style: { paddingY: "md" },
+      items: [
+        { imageUrl: "", title: "Project \xE9\xE9n", category: "Categorie A" },
+        { imageUrl: "", title: "Project twee", category: "Categorie B" },
+        { imageUrl: "", title: "Project drie", category: "Categorie A" }
+      ]
+    }
+  ]
+});
+const jobsSection = definePattern({
+  id: "jobs-section",
+  label: "Vacatures",
+  category: "Over",
+  description: "Vacature-overzicht met Google Jobs-JSON-LD (vacatures-module).",
+  blocks: [
+    {
+      _type: "jobs",
+      heading: "Werken bij ons",
+      intro: "We groeien \u2014 kom je het team versterken?",
+      jsonLd: true,
+      _style: { paddingY: "md", width: "narrow" },
+      items: [
+        { title: "Functietitel", employmentType: "Fulltime", location: "Plaats", description: "Korte omschrijving van de functie en wat je gaat doen." }
+      ]
+    }
+  ]
+});
+const beforeAfterSection = definePattern({
+  id: "before-after-section",
+  label: "Voor / na",
+  category: "Media",
+  description: "Voor/na-vergelijker met sleepbare scheiding (voor-na-module).",
+  blocks: [
+    { _type: "richText", html: "<h2>Het verschil</h2>", _style: { align: "center", paddingY: "sm" } },
+    { _type: "beforeAfter", beforeUrl: "", afterUrl: "", beforeLabel: "Voor", afterLabel: "Na", aspectRatio: "4/3", _style: { paddingY: "sm", width: "narrow" } }
+  ]
+});
+const pageLanding = definePattern({
+  id: "page-landing",
+  label: "Landingspagina",
+  category: "Pagina's",
+  description: "Hero, kenmerken, galerij, review, prijzen, FAQ en een afsluitende CTA.",
+  blocks: [
+    ...heroCentered.blocks,
+    ...featuresThree.blocks,
+    ...gallerySection.blocks,
+    ...quoteSection.blocks,
+    ...pricingThree.blocks,
+    ...faqSection.blocks,
+    ...ctaBanner.blocks
+  ]
+});
+const pageServices = definePattern({
+  id: "page-services",
+  label: "Dienstenpagina",
+  category: "Pagina's",
+  description: "Introductie, drie diensten in kolommen, stappenplan en CTA.",
+  blocks: [
+    { _type: "hero", title: "Onze diensten", subtitle: "Waar we je mee helpen.", align: "center", vAlign: "center", minHeight: "sm" },
+    { _type: "richText", html: "<p>Korte introductie: voor wie werk je, wat maakt jullie aanpak anders?</p>", _style: { width: "narrow", align: "center", paddingY: "sm" } },
+    ...featuresThree.blocks.slice(1),
+    ...stepsSection.blocks,
+    ...ctaBanner.blocks
+  ]
+});
+const pageAbout = definePattern({
+  id: "page-about",
+  label: "Over ons-pagina",
+  category: "Pagina's",
+  description: "Verhaal met beeld, uitgelichte quote en CTA.",
+  blocks: [
+    { _type: "hero", title: "Over ons", subtitle: "Wie we zijn en waar we voor staan.", align: "center", vAlign: "center", minHeight: "sm" },
+    ...aboutImageText.blocks,
+    ...quoteSection.blocks,
+    ...ctaBanner.blocks
+  ]
+});
+const pageContact = definePattern({
+  id: "page-contact",
+  label: "Contactpagina",
+  category: "Pagina's",
+  description: "Contactgegevens naast openingstijden; voeg eventueel je formulier-blok toe.",
+  blocks: [
+    { _type: "hero", title: "Contact", subtitle: "We horen graag van je.", align: "center", vAlign: "center", minHeight: "sm" },
+    {
+      _type: "columns",
+      _style: { paddingY: "md" },
+      columns: [
+        { blocks: [{ _type: "richText", html: "<h2>Neem contact op</h2><p>Adres, telefoonnummer en e-mailadres \u2014 of loop gerust binnen.</p>" }] },
+        { blocks: [{ _type: "openingHours", heading: "Openingstijden", rows: [{ day: "Ma\u2013Vr", hours: "09:00\u201317:00" }, { day: "Za", hours: "10:00\u201316:00" }, { day: "Zo", hours: "Gesloten" }] }] }
+      ]
+    },
+    ...ctaBanner.blocks
+  ]
+});
+const builtinPatterns = [
+  heroCentered,
+  featuresThree,
+  featuresCards,
+  aboutImageText,
+  teamSection,
+  ctaBanner,
+  newsletterSection,
+  pricingThree,
+  faqSection,
+  gallerySection,
+  quoteSection,
+  testimonialsSection,
+  countersSection,
+  logosSection,
+  stepsSection,
+  portfolioSection,
+  jobsSection,
+  beforeAfterSection,
+  contentWithSidebar,
+  pageLanding,
+  pageServices,
+  pageAbout,
+  pageContact
+];
+export {
+  aboutImageText,
+  beforeAfterSection,
+  builtinPatterns,
+  contentWithSidebar,
+  countersSection,
+  ctaBanner,
+  faqSection,
+  featuresCards,
+  featuresThree,
+  gallerySection,
+  heroCentered,
+  jobsSection,
+  logosSection,
+  newsletterSection,
+  pageAbout,
+  pageContact,
+  pageLanding,
+  pageServices,
+  portfolioSection,
+  pricingThree,
+  quoteSection,
+  stepsSection,
+  teamSection,
+  testimonialsSection
+};
+//# sourceMappingURL=builtins.js.map