@xiwebdesign/xicms-core 4.17.1

package/dist/blocks/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/context.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, type ReactNode } from \"react\";\nimport type { BlockRegistry } from \"./registry\";\n\nconst RegistryContext = createContext<BlockRegistry | null>(null);\n\nexport function RegistryProvider({\n  registry,\n  children,\n}: {\n  registry: BlockRegistry;\n  children: ReactNode;\n}) {\n  return <RegistryContext.Provider value={registry}>{children}</RegistryContext.Provider>;\n}\n\n/** Lees de actieve block-registry (client). Voor server-rendering: geef registry als prop mee. */\nexport function useRegistry(): BlockRegistry {\n  const ctx = useContext(RegistryContext);\n  if (!ctx) throw new Error(\"useRegistry moet binnen <XiCMSProvider> (met blocks) worden gebruikt.\");\n  return ctx;\n}\n"],"mappings":";AAcS;AAZT,SAAS,eAAe,kBAAkC;AAG1D,MAAM,kBAAkB,cAAoC,IAAI;AAEzD,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,UAAW,UAAS;AAC9D;AAGO,SAAS,cAA6B;AAC3C,QAAM,MAAM,WAAW,eAAe;AACtC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,uEAAuE;AACjG,SAAO;AACT;","names":[]}

package/dist/blocks/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @xiwebdesign/xicms-core/blocks — ingebouwde blokken + de registry-API.
+ * Render-componenten zijn server-safe (waar mogelijk); admin-editors zitten in `/admin`.
+ */
+export { defineBlock, createRegistry, mergeRegistry, validateBlocks, type BlockDefinition, type BlockRegistry, type BlockRenderProps, type BlockEditorProps, } from "./registry";
+export { BlockRenderer } from "./BlockRenderer";
+export { RegistryProvider, useRegistry } from "./context";
+export { builtinBlocks } from "./builtins";
+export * from "./builtins";

package/dist/blocks/index.js

@@ -0,0 +1,21 @@
+import {
+  defineBlock,
+  createRegistry,
+  mergeRegistry,
+  validateBlocks
+} from "./registry";
+import { BlockRenderer } from "./BlockRenderer";
+import { RegistryProvider, useRegistry } from "./context";
+import { builtinBlocks } from "./builtins";
+export * from "./builtins";
+export {
+  BlockRenderer,
+  RegistryProvider,
+  builtinBlocks,
+  createRegistry,
+  defineBlock,
+  mergeRegistry,
+  useRegistry,
+  validateBlocks
+};
+//# sourceMappingURL=index.js.map

package/dist/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/index.ts"],"sourcesContent":["/**\n * @xiwebdesign/xicms-core/blocks — ingebouwde blokken + de registry-API.\n * Render-componenten zijn server-safe (waar mogelijk); admin-editors zitten in `/admin`.\n */\nexport {\n  defineBlock,\n  createRegistry,\n  mergeRegistry,\n  validateBlocks,\n  type BlockDefinition,\n  type BlockRegistry,\n  type BlockRenderProps,\n  type BlockEditorProps,\n} from \"./registry\";\nexport { BlockRenderer } from \"./BlockRenderer\";\nexport { RegistryProvider, useRegistry } from \"./context\";\nexport { builtinBlocks } from \"./builtins\";\nexport * from \"./builtins\";\n"],"mappings":"AAIA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AACP,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB,mBAAmB;AAC9C,SAAS,qBAAqB;AAC9B,cAAc;","names":[]}

package/dist/blocks/registry.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Block-registry: koppelt een `_type` aan zijn Zod-schema, een (server-safe) Render-component
+ * en een optionele (client/admin) Editor. Klant-blokken worden hier ingebracht via `defineBlock`
+ * — zo blijft de core klant-onafhankelijk: de klant levert de render-component, core de structuur.
+ *
+ * Pure logica + types (geen "use client"): bruikbaar op server en client.
+ */
+import type { ComponentType } from "react";
+import type { ZodTypeAny, z } from "zod";
+import type { BlockBase } from "../schema/blocks";
+export interface BlockRenderProps<T = unknown> {
+    block: T;
+    siteId: string;
+    /** "view" = publiek; "preview" = draft-weergave in de editor. */
+    mode?: "view" | "preview";
+}
+export interface BlockEditorProps<T = unknown> {
+    block: T;
+    siteId: string;
+    onChange: (next: T) => void;
+}
+/**
+ * Indeling van een block in het toevoeg-menu:
+ * - `content` (default): een gewoon blok dat je op de pagina plaatst.
+ * - `widget`: een compacte variant die je naast een blok (in een zijbalk/kolom) zet — haalt z'n
+ *   gegevens uit dezelfde module als de volwaardige versie (bv. "laatste nieuws", "komende agenda").
+ * - `layout`: een indelingsblok dat andere blokken bevat (kolommen, zijbalk, tabs).
+ */
+export type BlockCategory = "content" | "widget" | "layout";
+export interface BlockDefinition<S extends ZodTypeAny = ZodTypeAny> {
+    type: string;
+    schema: S;
+    Render: ComponentType<BlockRenderProps<z.infer<S>>>;
+    /**
+     * Admin-editor (lazy/client). Optioneel; ontbreekt = automatische schema-editor (GenericEditor):
+     * die genereert een formulier uit het Zod-schema, dus een blok zonder eigen editor blijft bewerkbaar.
+     */
+    Editor?: ComponentType<BlockEditorProps<z.infer<S>>>;
+    label: string;
+    icon?: string;
+    /** Groep in het toevoeg-menu (content/widget/layout). Standaard "content". */
+    category?: BlockCategory;
+    /** Defaultwaarden voor een nieuw block (zonder _key/_type). */
+    defaults?: () => Record<string, unknown>;
+}
+/**
+ * Registreert een block-type.
+ *
+ * UPDATE-VEILIGHEID: voeg in een nieuwe versie nooit een VERPLICHT veld toe aan een bestaand
+ * block-schema zonder `.default()` of `.optional()`. Anders faalt validatie op al opgeslagen
+ * content en wordt die overgeslagen. Met defaults/optioneel blijft oude content gewoon werken.
+ */
+export declare function defineBlock<S extends ZodTypeAny>(def: BlockDefinition<S>): BlockDefinition;
+export type BlockRegistry = Map<string, BlockDefinition>;
+/**
+ * Bouwt de opties voor het "blok toevoegen"-menu, gegroepeerd op categorie: eerst gewone blokken,
+ * dan indeling (kolommen/zijbalk/tabs), dan widgets. Widgets/indeling krijgen een suffix zodat de
+ * groep duidelijk is in een platte keuzelijst.
+ */
+export declare function buildBlockAddOptions(defs: Iterable<BlockDefinition>): {
+    value: string;
+    label: string;
+}[];
+export declare function createRegistry(defs: BlockDefinition[]): BlockRegistry;
+export declare function mergeRegistry(base: BlockRegistry, extra: BlockDefinition[]): BlockRegistry;
+/**
+ * Strikte per-type validatie van een blocks-array tegen de registry. Onbekende types en
+ * blocks die hun schema niet halen worden weggelaten (defensief — nooit half-rendered content).
+ * Gebruikt bij publiceren (server) en vóór renderen.
+ *
+ * Recursief: geneste blokken in de indelingsblokken (kolommen, "Met zijbalk", tabs) worden óók
+ * per-type gevalideerd. Hun schema's valideren kinderen bewust alleen als `BlockBaseSchema`
+ * (passthrough) zodat klant-blokken erin mogen; de strikte controle gebeurt hier.
+ */
+export declare function validateBlocks(blocks: unknown[] | undefined, registry: BlockRegistry): BlockBase[];

package/dist/blocks/registry.js

@@ -0,0 +1,71 @@
+function defineBlock(def) {
+  return def;
+}
+function buildBlockAddOptions(defs) {
+  const order = { content: 0, layout: 1, widget: 2 };
+  const suffix = { content: "", layout: "  \xB7 indeling", widget: "  \xB7 widget" };
+  return [...defs].map((d) => ({ def: d, cat: d.category ?? "content" })).sort((a, b) => order[a.cat] - order[b.cat]).map(({ def, cat }) => ({ value: def.type, label: `${def.icon ?? "\u25AB"}  ${def.label}${suffix[cat]}` }));
+}
+function createRegistry(defs) {
+  const m = /* @__PURE__ */ new Map();
+  for (const d of defs) m.set(d.type, d);
+  return m;
+}
+function mergeRegistry(base, extra) {
+  const m = new Map(base);
+  for (const d of extra) m.set(d.type, d);
+  return m;
+}
+function validateBlocks(blocks, registry) {
+  const out = [];
+  for (const raw of blocks ?? []) {
+    const type = raw?._type;
+    const def = typeof type === "string" ? registry.get(type) : void 0;
+    if (!def) {
+      warn(`onbekend block-type "${String(type)}" overgeslagen (geen registratie).`);
+      continue;
+    }
+    const res = def.schema.safeParse(raw);
+    if (res.success) out.push(validateNestedBlocks(res.data, registry));
+    else warn(`block "${type}" voldoet niet aan zijn schema en is overgeslagen.`, res.error.issues);
+  }
+  return out;
+}
+function validateNestedBlocks(block, registry) {
+  const b = block;
+  if (b._type === "columns" && Array.isArray(b.columns)) {
+    return {
+      ...b,
+      columns: b.columns.map(
+        (col) => col && typeof col === "object" && Array.isArray(col.blocks) ? { ...col, blocks: validateBlocks(col.blocks, registry) } : col
+      )
+    };
+  }
+  if (b._type === "withSidebar" && (Array.isArray(b.main) || Array.isArray(b.aside))) {
+    return {
+      ...b,
+      main: Array.isArray(b.main) ? validateBlocks(b.main, registry) : b.main,
+      aside: Array.isArray(b.aside) ? validateBlocks(b.aside, registry) : b.aside
+    };
+  }
+  if (b._type === "tabs" && Array.isArray(b.tabs)) {
+    return {
+      ...b,
+      tabs: b.tabs.map(
+        (tab) => tab && typeof tab === "object" && Array.isArray(tab.blocks) ? { ...tab, blocks: validateBlocks(tab.blocks, registry) } : tab
+      )
+    };
+  }
+  return block;
+}
+function warn(msg, detail) {
+  if (typeof console !== "undefined") console.warn(`[xicms] ${msg}`, detail ?? "");
+}
+export {
+  buildBlockAddOptions,
+  createRegistry,
+  defineBlock,
+  mergeRegistry,
+  validateBlocks
+};
+//# sourceMappingURL=registry.js.map

package/dist/blocks/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/blocks/registry.ts"],"sourcesContent":["/**\n * Block-registry: koppelt een `_type` aan zijn Zod-schema, een (server-safe) Render-component\n * en een optionele (client/admin) Editor. Klant-blokken worden hier ingebracht via `defineBlock`\n * — zo blijft de core klant-onafhankelijk: de klant levert de render-component, core de structuur.\n *\n * Pure logica + types (geen \"use client\"): bruikbaar op server en client.\n */\nimport type { ComponentType } from \"react\";\nimport type { ZodTypeAny, z } from \"zod\";\nimport type { BlockBase } from \"../schema/blocks\";\n\nexport interface BlockRenderProps<T = unknown> {\n  block: T;\n  siteId: string;\n  /** \"view\" = publiek; \"preview\" = draft-weergave in de editor. */\n  mode?: \"view\" | \"preview\";\n}\n\nexport interface BlockEditorProps<T = unknown> {\n  block: T;\n  siteId: string;\n  onChange: (next: T) => void;\n}\n\n/**\n * Indeling van een block in het toevoeg-menu:\n * - `content` (default): een gewoon blok dat je op de pagina plaatst.\n * - `widget`: een compacte variant die je naast een blok (in een zijbalk/kolom) zet — haalt z'n\n *   gegevens uit dezelfde module als de volwaardige versie (bv. \"laatste nieuws\", \"komende agenda\").\n * - `layout`: een indelingsblok dat andere blokken bevat (kolommen, zijbalk, tabs).\n */\nexport type BlockCategory = \"content\" | \"widget\" | \"layout\";\n\nexport interface BlockDefinition<S extends ZodTypeAny = ZodTypeAny> {\n  type: string;\n  schema: S;\n  Render: ComponentType<BlockRenderProps<z.infer<S>>>;\n  /**\n   * Admin-editor (lazy/client). Optioneel; ontbreekt = automatische schema-editor (GenericEditor):\n   * die genereert een formulier uit het Zod-schema, dus een blok zonder eigen editor blijft bewerkbaar.\n   */\n  Editor?: ComponentType<BlockEditorProps<z.infer<S>>>;\n  label: string;\n  icon?: string;\n  /** Groep in het toevoeg-menu (content/widget/layout). Standaard \"content\". */\n  category?: BlockCategory;\n  /** Defaultwaarden voor een nieuw block (zonder _key/_type). */\n  defaults?: () => Record<string, unknown>;\n}\n\n/**\n * Registreert een block-type.\n *\n * UPDATE-VEILIGHEID: voeg in een nieuwe versie nooit een VERPLICHT veld toe aan een bestaand\n * block-schema zonder `.default()` of `.optional()`. Anders faalt validatie op al opgeslagen\n * content en wordt die overgeslagen. Met defaults/optioneel blijft oude content gewoon werken.\n */\nexport function defineBlock<S extends ZodTypeAny>(def: BlockDefinition<S>): BlockDefinition {\n  // Type-erased return: het schema-type wordt alleen gebruikt om Render/Editor-props te\n  // inferreren bij definitie. Daarna behandelen we blokken generiek in de registry.\n  return def as unknown as BlockDefinition;\n}\n\nexport type BlockRegistry = Map<string, BlockDefinition>;\n\n/**\n * Bouwt de opties voor het \"blok toevoegen\"-menu, gegroepeerd op categorie: eerst gewone blokken,\n * dan indeling (kolommen/zijbalk/tabs), dan widgets. Widgets/indeling krijgen een suffix zodat de\n * groep duidelijk is in een platte keuzelijst.\n */\nexport function buildBlockAddOptions(defs: Iterable<BlockDefinition>): { value: string; label: string }[] {\n  const order: Record<BlockCategory, number> = { content: 0, layout: 1, widget: 2 };\n  const suffix: Record<BlockCategory, string> = { content: \"\", layout: \"  · indeling\", widget: \"  · widget\" };\n  return [...defs]\n    .map((d) => ({ def: d, cat: d.category ?? \"content\" }))\n    .sort((a, b) => order[a.cat] - order[b.cat])\n    .map(({ def, cat }) => ({ value: def.type, label: `${def.icon ?? \"▫\"}  ${def.label}${suffix[cat]}` }));\n}\n\nexport function createRegistry(defs: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map();\n  for (const d of defs) m.set(d.type, d);\n  return m;\n}\n\nexport function mergeRegistry(base: BlockRegistry, extra: BlockDefinition[]): BlockRegistry {\n  const m: BlockRegistry = new Map(base);\n  for (const d of extra) m.set(d.type, d);\n  return m;\n}\n\n/**\n * Strikte per-type validatie van een blocks-array tegen de registry. Onbekende types en\n * blocks die hun schema niet halen worden weggelaten (defensief — nooit half-rendered content).\n * Gebruikt bij publiceren (server) en vóór renderen.\n *\n * Recursief: geneste blokken in de indelingsblokken (kolommen, \"Met zijbalk\", tabs) worden óók\n * per-type gevalideerd. Hun schema's valideren kinderen bewust alleen als `BlockBaseSchema`\n * (passthrough) zodat klant-blokken erin mogen; de strikte controle gebeurt hier.\n */\nexport function validateBlocks(blocks: unknown[] | undefined, registry: BlockRegistry): BlockBase[] {\n  const out: BlockBase[] = [];\n  for (const raw of blocks ?? []) {\n    const type = (raw as { _type?: unknown } | null)?._type;\n    const def = typeof type === \"string\" ? registry.get(type) : undefined;\n    if (!def) {\n      warn(`onbekend block-type \"${String(type)}\" overgeslagen (geen registratie).`);\n      continue;\n    }\n    const res = def.schema.safeParse(raw);\n    if (res.success) out.push(validateNestedBlocks(res.data as BlockBase, registry));\n    else warn(`block \"${type}\" voldoet niet aan zijn schema en is overgeslagen.`, res.error.issues);\n  }\n  return out;\n}\n\n/** Valideert de geneste blok-lijsten van de bekende indelingsvormen (immutable). */\nfunction validateNestedBlocks(block: BlockBase, registry: BlockRegistry): BlockBase {\n  const b = block as BlockBase & Record<string, unknown>;\n  if (b._type === \"columns\" && Array.isArray(b.columns)) {\n    return {\n      ...b,\n      columns: b.columns.map((col) =>\n        col && typeof col === \"object\" && Array.isArray((col as { blocks?: unknown }).blocks)\n          ? { ...col, blocks: validateBlocks((col as { blocks: unknown[] }).blocks, registry) }\n          : col,\n      ),\n    };\n  }\n  if (b._type === \"withSidebar\" && (Array.isArray(b.main) || Array.isArray(b.aside))) {\n    return {\n      ...b,\n      main: Array.isArray(b.main) ? validateBlocks(b.main, registry) : b.main,\n      aside: Array.isArray(b.aside) ? validateBlocks(b.aside, registry) : b.aside,\n    };\n  }\n  if (b._type === \"tabs\" && Array.isArray(b.tabs)) {\n    return {\n      ...b,\n      tabs: b.tabs.map((tab) =>\n        tab && typeof tab === \"object\" && Array.isArray((tab as { blocks?: unknown }).blocks)\n          ? { ...tab, blocks: validateBlocks((tab as { blocks: unknown[] }).blocks, registry) }\n          : tab,\n      ),\n    };\n  }\n  return block;\n}\n\nfunction warn(msg: string, detail?: unknown): void {\n  // Geen stil verlies: log waarom een block niet rendert (helpt bij schema-wijzigingen).\n  if (typeof console !== \"undefined\") console.warn(`[xicms] ${msg}`, detail ?? \"\");\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/ui/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Gedeelde presentatie-primitieven voor de runtime-blokken — een dunne laag bovenop het Astryx
+ * design system (Meta, StyleX). Blokken bouwen hierop i.p.v. losse `xicms-*`-classNames, zodat het
+ * uiterlijk consistent is en we de onderlaag centraal kunnen wijzigen.
+ *
+ * De merk-look per site komt via de Astryx-token-mapping op `.xicms-root` (zie XiCMSProvider):
+ * `--color-accent`, `--font-family-*`, `--radius-*` volgen de XiCMS-thema-tokens.
+ */
+import { type ReactNode } from "react";
+export { VStack } from "@astryxdesign/core/VStack";
+export { HStack } from "@astryxdesign/core/HStack";
+export { Stack } from "@astryxdesign/core/Stack";
+export { Grid } from "@astryxdesign/core/Grid";
+export { Card } from "@astryxdesign/core/Card";
+export { Heading } from "@astryxdesign/core/Heading";
+export { Text } from "@astryxdesign/core/Text";
+export { Divider } from "@astryxdesign/core/Divider";
+export { Badge } from "@astryxdesign/core/Badge";
+export { Avatar } from "@astryxdesign/core/Avatar";
+export interface BtnProps {
+    label: string;
+    href?: string;
+    variant?: string;
+    /** Marketing-knoppen zijn standaard wat groter dan de app-default. */
+    size?: "sm" | "md" | "lg";
+    type?: "button" | "submit" | "reset";
+    target?: string;
+    onClick?: () => void;
+    children?: ReactNode;
+}
+/**
+ * Knop/CTA-helper bovenop Astryx `Button`. Rendert als link wanneer `href` gezet is. Houdt de
+ * bestaande XiCMS-varianten (primary/secondary/outline) werkend via de mapping hierboven.
+ */
+export declare function Btn({ label, href, variant, size, type, target, onClick }: BtnProps): import("react").JSX.Element;

package/dist/blocks/ui/index.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@astryxdesign/core/Button";
+import { VStack } from "@astryxdesign/core/VStack";
+import { HStack } from "@astryxdesign/core/HStack";
+import { Stack } from "@astryxdesign/core/Stack";
+import { Grid } from "@astryxdesign/core/Grid";
+import { Card } from "@astryxdesign/core/Card";
+import { Heading } from "@astryxdesign/core/Heading";
+import { Text } from "@astryxdesign/core/Text";
+import { Divider } from "@astryxdesign/core/Divider";
+import { Badge } from "@astryxdesign/core/Badge";
+import { Avatar } from "@astryxdesign/core/Avatar";
+const VARIANT_MAP = {
+  primary: "primary",
+  secondary: "secondary",
+  outline: "ghost",
+  ghost: "ghost"
+};
+function Btn({ label, href, variant = "primary", size = "lg", type, target, onClick }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      label,
+      variant: VARIANT_MAP[variant] ?? "primary",
+      size,
+      href,
+      target: href && target ? target : void 0,
+      rel: target === "_blank" ? "noopener noreferrer" : void 0,
+      type: href ? void 0 : type ?? "button",
+      clickAction: onClick
+    }
+  );
+}
+export {
+  Avatar,
+  Badge,
+  Btn,
+  Card,
+  Divider,
+  Grid,
+  HStack,
+  Heading,
+  Stack,
+  Text,
+  VStack
+};
+//# sourceMappingURL=index.js.map

package/dist/blocks/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/ui/index.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Gedeelde presentatie-primitieven voor de runtime-blokken — een dunne laag bovenop het Astryx\n * design system (Meta, StyleX). Blokken bouwen hierop i.p.v. losse `xicms-*`-classNames, zodat het\n * uiterlijk consistent is en we de onderlaag centraal kunnen wijzigen.\n *\n * De merk-look per site komt via de Astryx-token-mapping op `.xicms-root` (zie XiCMSProvider):\n * `--color-accent`, `--font-family-*`, `--radius-*` volgen de XiCMS-thema-tokens.\n */\n\nimport { type ReactNode } from \"react\";\nimport { Button, type ButtonVariant } from \"@astryxdesign/core/Button\";\n\nexport { VStack } from \"@astryxdesign/core/VStack\";\nexport { HStack } from \"@astryxdesign/core/HStack\";\nexport { Stack } from \"@astryxdesign/core/Stack\";\nexport { Grid } from \"@astryxdesign/core/Grid\";\nexport { Card } from \"@astryxdesign/core/Card\";\nexport { Heading } from \"@astryxdesign/core/Heading\";\nexport { Text } from \"@astryxdesign/core/Text\";\nexport { Divider } from \"@astryxdesign/core/Divider\";\nexport { Badge } from \"@astryxdesign/core/Badge\";\nexport { Avatar } from \"@astryxdesign/core/Avatar\";\n\n/** XiCMS-knopvarianten → Astryx-varianten (Astryx kent geen \"outline\" → ghost). */\nconst VARIANT_MAP: Record<string, ButtonVariant> = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  outline: \"ghost\",\n  ghost: \"ghost\",\n};\n\nexport interface BtnProps {\n  label: string;\n  href?: string;\n  variant?: string;\n  /** Marketing-knoppen zijn standaard wat groter dan de app-default. */\n  size?: \"sm\" | \"md\" | \"lg\";\n  type?: \"button\" | \"submit\" | \"reset\";\n  target?: string;\n  onClick?: () => void;\n  children?: ReactNode;\n}\n\n/**\n * Knop/CTA-helper bovenop Astryx `Button`. Rendert als link wanneer `href` gezet is. Houdt de\n * bestaande XiCMS-varianten (primary/secondary/outline) werkend via de mapping hierboven.\n */\nexport function Btn({ label, href, variant = \"primary\", size = \"lg\", type, target, onClick }: BtnProps) {\n  return (\n    <Button\n      label={label}\n      variant={VARIANT_MAP[variant] ?? \"primary\"}\n      size={size}\n      href={href}\n      target={href && target ? target : undefined}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      type={href ? undefined : (type ?? \"button\")}\n      clickAction={onClick}\n    />\n  );\n}\n"],"mappings":";AAmDI;AAvCJ,SAAS,cAAkC;AAE3C,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,cAAc;AAGvB,MAAM,cAA6C;AAAA,EACjD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT;AAkBO,SAAS,IAAI,EAAE,OAAO,MAAM,UAAU,WAAW,OAAO,MAAM,MAAM,QAAQ,QAAQ,GAAa;AACtG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,YAAY,OAAO,KAAK;AAAA,MACjC;AAAA,MACA;AAAA,MACA,QAAQ,QAAQ,SAAS,SAAS;AAAA,MAClC,KAAK,WAAW,WAAW,wBAAwB;AAAA,MACnD,MAAM,OAAO,SAAa,QAAQ;AAAA,MAClC,aAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/components/EditBar.d.ts

@@ -0,0 +1,2 @@
+/** Zwevende werkbalk voor ingelogde beheerders/editors. */
+export declare function EditBar(): import("react").JSX.Element | null;

package/dist/components/EditBar.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuth } from "../auth/AuthProvider";
+import { canEdit } from "../auth/roles";
+import { useEditor } from "../editor/EditorProvider";
+function EditBar() {
+  const { user, role, signOut, demo } = useAuth();
+  const { open, openEditor } = useEditor();
+  if (!canEdit(role) || !user || open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "xicms-editbar", children: [
+    /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: demo ? "XiCMS \xB7 demo" : "XiCMS" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn", onClick: openEditor, children: "\u270F\uFE0F Pagina bewerken" }),
+    !demo && /* @__PURE__ */ jsx("a", { href: "/beheer", className: "xicms-btn xicms-btn--ghost", children: "Beheer" }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "xicms-btn xicms-btn--ghost", onClick: () => void signOut(), children: "Uitloggen" })
+  ] });
+}
+export {
+  EditBar
+};
+//# sourceMappingURL=EditBar.js.map

package/dist/components/EditBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/EditBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"../auth/AuthProvider\";\nimport { canEdit } from \"../auth/roles\";\nimport { useEditor } from \"../editor/EditorProvider\";\n\n/** Zwevende werkbalk voor ingelogde beheerders/editors. */\nexport function EditBar() {\n  // Bewust via useAuth (niet via het deprecated ContentProvider-pad): de EditBar hoort bij het\n  // block-model en mag niet aan het legacy inline-systeem hangen.\n  const { user, role, signOut, demo } = useAuth();\n  const { open, openEditor } = useEditor();\n\n  if (!canEdit(role) || !user || open) return null;\n\n  return (\n    <div className=\"xicms-editbar\">\n      <span style={{ fontWeight: 600 }}>{demo ? \"XiCMS · demo\" : \"XiCMS\"}</span>\n      {/* Eén heldere bewerk-actie: opent de visuele editor waarin je tekst ter plekke (inline) bewerkt\n          én structuur/blokken aanpast. Geen aparte (verwarrende) inline-toggle meer. */}\n      <button type=\"button\" className=\"xicms-btn\" onClick={openEditor}>\n        ✏️ Pagina bewerken\n      </button>\n      {/* In de demo bestaat er geen /beheer-route; daar bewerk je alleen op de pagina. */}\n      {!demo && <a href=\"/beheer\" className=\"xicms-btn xicms-btn--ghost\">Beheer</a>}\n      <button type=\"button\" className=\"xicms-btn xicms-btn--ghost\" onClick={() => void signOut()}>\n        Uitloggen\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAGnB,SAAS,UAAU;AAGxB,QAAM,EAAE,MAAM,MAAM,SAAS,KAAK,IAAI,QAAQ;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,UAAU;AAEvC,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAM,QAAO;AAE5C,SACE,qBAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,iBAAO,oBAAiB,SAAQ;AAAA,IAGnE,oBAAC,YAAO,MAAK,UAAS,WAAU,aAAY,SAAS,YAAY,0CAEjE;AAAA,IAEC,CAAC,QAAQ,oBAAC,OAAE,MAAK,WAAU,WAAU,8BAA6B,oBAAM;AAAA,IACzE,oBAAC,YAAO,MAAK,UAAS,WAAU,8BAA6B,SAAS,MAAM,KAAK,QAAQ,GAAG,uBAE5F;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/EditableImage.d.ts

@@ -0,0 +1,18 @@
+import { type CSSProperties } from "react";
+interface EditableImageProps {
+    /** Stabiel content-id, bv. "home.hero.image". */
+    id: string;
+    /** Standaard-afbeelding (URL) zolang er geen upload is. */
+    src?: string;
+    alt?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Bewerkbare afbeelding. In bewerk-modus kan een nieuwe afbeelding worden geüpload via dezelfde
+ * gedeelde pipeline als het beheer (`uploadImage`: automatische webp-compressie + media-registratie),
+ * zodat inline bewerken en de block-editor consistent zijn. De URL wordt als content-waarde opgeslagen.
+ */
+/** @deprecated Legacy inline (v1). Gebruik een image-block (inline vervangen via de mediakiezer). */
+export declare function EditableImage({ id, src, alt, className, style }: EditableImageProps): import("react").JSX.Element;
+export {};

package/dist/components/EditableImage.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useContent } from "../content/ContentProvider";
+import { useSiteConfig } from "../config";
+import { uploadImage } from "../admin/lib/upload";
+function EditableImage({ id, src, alt = "", className, style }) {
+  const { get, set, editMode, canEdit } = useContent();
+  const { siteId } = useSiteConfig();
+  const inputRef = useRef(null);
+  const [busy, setBusy] = useState(false);
+  const url = get(id, src ?? "");
+  async function handleFile(file) {
+    setBusy(true);
+    try {
+      const { url: uploaded } = await uploadImage(siteId, file);
+      await set(id, uploaded);
+    } catch (e) {
+      if (typeof window !== "undefined") window.alert(`Upload mislukt: ${e.message}`);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const img = url ? (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx("img", { src: url, alt, className, style })
+  ) : /* @__PURE__ */ jsx("div", { className, style: { background: "#e5e7eb", ...style }, "aria-label": alt });
+  if (editMode && canEdit) {
+    return /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-block" }, className: "xicms-editable", children: [
+      img,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "xicms-btn",
+          style: { position: "absolute", bottom: 8, left: 8 },
+          disabled: busy,
+          onClick: () => inputRef.current?.click(),
+          children: busy ? "Uploaden\u2026" : "Afbeelding wijzigen"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "file",
+          accept: "image/*",
+          hidden: true,
+          onChange: (e) => {
+            const f = e.target.files?.[0];
+            if (f) void handleFile(f);
+          }
+        }
+      )
+    ] });
+  }
+  return img;
+}
+export {
+  EditableImage
+};
+//# sourceMappingURL=EditableImage.js.map

package/dist/components/EditableImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/EditableImage.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef, useState, type CSSProperties } from \"react\";\nimport { useContent } from \"../content/ContentProvider\";\nimport { useSiteConfig } from \"../config\";\nimport { uploadImage } from \"../admin/lib/upload\";\n\ninterface EditableImageProps {\n  /** Stabiel content-id, bv. \"home.hero.image\". */\n  id: string;\n  /** Standaard-afbeelding (URL) zolang er geen upload is. */\n  src?: string;\n  alt?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * Bewerkbare afbeelding. In bewerk-modus kan een nieuwe afbeelding worden geüpload via dezelfde\n * gedeelde pipeline als het beheer (`uploadImage`: automatische webp-compressie + media-registratie),\n * zodat inline bewerken en de block-editor consistent zijn. De URL wordt als content-waarde opgeslagen.\n */\n/** @deprecated Legacy inline (v1). Gebruik een image-block (inline vervangen via de mediakiezer). */\nexport function EditableImage({ id, src, alt = \"\", className, style }: EditableImageProps) {\n  const { get, set, editMode, canEdit } = useContent();\n  const { siteId } = useSiteConfig();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [busy, setBusy] = useState(false);\n  const url = get(id, src ?? \"\");\n\n  async function handleFile(file: File) {\n    setBusy(true);\n    try {\n      const { url: uploaded } = await uploadImage(siteId, file);\n      await set(id, uploaded);\n    } catch (e) {\n      // eslint-disable-next-line no-alert\n      if (typeof window !== \"undefined\") window.alert(`Upload mislukt: ${(e as Error).message}`);\n    } finally {\n      setBusy(false);\n    }\n  }\n\n  const img = url ? (\n    // eslint-disable-next-line @next/next/no-img-element\n    <img src={url} alt={alt} className={className} style={style} />\n  ) : (\n    <div className={className} style={{ background: \"#e5e7eb\", ...style }} aria-label={alt} />\n  );\n\n  if (editMode && canEdit) {\n    return (\n      <div style={{ position: \"relative\", display: \"inline-block\" }} className=\"xicms-editable\">\n        {img}\n        <button\n          type=\"button\"\n          className=\"xicms-btn\"\n          style={{ position: \"absolute\", bottom: 8, left: 8 }}\n          disabled={busy}\n          onClick={() => inputRef.current?.click()}\n        >\n          {busy ? \"Uploaden…\" : \"Afbeelding wijzigen\"}\n        </button>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          hidden\n          onChange={(e) => {\n            const f = e.target.files?.[0];\n            if (f) void handleFile(f);\n          }}\n        />\n      </div>\n    );\n  }\n\n  return img;\n}\n"],"mappings":";AA6CI,cAOE,YAPF;AA3CJ,SAAS,QAAQ,gBAAoC;AACrD,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAkBrB,SAAS,cAAc,EAAE,IAAI,KAAK,MAAM,IAAI,WAAW,MAAM,GAAuB;AACzF,QAAM,EAAE,KAAK,KAAK,UAAU,QAAQ,IAAI,WAAW;AACnD,QAAM,EAAE,OAAO,IAAI,cAAc;AACjC,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,MAAM,IAAI,IAAI,OAAO,EAAE;AAE7B,iBAAe,WAAW,MAAY;AACpC,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,EAAE,KAAK,SAAS,IAAI,MAAM,YAAY,QAAQ,IAAI;AACxD,YAAM,IAAI,IAAI,QAAQ;AAAA,IACxB,SAAS,GAAG;AAEV,UAAI,OAAO,WAAW,YAAa,QAAO,MAAM,mBAAoB,EAAY,OAAO,EAAE;AAAA,IAC3F,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,QAAM,MAAM;AAAA;AAAA,IAEV,oBAAC,SAAI,KAAK,KAAK,KAAU,WAAsB,OAAc;AAAA,MAE7D,oBAAC,SAAI,WAAsB,OAAO,EAAE,YAAY,WAAW,GAAG,MAAM,GAAG,cAAY,KAAK;AAG1F,MAAI,YAAY,SAAS;AACvB,WACE,qBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,SAAS,eAAe,GAAG,WAAU,kBACtE;AAAA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO,EAAE,UAAU,YAAY,QAAQ,GAAG,MAAM,EAAE;AAAA,UAClD,UAAU;AAAA,UACV,SAAS,MAAM,SAAS,SAAS,MAAM;AAAA,UAEtC,iBAAO,mBAAc;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,QAAO;AAAA,UACP,QAAM;AAAA,UACN,UAAU,CAAC,MAAM;AACf,kBAAM,IAAI,EAAE,OAAO,QAAQ,CAAC;AAC5B,gBAAI,EAAG,MAAK,WAAW,CAAC;AAAA,UAC1B;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/components/EditableRichText.d.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties } from "react";
+interface EditableRichTextProps {
+    id: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: string;
+}
+/**
+ * Meerregelig bewerkbaar tekstblok (platte tekst, regelafbrekingen blijven behouden).
+ * In bewerk-modus een textarea; daarbuiten paragrafen. Bewust géén HTML, om XSS te vermijden.
+ */
+/** @deprecated Legacy inline (v1). Gebruik een richText-block + de visuele editor. */
+export declare function EditableRichText({ id, className, style, children }: EditableRichTextProps): import("react").JSX.Element;
+export {};

package/dist/components/EditableRichText.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useContent } from "../content/ContentProvider";
+function EditableRichText({ id, className, style, children }) {
+  const { get, set, editMode, canEdit } = useContent();
+  const value = get(id, children ?? "");
+  if (editMode && canEdit) {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: `${className ?? ""} xicms-editable`.trim(),
+        style: { width: "100%", minHeight: 120, ...style },
+        defaultValue: value,
+        "data-xicms-id": id,
+        onBlur: (e) => {
+          if (e.currentTarget.value !== value) void set(id, e.currentTarget.value);
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className, style, children: value.split(/\n{2,}/).map((para, i) => /* @__PURE__ */ jsx("p", { style: { whiteSpace: "pre-wrap" }, children: para }, i)) });
+}
+export {
+  EditableRichText
+};
+//# sourceMappingURL=EditableRichText.js.map

package/dist/components/EditableRichText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/EditableRichText.tsx"],"sourcesContent":["\"use client\";\n\nimport { type CSSProperties } from \"react\";\nimport { useContent } from \"../content/ContentProvider\";\n\ninterface EditableRichTextProps {\n  id: string;\n  className?: string;\n  style?: CSSProperties;\n  children?: string;\n}\n\n/**\n * Meerregelig bewerkbaar tekstblok (platte tekst, regelafbrekingen blijven behouden).\n * In bewerk-modus een textarea; daarbuiten paragrafen. Bewust géén HTML, om XSS te vermijden.\n */\n/** @deprecated Legacy inline (v1). Gebruik een richText-block + de visuele editor. */\nexport function EditableRichText({ id, className, style, children }: EditableRichTextProps) {\n  const { get, set, editMode, canEdit } = useContent();\n  const value = get(id, children ?? \"\");\n\n  if (editMode && canEdit) {\n    return (\n      <textarea\n        className={`${className ?? \"\"} xicms-editable`.trim()}\n        style={{ width: \"100%\", minHeight: 120, ...style }}\n        defaultValue={value}\n        data-xicms-id={id}\n        onBlur={(e) => {\n          if (e.currentTarget.value !== value) void set(id, e.currentTarget.value);\n        }}\n      />\n    );\n  }\n\n  return (\n    <div className={className} style={style}>\n      {value.split(/\\n{2,}/).map((para, i) => (\n        <p key={i} style={{ whiteSpace: \"pre-wrap\" }}>\n          {para}\n        </p>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAuBM;AApBN,SAAS,kBAAkB;AAcpB,SAAS,iBAAiB,EAAE,IAAI,WAAW,OAAO,SAAS,GAA0B;AAC1F,QAAM,EAAE,KAAK,KAAK,UAAU,QAAQ,IAAI,WAAW;AACnD,QAAM,QAAQ,IAAI,IAAI,YAAY,EAAE;AAEpC,MAAI,YAAY,SAAS;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,aAAa,EAAE,kBAAkB,KAAK;AAAA,QACpD,OAAO,EAAE,OAAO,QAAQ,WAAW,KAAK,GAAG,MAAM;AAAA,QACjD,cAAc;AAAA,QACd,iBAAe;AAAA,QACf,QAAQ,CAAC,MAAM;AACb,cAAI,EAAE,cAAc,UAAU,MAAO,MAAK,IAAI,IAAI,EAAE,cAAc,KAAK;AAAA,QACzE;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAsB,OACxB,gBAAM,MAAM,QAAQ,EAAE,IAAI,CAAC,MAAM,MAChC,oBAAC,OAAU,OAAO,EAAE,YAAY,WAAW,GACxC,kBADK,CAER,CACD,GACH;AAEJ;","names":[]}

package/dist/components/EditableText.d.ts

@@ -0,0 +1,21 @@
+import { type CSSProperties } from "react";
+interface EditableTextProps {
+    /** Stabiel content-id, bv. "home.hero.title". */
+    id: string;
+    /** HTML-element waarin de tekst wordt gerenderd. */
+    as?: keyof React.JSX.IntrinsicElements;
+    className?: string;
+    style?: CSSProperties;
+    /** Standaardtekst als er nog geen waarde is. */
+    children?: string;
+}
+/**
+ * Inline bewerkbaar tekstblok. In bewerk-modus (voor wie mag bewerken) wordt het element
+ * `contentEditable`; bij blur wordt de tekst opgeslagen. Buiten bewerk-modus is het gewone tekst.
+ */
+/** @deprecated Legacy inline (v1). Gebruik een block met `data-xicms-edit` + de visuele editor. */
+export declare function EditableText({ id, as, className, style, children }: EditableTextProps): import("react").ReactElement<{
+    className: string | undefined;
+    style: CSSProperties | undefined;
+}, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/EditableText.js

@@ -0,0 +1,25 @@
+"use client";
+import { createElement } from "react";
+import { useContent } from "../content/ContentProvider";
+function EditableText({ id, as = "span", className, style, children }) {
+  const { get, set, editMode, canEdit } = useContent();
+  const value = get(id, children ?? "");
+  if (editMode && canEdit) {
+    return createElement(as, {
+      className: `${className ?? ""} xicms-editable`.trim(),
+      style,
+      contentEditable: true,
+      suppressContentEditableWarning: true,
+      "data-xicms-id": id,
+      onBlur: (e) => {
+        const next = e.currentTarget.textContent ?? "";
+        if (next !== value) void set(id, next);
+      }
+    }, value);
+  }
+  return createElement(as, { className, style }, value);
+}
+export {
+  EditableText
+};
+//# sourceMappingURL=EditableText.js.map

package/dist/components/EditableText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/EditableText.tsx"],"sourcesContent":["\"use client\";\n\nimport { createElement, type CSSProperties, type FocusEvent } from \"react\";\nimport { useContent } from \"../content/ContentProvider\";\n\ninterface EditableTextProps {\n  /** Stabiel content-id, bv. \"home.hero.title\". */\n  id: string;\n  /** HTML-element waarin de tekst wordt gerenderd. */\n  as?: keyof React.JSX.IntrinsicElements;\n  className?: string;\n  style?: CSSProperties;\n  /** Standaardtekst als er nog geen waarde is. */\n  children?: string;\n}\n\n/**\n * Inline bewerkbaar tekstblok. In bewerk-modus (voor wie mag bewerken) wordt het element\n * `contentEditable`; bij blur wordt de tekst opgeslagen. Buiten bewerk-modus is het gewone tekst.\n */\n/** @deprecated Legacy inline (v1). Gebruik een block met `data-xicms-edit` + de visuele editor. */\nexport function EditableText({ id, as = \"span\", className, style, children }: EditableTextProps) {\n  const { get, set, editMode, canEdit } = useContent();\n  const value = get(id, children ?? \"\");\n\n  if (editMode && canEdit) {\n    return createElement(as, {\n      className: `${className ?? \"\"} xicms-editable`.trim(),\n      style,\n      contentEditable: true,\n      suppressContentEditableWarning: true,\n      \"data-xicms-id\": id,\n      onBlur: (e: FocusEvent<HTMLElement>) => {\n        const next = e.currentTarget.textContent ?? \"\";\n        if (next !== value) void set(id, next);\n      },\n    }, value);\n  }\n\n  return createElement(as, { className, style }, value);\n}\n"],"mappings":";AAEA,SAAS,qBAA0D;AACnE,SAAS,kBAAkB;AAkBpB,SAAS,aAAa,EAAE,IAAI,KAAK,QAAQ,WAAW,OAAO,SAAS,GAAsB;AAC/F,QAAM,EAAE,KAAK,KAAK,UAAU,QAAQ,IAAI,WAAW;AACnD,QAAM,QAAQ,IAAI,IAAI,YAAY,EAAE;AAEpC,MAAI,YAAY,SAAS;AACvB,WAAO,cAAc,IAAI;AAAA,MACvB,WAAW,GAAG,aAAa,EAAE,kBAAkB,KAAK;AAAA,MACpD;AAAA,MACA,iBAAiB;AAAA,MACjB,gCAAgC;AAAA,MAChC,iBAAiB;AAAA,MACjB,QAAQ,CAAC,MAA+B;AACtC,cAAM,OAAO,EAAE,cAAc,eAAe;AAC5C,YAAI,SAAS,MAAO,MAAK,IAAI,IAAI,IAAI;AAAA,MACvC;AAAA,IACF,GAAG,KAAK;AAAA,EACV;AAEA,SAAO,cAAc,IAAI,EAAE,WAAW,MAAM,GAAG,KAAK;AACtD;","names":[]}

package/dist/components/News.d.ts

@@ -0,0 +1,38 @@
+import type { NewsArticle } from "../content/types";
+/**
+ * Lijst van nieuwsartikelen voor de huidige site.
+ * - `live: false` (standaard publiek): één keer ophalen met getDocs → geen per-bezoeker listener
+ *   (scheelt Firestore-kosten op druk bezochte sites).
+ * - `live: true` (admin): realtime via onSnapshot, zodat wijzigingen meteen zichtbaar zijn.
+ */
+export declare function useNews(opts?: {
+    onlyPublished?: boolean;
+    live?: boolean;
+    max?: number;
+}): {
+    articles: NewsArticle[];
+    loading: boolean;
+};
+interface NewsListProps {
+    /** Basispad voor links naar een artikel, bv. "/nieuws". */
+    basePath?: string;
+    className?: string;
+    emptyLabel?: string;
+    /** Maximaal aantal artikelen om te tonen. */
+    limit?: number;
+    /** Toon eerst dit aantal en laad de rest met een "Meer laden"-knop (0/leeg = alles ineens). */
+    pageSize?: number;
+}
+/** Standaardweergave van nieuwsartikelen als kaartenlijst, optioneel gepagineerd. */
+export declare function NewsList({ basePath, className, emptyLabel, limit, pageSize }: NewsListProps): import("react").JSX.Element;
+/** BlogPosting-JSON-LD voor een artikel — puur, zodat het testbaar is. */
+export declare function articleBlogPostingJsonLd(article: NewsArticle, opts?: {
+    siteName?: string;
+    url?: string;
+}): Record<string, unknown>;
+/** Detailweergave van één artikel, met BlogPosting-JSON-LD voor zoekmachines. */
+export declare function NewsArticleView({ article, jsonLd }: {
+    article: NewsArticle;
+    jsonLd?: boolean;
+}): import("react").JSX.Element;
+export {};