@xiwebdesign/xicms-core 7.14.0 → 7.16.0

package/dist/blocks/builtins/TestimonialsRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/TestimonialsRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { TestimonialsBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { VStack, HStack, Grid, Card, Heading, Text, Avatar } from \"../ui\";\nimport { jsonLdHtml } from \"./jsonld\";\n\ntype Testimonials = z.infer<typeof TestimonialsBlockSchema>;\n\n/** Gemiddelde beoordeling over de items met een rating — voor de sterren-snippet in Google. */\nexport function aggregateRatingJsonLd(items: Testimonials[\"items\"]): Record<string, unknown> | null {\n  const rated = items.filter((it) => typeof it.rating === \"number\");\n  if (rated.length === 0) return null;\n  const avg = rated.reduce((sum, it) => sum + (it.rating as number), 0) / rated.length;\n  return {\n    \"@type\": \"AggregateRating\",\n    ratingValue: Math.round(avg * 10) / 10,\n    reviewCount: rated.length,\n    bestRating: 5,\n  };\n}\n\nexport function reviewJsonLd(items: Testimonials[\"items\"]): Record<string, unknown> {\n  const aggregate = aggregateRatingJsonLd(items);\n  // Reviews/AggregateRating zijn voor rich results alleen geldig aan een \"ding\" (bedrijf/product);\n  // een losse ItemList negeert Google. We hangen ze aan dezelfde #business-entiteit als de\n  // contact-/openingstijden-JSON-LD, zodat alles samenvloeit tot één LocalBusiness.\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"LocalBusiness\",\n    \"@id\": \"#business\",\n    ...(aggregate ? { aggregateRating: aggregate } : {}),\n    review: items\n      .filter((it) => it.quote && it.author)\n      .map((it) => ({\n        \"@type\": \"Review\",\n        reviewBody: it.quote,\n        author: { \"@type\": \"Person\", name: it.author },\n        ...(it.rating\n          ? { reviewRating: { \"@type\": \"Rating\", ratingValue: it.rating, bestRating: 5 } }\n          : {}),\n      })),\n  };\n}\n\n/** Klant­quotes / reviews als kaarten (Astryx). */\nexport function TestimonialsRender({ block }: BlockRenderProps<Testimonials>) {\n  // _i = index in de OORSPRONKELIJKE array — inline-edit-paden (items.N.quote) moeten daarheen wijzen.\n  const items = (block.items ?? []).map((it, i) => ({ ...it, _i: i })).filter((i) => i.quote);\n  if (items.length === 0) return null;\n  const cols = block.layout === \"list\" ? { minWidth: 320, max: 1 as const } : { minWidth: 280, max: 3 as const };\n  return (\n    <VStack gap={4} as=\"section\" className=\"xicms-testimonials\">\n      {block.heading && (\n        <Heading level={2} justify=\"center\" data-xicms-edit=\"heading\" style={{ textAlign: \"center\" }}>{block.heading}</Heading>\n      )}\n      <Grid columns={cols} gap={4}>\n        {items.map((it) => {\n          const i = it._i;\n          return (\n          <Card key={i} padding={4} height=\"100%\" className=\"xicms-testimonials__card\">\n            <VStack gap={2} style={{ height: \"100%\" }}>\n              {typeof it.rating === \"number\" && (\n                <Text className=\"xicms-testimonials__rating\" style={{ color: \"var(--xicms-star, #f59e0b)\", letterSpacing: \"0.1em\" }} aria-label={`${it.rating} van 5 sterren`}>\n                  {\"★\".repeat(it.rating)}\n                  <span style={{ opacity: 0.25 }}>{\"★\".repeat(5 - it.rating)}</span>\n                </Text>\n              )}\n              <Text type=\"large\" className=\"xicms-testimonials__quote\" style={{ flex: 1 }}>“<span data-xicms-edit={`items.${i}.quote`}>{it.quote}</span>”</Text>\n              <HStack gap={1.5} vAlign=\"center\">\n                {it.avatarUrl && <Avatar src={it.avatarUrl} name={it.author} size={40} />}\n                <VStack gap={0}>\n                  <Text weight=\"bold\" className=\"xicms-testimonials__author\" data-xicms-edit={`items.${i}.author`}>{it.author}</Text>\n                  {it.role && <Text type=\"supporting\" color=\"secondary\" className=\"xicms-testimonials__role\" data-xicms-edit={`items.${i}.role`}>{it.role}</Text>}\n                </VStack>\n              </HStack>\n            </VStack>\n          </Card>\n          );\n        })}\n      </Grid>\n      {block.jsonLd && (\n        <script\n          type=\"application/ld+json\"\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{ __html: jsonLdHtml(reviewJsonLd(items)) }}\n        />\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/builtins/Video.d.ts

@@ -1,9 +1 @@
-import type { z } from "zod";
-import type { VideoBlockSchema } from "../../schema/blocks.js";
-type Video = z.infer<typeof VideoBlockSchema>;
-/** Bouwt een embed-URL uit een id of volledige URL. */
-export declare function embedUrl(provider: Video["provider"], src: string, autoplay?: boolean): string;
-/** Thumbnail voor de click-to-play-facade: eigen poster of de YouTube-thumb. */
-export declare function facadeThumb(block: Pick<Video, "provider" | "src" | "posterUrl">): string | null;
-export declare const videoBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export {};
+export declare const videoBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/Video.js

@@ -1,75 +1,13 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-import { ConsentEmbed } from "./consentEmbed.js";
-function embedUrl(provider, src, autoplay = false) {
-  if (provider === "youtube") {
-    const id = src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? src;
-    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? "?autoplay=1" : ""}`;
-  }
-  if (provider === "vimeo") {
-    const id = src.match(/(?:vimeo\.com\/)?(\d{6,})/)?.[1] ?? src;
-    return `https://player.vimeo.com/video/${id}${autoplay ? "?autoplay=1" : ""}`;
-  }
-  return src;
-}
-function facadeThumb(block) {
-  if (block.posterUrl) return block.posterUrl;
-  if (block.provider === "youtube") {
-    const id = block.src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? block.src;
-    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;
-  }
-  return null;
-}
-function VideoRender({ block, mode }) {
-  const [activated, setActivated] = useState(false);
-  if (!block.src) return null;
-  const useFacade = block.facade && block.provider !== "file" && !activated;
-  const thumb = useFacade ? facadeThumb(block) : null;
-  const media = block.provider === "file" ? /* @__PURE__ */ jsx("video", { className: "xicms-video__player", src: block.src, controls: true, poster: block.posterUrl || void 0 }) : useFacade ? (
-    // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "xicms-video__facade",
-        onClick: () => mode !== "preview" && setActivated(true),
-        "aria-label": `Video afspelen: ${block.title ?? "video"}`,
-        children: [
-          thumb ? (
-            // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ jsx("img", { src: thumb, alt: "", loading: "lazy" })
-          ) : /* @__PURE__ */ jsx("span", { className: "xicms-video__facade-bg", "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { className: "xicms-video__play", "aria-hidden": true, children: "\u25B6" })
-        ]
-      }
-    )
-  ) : /* @__PURE__ */ jsx("div", { className: "xicms-video__frame", children: /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src: embedUrl(block.provider, block.src, activated),
-      title: block.title ?? "Video",
-      loading: "lazy",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: true
-    }
-  ) });
-  return /* @__PURE__ */ jsxs("figure", { className: "xicms-video", children: [
-    /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated && !useFacade && block.provider !== "file", preview: mode === "preview", label: "Video", children: media }),
-    block.caption && /* @__PURE__ */ jsx("figcaption", { "data-xicms-edit": "caption", children: block.caption })
-  ] });
-}
 const videoBlock = defineBlock({
   type: "video",
-  Render: VideoRender,
+  Render: dynamic(() => import("./VideoRender.js").then((m) => m.VideoRender)),
   label: "Video",
   icon: "\u{1F3AC}",
   defaults: () => ({ provider: "youtube", src: "", consentGated: true })
 });
 export {
-  embedUrl,
-  facadeThumb,
   videoBlock
 };
 //# sourceMappingURL=Video.js.map

package/dist/blocks/builtins/Video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/Video.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { VideoBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype Video = z.infer<typeof VideoBlockSchema>;\n\n/** Bouwt een embed-URL uit een id of volledige URL. */\nexport function embedUrl(provider: Video[\"provider\"], src: string, autoplay = false): string {\n  if (provider === \"youtube\") {\n    const id = src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? src;\n    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  if (provider === \"vimeo\") {\n    const id = src.match(/(?:vimeo\\.com\\/)?(\\d{6,})/)?.[1] ?? src;\n    return `https://player.vimeo.com/video/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  return src;\n}\n\n/** Thumbnail voor de click-to-play-facade: eigen poster of de YouTube-thumb. */\nexport function facadeThumb(block: Pick<Video, \"provider\" | \"src\" | \"posterUrl\">): string | null {\n  if (block.posterUrl) return block.posterUrl;\n  if (block.provider === \"youtube\") {\n    const id = block.src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? block.src;\n    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;\n  }\n  return null; // vimeo-thumbs vereisen een API-call; zonder poster geen facade-beeld\n}\n\nfunction VideoRender({ block, mode }: BlockRenderProps<Video>) {\n  const [activated, setActivated] = useState(false);\n  if (!block.src) return null;\n\n  const useFacade = block.facade && block.provider !== \"file\" && !activated;\n  const thumb = useFacade ? facadeThumb(block) : null;\n\n  const media =\n    block.provider === \"file\" ? (\n      <video className=\"xicms-video__player\" src={block.src} controls poster={block.posterUrl || undefined} />\n    ) : useFacade ? (\n      // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).\n      <button\n        type=\"button\"\n        className=\"xicms-video__facade\"\n        onClick={() => mode !== \"preview\" && setActivated(true)}\n        aria-label={`Video afspelen: ${block.title ?? \"video\"}`}\n      >\n        {thumb ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img src={thumb} alt=\"\" loading=\"lazy\" />\n        ) : (\n          <span className=\"xicms-video__facade-bg\" aria-hidden />\n        )}\n        <span className=\"xicms-video__play\" aria-hidden>▶</span>\n      </button>\n    ) : (\n      <div className=\"xicms-video__frame\">\n        <iframe\n          src={embedUrl(block.provider, block.src, activated)}\n          title={block.title ?? \"Video\"}\n          loading=\"lazy\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowFullScreen\n        />\n      </div>\n    );\n  return (\n    <figure className=\"xicms-video\">\n      {/* Zelf-gehost bestand (provider \"file\") doet géén third-party-request en zet geen cookies —\n          daar is geen cookie-toestemming voor nodig; alleen youtube/vimeo-embeds gaten. */}\n      <ConsentEmbed gated={block.consentGated && !useFacade && block.provider !== \"file\"} preview={mode === \"preview\"} label=\"Video\">{media}</ConsentEmbed>\n      {block.caption && <figcaption data-xicms-edit=\"caption\">{block.caption}</figcaption>}\n    </figure>\n  );\n}\n\nexport const videoBlock = defineBlock({\n  type: \"video\",\n  Render: VideoRender,\n  label: \"Video\",\n  icon: \"🎬\",\n  defaults: () => ({ provider: \"youtube\", src: \"\", consentGated: true }),\n});\n"],"mappings":";AA0CM,cAGA,YAHA;AAxCN,SAAS,gBAAgB;AAGzB,SAAS,mBAA0C;AACnD,SAAS,oBAAoB;AAKtB,SAAS,SAAS,UAA6B,KAAa,WAAW,OAAe;AAC3F,MAAI,aAAa,WAAW;AAC1B,UAAM,KAAK,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK;AACtE,WAAO,0CAA0C,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EACrF;AACA,MAAI,aAAa,SAAS;AACxB,UAAM,KAAK,IAAI,MAAM,2BAA2B,IAAI,CAAC,KAAK;AAC1D,WAAO,kCAAkC,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AAGO,SAAS,YAAY,OAAqE;AAC/F,MAAI,MAAM,UAAW,QAAO,MAAM;AAClC,MAAI,MAAM,aAAa,WAAW;AAChC,UAAM,KAAK,MAAM,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK,MAAM;AAClF,WAAO,KAAK,0BAA0B,EAAE,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;AAEA,SAAS,YAAY,EAAE,OAAO,KAAK,GAA4B;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,MAAI,CAAC,MAAM,IAAK,QAAO;AAEvB,QAAM,YAAY,MAAM,UAAU,MAAM,aAAa,UAAU,CAAC;AAChE,QAAM,QAAQ,YAAY,YAAY,KAAK,IAAI;AAE/C,QAAM,QACJ,MAAM,aAAa,SACjB,oBAAC,WAAM,WAAU,uBAAsB,KAAK,MAAM,KAAK,UAAQ,MAAC,QAAQ,MAAM,aAAa,QAAW,IACpG;AAAA;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,SAAS,aAAa,aAAa,IAAI;AAAA,QACtD,cAAY,mBAAmB,MAAM,SAAS,OAAO;AAAA,QAEpD;AAAA;AAAA;AAAA,YAEC,oBAAC,SAAI,KAAK,OAAO,KAAI,IAAG,SAAQ,QAAO;AAAA,cAEvC,oBAAC,UAAK,WAAU,0BAAyB,eAAW,MAAC;AAAA,UAEvD,oBAAC,UAAK,WAAU,qBAAoB,eAAW,MAAC,oBAAC;AAAA;AAAA;AAAA,IACnD;AAAA,MAEA,oBAAC,SAAI,WAAU,sBACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,SAAS,MAAM,UAAU,MAAM,KAAK,SAAS;AAAA,MAClD,OAAO,MAAM,SAAS;AAAA,MACtB,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,iBAAe;AAAA;AAAA,EACjB,GACF;AAEJ,SACE,qBAAC,YAAO,WAAU,eAGhB;AAAA,wBAAC,gBAAa,OAAO,MAAM,gBAAgB,CAAC,aAAa,MAAM,aAAa,QAAQ,SAAS,SAAS,WAAW,OAAM,SAAS,iBAAM;AAAA,IACrI,MAAM,WAAW,oBAAC,gBAAW,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,KACzE;AAEJ;AAEO,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,WAAW,KAAK,IAAI,cAAc,KAAK;AACtE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/Video.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const videoBlock = defineBlock({\n  type: \"video\",\n  Render: dynamic(() => import(\"./VideoRender\").then((m) => m.VideoRender)),\n  label: \"Video\",\n  icon: \"🎬\",\n  defaults: () => ({ provider: \"youtube\", src: \"\", consentGated: true }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,aAAa,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,eAAe,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC;AAAA,EACxE,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU,OAAO,EAAE,UAAU,WAAW,KAAK,IAAI,cAAc,KAAK;AACtE,CAAC;","names":[]}

package/dist/blocks/builtins/VideoRender.d.ts

@@ -0,0 +1,10 @@
+import type { z } from "zod";
+import type { VideoBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type Video = z.infer<typeof VideoBlockSchema>;
+/** Bouwt een embed-URL uit een id of volledige URL. */
+export declare function embedUrl(provider: Video["provider"], src: string, autoplay?: boolean): string;
+/** Thumbnail voor de click-to-play-facade: eigen poster of de YouTube-thumb. */
+export declare function facadeThumb(block: Pick<Video, "provider" | "src" | "posterUrl">): string | null;
+export declare function VideoRender({ block, mode }: BlockRenderProps<Video>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/VideoRender.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ConsentEmbed } from "./consentEmbed.js";
+function embedUrl(provider, src, autoplay = false) {
+  if (provider === "youtube") {
+    const id = src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? src;
+    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? "?autoplay=1" : ""}`;
+  }
+  if (provider === "vimeo") {
+    const id = src.match(/(?:vimeo\.com\/)?(\d{6,})/)?.[1] ?? src;
+    return `https://player.vimeo.com/video/${id}${autoplay ? "?autoplay=1" : ""}`;
+  }
+  return src;
+}
+function facadeThumb(block) {
+  if (block.posterUrl) return block.posterUrl;
+  if (block.provider === "youtube") {
+    const id = block.src.match(/(?:v=|youtu\.be\/|embed\/)([\w-]{6,})/)?.[1] ?? block.src;
+    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;
+  }
+  return null;
+}
+function VideoRender({ block, mode }) {
+  const [activated, setActivated] = useState(false);
+  if (!block.src) return null;
+  const useFacade = block.facade && block.provider !== "file" && !activated;
+  const thumb = useFacade ? facadeThumb(block) : null;
+  const media = block.provider === "file" ? /* @__PURE__ */ jsx("video", { className: "xicms-video__player", src: block.src, controls: true, poster: block.posterUrl || void 0 }) : useFacade ? (
+    // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "xicms-video__facade",
+        onClick: () => mode !== "preview" && setActivated(true),
+        "aria-label": `Video afspelen: ${block.title ?? "video"}`,
+        children: [
+          thumb ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsx("img", { src: thumb, alt: "", loading: "lazy" })
+          ) : /* @__PURE__ */ jsx("span", { className: "xicms-video__facade-bg", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "xicms-video__play", "aria-hidden": true, children: "\u25B6" })
+        ]
+      }
+    )
+  ) : /* @__PURE__ */ jsx("div", { className: "xicms-video__frame", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: embedUrl(block.provider, block.src, activated),
+      title: block.title ?? "Video",
+      loading: "lazy",
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+      allowFullScreen: true
+    }
+  ) });
+  return /* @__PURE__ */ jsxs("figure", { className: "xicms-video", children: [
+    /* @__PURE__ */ jsx(ConsentEmbed, { gated: block.consentGated && !useFacade && block.provider !== "file", preview: mode === "preview", label: "Video", children: media }),
+    block.caption && /* @__PURE__ */ jsx("figcaption", { "data-xicms-edit": "caption", children: block.caption })
+  ] });
+}
+export {
+  VideoRender,
+  embedUrl,
+  facadeThumb
+};
+//# sourceMappingURL=VideoRender.js.map

package/dist/blocks/builtins/VideoRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/VideoRender.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { z } from \"zod\";\nimport type { VideoBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\nimport { ConsentEmbed } from \"./consentEmbed\";\n\ntype Video = z.infer<typeof VideoBlockSchema>;\n\n/** Bouwt een embed-URL uit een id of volledige URL. */\nexport function embedUrl(provider: Video[\"provider\"], src: string, autoplay = false): string {\n  if (provider === \"youtube\") {\n    const id = src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? src;\n    return `https://www.youtube-nocookie.com/embed/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  if (provider === \"vimeo\") {\n    const id = src.match(/(?:vimeo\\.com\\/)?(\\d{6,})/)?.[1] ?? src;\n    return `https://player.vimeo.com/video/${id}${autoplay ? \"?autoplay=1\" : \"\"}`;\n  }\n  return src;\n}\n\n/** Thumbnail voor de click-to-play-facade: eigen poster of de YouTube-thumb. */\nexport function facadeThumb(block: Pick<Video, \"provider\" | \"src\" | \"posterUrl\">): string | null {\n  if (block.posterUrl) return block.posterUrl;\n  if (block.provider === \"youtube\") {\n    const id = block.src.match(/(?:v=|youtu\\.be\\/|embed\\/)([\\w-]{6,})/)?.[1] ?? block.src;\n    return id ? `https://i.ytimg.com/vi/${id}/hqdefault.jpg` : null;\n  }\n  return null; // vimeo-thumbs vereisen een API-call; zonder poster geen facade-beeld\n}\n\nexport function VideoRender({ block, mode }: BlockRenderProps<Video>) {\n  const [activated, setActivated] = useState(false);\n  if (!block.src) return null;\n\n  const useFacade = block.facade && block.provider !== \"file\" && !activated;\n  const thumb = useFacade ? facadeThumb(block) : null;\n\n  const media =\n    block.provider === \"file\" ? (\n      <video className=\"xicms-video__player\" src={block.src} controls poster={block.posterUrl || undefined} />\n    ) : useFacade ? (\n      // Click-to-play: geen third-party iframe tot de bezoeker klikt (sneller + privacyvriendelijker).\n      <button\n        type=\"button\"\n        className=\"xicms-video__facade\"\n        onClick={() => mode !== \"preview\" && setActivated(true)}\n        aria-label={`Video afspelen: ${block.title ?? \"video\"}`}\n      >\n        {thumb ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img src={thumb} alt=\"\" loading=\"lazy\" />\n        ) : (\n          <span className=\"xicms-video__facade-bg\" aria-hidden />\n        )}\n        <span className=\"xicms-video__play\" aria-hidden>▶</span>\n      </button>\n    ) : (\n      <div className=\"xicms-video__frame\">\n        <iframe\n          src={embedUrl(block.provider, block.src, activated)}\n          title={block.title ?? \"Video\"}\n          loading=\"lazy\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowFullScreen\n        />\n      </div>\n    );\n  return (\n    <figure className=\"xicms-video\">\n      {/* Zelf-gehost bestand (provider \"file\") doet géén third-party-request en zet geen cookies —\n          daar is geen cookie-toestemming voor nodig; alleen youtube/vimeo-embeds gaten. */}\n      <ConsentEmbed gated={block.consentGated && !useFacade && block.provider !== \"file\"} preview={mode === \"preview\"} label=\"Video\">{media}</ConsentEmbed>\n      {block.caption && <figcaption data-xicms-edit=\"caption\">{block.caption}</figcaption>}\n    </figure>\n  );\n}\n"],"mappings":";AA0CM,cAGA,YAHA;AAxCN,SAAS,gBAAgB;AAIzB,SAAS,oBAAoB;AAKtB,SAAS,SAAS,UAA6B,KAAa,WAAW,OAAe;AAC3F,MAAI,aAAa,WAAW;AAC1B,UAAM,KAAK,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK;AACtE,WAAO,0CAA0C,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EACrF;AACA,MAAI,aAAa,SAAS;AACxB,UAAM,KAAK,IAAI,MAAM,2BAA2B,IAAI,CAAC,KAAK;AAC1D,WAAO,kCAAkC,EAAE,GAAG,WAAW,gBAAgB,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AAGO,SAAS,YAAY,OAAqE;AAC/F,MAAI,MAAM,UAAW,QAAO,MAAM;AAClC,MAAI,MAAM,aAAa,WAAW;AAChC,UAAM,KAAK,MAAM,IAAI,MAAM,uCAAuC,IAAI,CAAC,KAAK,MAAM;AAClF,WAAO,KAAK,0BAA0B,EAAE,mBAAmB;AAAA,EAC7D;AACA,SAAO;AACT;AAEO,SAAS,YAAY,EAAE,OAAO,KAAK,GAA4B;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,MAAI,CAAC,MAAM,IAAK,QAAO;AAEvB,QAAM,YAAY,MAAM,UAAU,MAAM,aAAa,UAAU,CAAC;AAChE,QAAM,QAAQ,YAAY,YAAY,KAAK,IAAI;AAE/C,QAAM,QACJ,MAAM,aAAa,SACjB,oBAAC,WAAM,WAAU,uBAAsB,KAAK,MAAM,KAAK,UAAQ,MAAC,QAAQ,MAAM,aAAa,QAAW,IACpG;AAAA;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,SAAS,aAAa,aAAa,IAAI;AAAA,QACtD,cAAY,mBAAmB,MAAM,SAAS,OAAO;AAAA,QAEpD;AAAA;AAAA;AAAA,YAEC,oBAAC,SAAI,KAAK,OAAO,KAAI,IAAG,SAAQ,QAAO;AAAA,cAEvC,oBAAC,UAAK,WAAU,0BAAyB,eAAW,MAAC;AAAA,UAEvD,oBAAC,UAAK,WAAU,qBAAoB,eAAW,MAAC,oBAAC;AAAA;AAAA;AAAA,IACnD;AAAA,MAEA,oBAAC,SAAI,WAAU,sBACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,SAAS,MAAM,UAAU,MAAM,KAAK,SAAS;AAAA,MAClD,OAAO,MAAM,SAAS;AAAA,MACtB,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,iBAAe;AAAA;AAAA,EACjB,GACF;AAEJ,SACE,qBAAC,YAAO,WAAU,eAGhB;AAAA,wBAAC,gBAAa,OAAO,MAAM,gBAAgB,CAAC,aAAa,MAAM,aAAa,QAAQ,SAAS,SAAS,WAAW,OAAM,SAAS,iBAAM;AAAA,IACrI,MAAM,WAAW,oBAAC,gBAAW,mBAAgB,WAAW,gBAAM,SAAQ;AAAA,KACzE;AAEJ;","names":[]}

package/dist/blocks/builtins/WhatsappChat.d.ts

@@ -1,8 +1 @@
-import type { z } from "zod";
-/**
- * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer
- * ("06-12345678") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus
- * dan liever geen link (de editor-preview vraagt om internationale notatie).
- */
-export declare function waLink(phone: string, text?: string): string | null;
-export declare const whatsappChatBlock: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const whatsappChatBlock: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;

package/dist/blocks/builtins/WhatsappChat.js

@@ -1,49 +1,14 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import dynamic from "next/dynamic";
 import { defineBlock } from "../registry.js";
-function waLink(phone, text) {
-  const trimmed = phone.trim().replace(/\(0\)/g, "");
-  const digits = trimmed.replace(/\D/g, "");
-  const intl = trimmed.startsWith("+") ? digits : digits.startsWith("00") ? digits.slice(2) : digits.startsWith("0") ? null : digits;
-  if (!intl || intl.length < 8 || intl.length > 15) return null;
-  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : ""}`;
-}
-function WhatsappChatRender({ block, mode }) {
-  const href = waLink(block.phone, block.prefilledText);
-  if (!href) {
-    return mode === "preview" ? /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F4AC} WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678)." }) : null;
-  }
-  const icon = /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z" }),
-    /* @__PURE__ */ jsx("path", { d: "M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] });
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      className: "xicms-whatsapp",
-      "data-position": block.position,
-      "data-preview": mode === "preview" ? "1" : void 0,
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      "aria-label": block.label || "Chat via WhatsApp",
-      children: [
-        icon,
-        block.label && /* @__PURE__ */ jsx("span", { className: "xicms-whatsapp__label", "data-xicms-edit": "label", children: block.label })
-      ]
-    }
-  );
-}
 const whatsappChatBlock = defineBlock({
   type: "whatsappChat",
-  Render: WhatsappChatRender,
+  Render: dynamic(() => import("./WhatsappChatRender.js").then((m) => m.WhatsappChatRender)),
   label: "WhatsApp-knop",
   icon: "\u{1F4AC}",
   category: "widget",
   defaults: () => ({ phone: "", label: "App ons", position: "br" })
 });
 export {
-  waLink,
   whatsappChatBlock
 };
 //# sourceMappingURL=WhatsappChat.js.map

package/dist/blocks/builtins/WhatsappChat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/blocks/builtins/WhatsappChat.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { WhatsappChatBlockSchema } from \"../../schema/blocks\";\nimport { defineBlock, type BlockRenderProps } from \"../registry\";\n\ntype WhatsappChat = z.infer<typeof WhatsappChatBlockSchema>;\n\n/**\n * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer\n * (\"06-12345678\") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus\n * dan liever geen link (de editor-preview vraagt om internationale notatie).\n */\nexport function waLink(phone: string, text?: string): string | null {\n  // \"(0)\" in \"+31 (0)6 12345678\" is een schrijfconventie, geen kiescijfer — eerst strippen,\n  // anders belandt die valse nul midden in het wa.me-nummer.\n  const trimmed = phone.trim().replace(/\\(0\\)/g, \"\");\n  const digits = trimmed.replace(/\\D/g, \"\");\n  const intl = trimmed.startsWith(\"+\")\n    ? digits\n    : digits.startsWith(\"00\")\n      ? digits.slice(2)\n      : digits.startsWith(\"0\")\n        ? null\n        : digits;\n  if (!intl || intl.length < 8 || intl.length > 15) return null;\n  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : \"\"}`;\n}\n\n/**\n * Zwevende WhatsApp-knop — dé laagdrempelige contactknop voor lokale bedrijven. Gewone link\n * (geen embed/scripts), dus geen consent nodig. In de editor-preview inline weergegeven zodat\n * hij het canvas niet overlapt.\n */\nfunction WhatsappChatRender({ block, mode }: BlockRenderProps<WhatsappChat>) {\n  const href = waLink(block.phone, block.prefilledText);\n  if (!href) {\n    return mode === \"preview\" ? <p className=\"xicms-ve__hint\">💬 WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678).</p> : null;\n  }\n  const icon = (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" aria-hidden>\n      <path d=\"M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z\" />\n      <path d=\"M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n  return (\n    <a\n      className=\"xicms-whatsapp\"\n      data-position={block.position}\n      data-preview={mode === \"preview\" ? \"1\" : undefined}\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={block.label || \"Chat via WhatsApp\"}\n    >\n      {icon}\n      {block.label && <span className=\"xicms-whatsapp__label\" data-xicms-edit=\"label\">{block.label}</span>}\n    </a>\n  );\n}\n\nexport const whatsappChatBlock = defineBlock({\n  type: \"whatsappChat\",\n  Render: WhatsappChatRender,\n  label: \"WhatsApp-knop\",\n  icon: \"💬\",\n  category: \"widget\",\n  defaults: () => ({ phone: \"\", label: \"App ons\", position: \"br\" }),\n});\n"],"mappings":";AAqCgC,cAG5B,YAH4B;AAjChC,SAAS,mBAA0C;AAS5C,SAAS,OAAO,OAAe,MAA8B;AAGlE,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,UAAU,EAAE;AACjD,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE;AACxC,QAAM,OAAO,QAAQ,WAAW,GAAG,IAC/B,SACA,OAAO,WAAW,IAAI,IACpB,OAAO,MAAM,CAAC,IACd,OAAO,WAAW,GAAG,IACnB,OACA;AACR,MAAI,CAAC,QAAQ,KAAK,SAAS,KAAK,KAAK,SAAS,GAAI,QAAO;AACzD,SAAO,iBAAiB,IAAI,GAAG,OAAO,SAAS,mBAAmB,IAAI,CAAC,KAAK,EAAE;AAChF;AAOA,SAAS,mBAAmB,EAAE,OAAO,KAAK,GAAmC;AAC3E,QAAM,OAAO,OAAO,MAAM,OAAO,MAAM,aAAa;AACpD,MAAI,CAAC,MAAM;AACT,WAAO,SAAS,YAAY,oBAAC,OAAE,WAAU,kBAAiB,qGAAgF,IAAO;AAAA,EACnJ;AACA,QAAM,OACJ,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAW,MAC7G;AAAA,wBAAC,UAAK,GAAE,wEAAuE;AAAA,IAC/E,oBAAC,UAAK,GAAE,2CAA0C,eAAc,SAAQ,gBAAe,SAAQ;AAAA,KACjG;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAe,MAAM;AAAA,MACrB,gBAAc,SAAS,YAAY,MAAM;AAAA,MACzC;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,cAAY,MAAM,SAAS;AAAA,MAE1B;AAAA;AAAA,QACA,MAAM,SAAS,oBAAC,UAAK,WAAU,yBAAwB,mBAAgB,SAAS,gBAAM,OAAM;AAAA;AAAA;AAAA,EAC/F;AAEJ;AAEO,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO,EAAE,OAAO,IAAI,OAAO,WAAW,UAAU,KAAK;AACjE,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/blocks/builtins/WhatsappChat.tsx"],"sourcesContent":["import dynamic from \"next/dynamic\";\nimport { defineBlock } from \"../registry\";\n\nexport const whatsappChatBlock = defineBlock({\n  type: \"whatsappChat\",\n  Render: dynamic(() => import(\"./WhatsappChatRender\").then((m) => m.WhatsappChatRender)),\n  label: \"WhatsApp-knop\",\n  icon: \"💬\",\n  category: \"widget\",\n  defaults: () => ({ phone: \"\", label: \"App ons\", position: \"br\" }),\n});\n"],"mappings":"AAAA,OAAO,aAAa;AACpB,SAAS,mBAAmB;AAErB,MAAM,oBAAoB,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ,QAAQ,MAAM,OAAO,sBAAsB,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AAAA,EACtF,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU,OAAO,EAAE,OAAO,IAAI,OAAO,WAAW,UAAU,KAAK;AACjE,CAAC;","names":[]}

package/dist/blocks/builtins/WhatsappChatRender.d.ts

@@ -0,0 +1,17 @@
+import type { z } from "zod";
+import type { WhatsappChatBlockSchema } from "../../schema/blocks.js";
+import type { BlockRenderProps } from "../registry.js";
+type WhatsappChat = z.infer<typeof WhatsappChatBlockSchema>;
+/**
+ * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer
+ * ("06-12345678") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus
+ * dan liever geen link (de editor-preview vraagt om internationale notatie).
+ */
+export declare function waLink(phone: string, text?: string): string | null;
+/**
+ * Zwevende WhatsApp-knop — dé laagdrempelige contactknop voor lokale bedrijven. Gewone link
+ * (geen embed/scripts), dus geen consent nodig. In de editor-preview inline weergegeven zodat
+ * hij het canvas niet overlapt.
+ */
+export declare function WhatsappChatRender({ block, mode }: BlockRenderProps<WhatsappChat>): import("react").JSX.Element | null;
+export {};

package/dist/blocks/builtins/WhatsappChatRender.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function waLink(phone, text) {
+  const trimmed = phone.trim().replace(/\(0\)/g, "");
+  const digits = trimmed.replace(/\D/g, "");
+  const intl = trimmed.startsWith("+") ? digits : digits.startsWith("00") ? digits.slice(2) : digits.startsWith("0") ? null : digits;
+  if (!intl || intl.length < 8 || intl.length > 15) return null;
+  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : ""}`;
+}
+function WhatsappChatRender({ block, mode }) {
+  const href = waLink(block.phone, block.prefilledText);
+  if (!href) {
+    return mode === "preview" ? /* @__PURE__ */ jsx("p", { className: "xicms-ve__hint", children: "\u{1F4AC} WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678)." }) : null;
+  }
+  const icon = /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      className: "xicms-whatsapp",
+      "data-position": block.position,
+      "data-preview": mode === "preview" ? "1" : void 0,
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": block.label || "Chat via WhatsApp",
+      children: [
+        icon,
+        block.label && /* @__PURE__ */ jsx("span", { className: "xicms-whatsapp__label", "data-xicms-edit": "label", children: block.label })
+      ]
+    }
+  );
+}
+export {
+  WhatsappChatRender,
+  waLink
+};
+//# sourceMappingURL=WhatsappChatRender.js.map

package/dist/blocks/builtins/WhatsappChatRender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/builtins/WhatsappChatRender.tsx"],"sourcesContent":["\"use client\";\n\nimport type { z } from \"zod\";\nimport type { WhatsappChatBlockSchema } from \"../../schema/blocks\";\nimport type { BlockRenderProps } from \"../registry\";\n\ntype WhatsappChat = z.infer<typeof WhatsappChatBlockSchema>;\n\n/**\n * wa.me accepteert alleen cijfers (internationaal, zonder + of spaties). Een nationaal nummer\n * (\"06-12345678\") heeft geen landcode — die zomaar strippen levert een verkeerd nummer op, dus\n * dan liever geen link (de editor-preview vraagt om internationale notatie).\n */\nexport function waLink(phone: string, text?: string): string | null {\n  // \"(0)\" in \"+31 (0)6 12345678\" is een schrijfconventie, geen kiescijfer — eerst strippen,\n  // anders belandt die valse nul midden in het wa.me-nummer.\n  const trimmed = phone.trim().replace(/\\(0\\)/g, \"\");\n  const digits = trimmed.replace(/\\D/g, \"\");\n  const intl = trimmed.startsWith(\"+\")\n    ? digits\n    : digits.startsWith(\"00\")\n      ? digits.slice(2)\n      : digits.startsWith(\"0\")\n        ? null\n        : digits;\n  if (!intl || intl.length < 8 || intl.length > 15) return null;\n  return `https://wa.me/${intl}${text ? `?text=${encodeURIComponent(text)}` : \"\"}`;\n}\n\n/**\n * Zwevende WhatsApp-knop — dé laagdrempelige contactknop voor lokale bedrijven. Gewone link\n * (geen embed/scripts), dus geen consent nodig. In de editor-preview inline weergegeven zodat\n * hij het canvas niet overlapt.\n */\nexport function WhatsappChatRender({ block, mode }: BlockRenderProps<WhatsappChat>) {\n  const href = waLink(block.phone, block.prefilledText);\n  if (!href) {\n    return mode === \"preview\" ? <p className=\"xicms-ve__hint\">💬 WhatsApp-knop: vul een internationaal telefoonnummer in (bv. +31 6 12345678).</p> : null;\n  }\n  const icon = (\n    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.9\" aria-hidden>\n      <path d=\"M12 4.2a7.8 7.8 0 0 0-6.7 11.8L4.4 19.6l3.7-.9A7.8 7.8 0 1 0 12 4.2z\" />\n      <path d=\"M9.3 8.9c.7 2.4 2.6 4.4 5 5l1-1.2 2 1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n  return (\n    <a\n      className=\"xicms-whatsapp\"\n      data-position={block.position}\n      data-preview={mode === \"preview\" ? \"1\" : undefined}\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={block.label || \"Chat via WhatsApp\"}\n    >\n      {icon}\n      {block.label && <span className=\"xicms-whatsapp__label\" data-xicms-edit=\"label\">{block.label}</span>}\n    </a>\n  );\n}\n"],"mappings":";AAqCgC,cAG5B,YAH4B;AAxBzB,SAAS,OAAO,OAAe,MAA8B;AAGlE,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,UAAU,EAAE;AACjD,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE;AACxC,QAAM,OAAO,QAAQ,WAAW,GAAG,IAC/B,SACA,OAAO,WAAW,IAAI,IACpB,OAAO,MAAM,CAAC,IACd,OAAO,WAAW,GAAG,IACnB,OACA;AACR,MAAI,CAAC,QAAQ,KAAK,SAAS,KAAK,KAAK,SAAS,GAAI,QAAO;AACzD,SAAO,iBAAiB,IAAI,GAAG,OAAO,SAAS,mBAAmB,IAAI,CAAC,KAAK,EAAE;AAChF;AAOO,SAAS,mBAAmB,EAAE,OAAO,KAAK,GAAmC;AAClF,QAAM,OAAO,OAAO,MAAM,OAAO,MAAM,aAAa;AACpD,MAAI,CAAC,MAAM;AACT,WAAO,SAAS,YAAY,oBAAC,OAAE,WAAU,kBAAiB,qGAAgF,IAAO;AAAA,EACnJ;AACA,QAAM,OACJ,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAW,MAC7G;AAAA,wBAAC,UAAK,GAAE,wEAAuE;AAAA,IAC/E,oBAAC,UAAK,GAAE,2CAA0C,eAAc,SAAQ,gBAAe,SAAQ;AAAA,KACjG;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAe,MAAM;AAAA,MACrB,gBAAc,SAAS,YAAY,MAAM;AAAA,MACzC;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,cAAY,MAAM,SAAS;AAAA,MAE1B;AAAA;AAAA,QACA,MAAM,SAAS,oBAAC,UAAK,WAAU,yBAAwB,mBAAgB,SAAS,gBAAM,OAAM;AAAA;AAAA;AAAA,EAC/F;AAEJ;","names":[]}

package/dist/blocks/builtins/Widgets.d.ts

@@ -1,13 +1,12 @@
-import type { z } from "zod";
-export declare const newsWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const agendaWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const openingHoursWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const contactWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const socialWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const newsletterWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const ctaWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const galleryWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const testimonialsWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const cardsWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const downloadsWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-export declare const countdownWidget: import("../index.js").BlockDefinition<z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
+export declare const newsWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const agendaWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const openingHoursWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const contactWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const socialWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const newsletterWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const ctaWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const galleryWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const testimonialsWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const cardsWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const downloadsWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;
+export declare const countdownWidget: import("../index.js").BlockDefinition<import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>>;