@vamos-ui/react 0.4.0 → 0.4.1

package/README.md

@@ -23,6 +23,10 @@ export default function Page() {
 }
 ```
 
+Next.js with webpack (`next build --webpack`, the Next.js 15 default): add
+`experimental: { optimizePackageImports: ["@vamos-ui/react"] }` to next.config, or a Server Component
+that imports from the package root ships every client component. Turbopack and Vite need nothing.
+
 Prefer to own the source? Copy single components with the CLI: `npx vamos-ui add button`.
 
 MIT licensed. “Vamos UI” and the logo are trademarks of Vamos.

package/dist/blocks/block-heading.js

@@ -29,7 +29,7 @@ export function renderEmphasis(text) {
  * <BlockHeading level={1} size="display-xl" text="Dinner, *slowly*." />
  * ```
  */
-export const BlockHeading = React.forwardRef(function BlockHeading({ text, children, level = 2, size = "display-m", editMode, field, labels, locale, className, ...props }, ref) {
+export const BlockHeading = /*#__PURE__*/ React.forwardRef(function BlockHeading({ text, children, level = 2, size = "display-m", editMode, field, labels, locale, className, ...props }, ref) {
     const Tag = `h${level}`;
     const content = children ?? renderEmphasis(text);
     const empty = content === undefined || content === null || content === "";

package/dist/blocks/block-link.js

@@ -14,7 +14,7 @@ import { isExternalUrl, sanitizeHref } from "./schema/safety.js";
  * <BlockLink href="https://maps.app.goo.gl/x" newTab>Directions</BlockLink>
  * ```
  */
-export const BlockLink = React.forwardRef(function BlockLink({ href, newTab, appearance, size = "lg", components, labels, locale, field, editMode, className, children, rel, target, ...props }, ref) {
+export const BlockLink = /*#__PURE__*/ React.forwardRef(function BlockLink({ href, newTab, appearance, size = "lg", components, labels, locale, field, editMode, className, children, rel, target, ...props }, ref) {
     const safe = sanitizeHref(href);
     const classes = cn(appearance === "link" ? "inline-flex min-h-6 pointer-coarse:min-h-11 items-center gap-1.5 font-medium text-fg underline decoration-line underline-offset-[0.3em] transition-colors hover:decoration-current focus-ring rounded-[2px]" : null, appearance && appearance !== "link" ? cn(buttonVariants({ variant: appearance, size }), appearance === "primary" && "vb-action-primary", appearance === "secondary" && "vb-action-secondary") : null, className);
     const fieldAttr = editMode && field ? { "data-field": field } : undefined;

package/dist/blocks/index.d.ts

@@ -6,7 +6,7 @@ export { BlockLink, type BlockLinkProps } from "./block-link.js";
 export { RichText, renderInline, renderRichBlocks, type RichTextProps, type RichTextRenderOptions } from "./rich-text.js";
 export { JsonLd, mergeJsonLd, serializeJsonLd, type JsonLdProps, type JsonLdNode } from "./json-ld.js";
 export { createBlocks, fieldAttrs, type CreateBlocksOptions, type BoundBlocks } from "./create-blocks.js";
-export { blockLabels, blockLabelsTr, blockText, type BlockLabels } from "./labels.js";
+export { blockLabels, blockLabelsTr, blockLabelsDe, blockLabelsFr, blockLabelsEs, blockLabelsAr, blockText, type BlockLabels } from "./labels.js";
 export type { BlockAdapters, BlockBaseProps, BlockComponentProps, BlockRuntime, ImageData, LinkData } from "./types.js";
 export { parseEmphasis, stripEmphasis, type EmphasisPart } from "./schema/emphasis.js";
 export { sanitizeHref, isExternalUrl, linkKindOf } from "./schema/safety.js";
@@ -40,7 +40,7 @@ export { GallerySection, type GallerySectionProps, type GalleryVariant, type Gal
 export { ConsentBanner, ConsentDefaults, type ConsentBannerProps, type ConsentVariant } from "./site/consent-banner.js";
 export { ContactDock, type ContactDockProps, type ContactDockVariant, type DockAction, type MessagingProvider } from "./site/contact-dock.js";
 export { EmbedFacade, type EmbedFacadeProps } from "./site/embed-facade.js";
-export { Footer, type FooterProps, type FooterVariant } from "./site/footer.js";
+export { Footer, footerJsonLd, type FooterProps, type FooterVariant } from "./site/footer.js";
 export { NotFound, type NotFoundProps, type NotFoundVariant, type NotFoundKind } from "./site/not-found.js";
 export { isOpenAt, hoursStatus, hoursOn, weekRows, summarizeHours, orderedWeek, weekStartOf, weekdayName, formatTime, formatRange, zonedMoment, openingHoursJsonLd, describeStatus, timeVars, type OpenStatus, type OpenState, type WeekRow, type DayHours, type ZonedMoment, type Weekday, type TimeRange } from "./site/shared/opening-hours.js";
 export { OpenNow, type OpenNowProps } from "./site/shared/open-now.js";
@@ -49,7 +49,7 @@ export { ConsentSettingsButton } from "./site/shared/consent-island.js";
 export { getConsent, onConsent, readConsent, writeConsent, parseConsent, openConsentPreferences, consentDefaultsScript, consentModeSignals, CONSENT_COOKIE, CONSENT_EVENT, CONSENT_OPEN_EVENT, CONSENT_CATEGORIES, type ConsentCategory, type ConsentRecord, type ConsentChoices } from "./site/shared/consent.js";
 export { validateContactForm, isSpam, contactFieldLabel, HONEYPOT_FIELD, type ContactFieldConfig, type ContactFieldName, type SiteFormState, type SiteFormAction, type ContactValidation } from "./site/shared/site-form.js";
 export { BrandIcon, BRAND_NAMES, type BrandName, type BrandIconProps } from "./site/shared/brand-icons.js";
-export { site2Labels, site2LabelsTr, type Site2Labels, type Site2BlockLabels } from "./site/shared/labels-2.js";
+export { site2Labels, site2LabelsTr, site2LabelsDe, site2LabelsFr, site2LabelsEs, site2LabelsAr, type Site2Labels, type Site2BlockLabels } from "./site/shared/labels-2.js";
 export { SiteShell, SiteShellPage, SiteShellLocale, SiteShellLink, useSiteShell, type SiteShellProps, type SiteShellPageProps, type SiteShellLocaleProps, type SiteShellLinkProps, type SiteShellContextValue } from "./site/site-shell.js";
 export { siteAccent, siteAccentCss, siteAccentKey, isBuiltInAccent, BUILT_IN_SITE_ACCENTS, SITE_TEXT_CONTRAST, type SiteAccentPalette, type SiteAccentOptions } from "./site/shared/site-accent.js";
 export { sitePageHref, siteLocaleHref, parseSiteHref, readSiteLocation, writeSiteLocation, type SiteRouting, type SiteLocation, type SiteRouteParams } from "./site/shared/site-routing.js";

package/dist/blocks/index.js

@@ -8,7 +8,7 @@ export { BlockLink } from "./block-link.js";
 export { RichText, renderInline, renderRichBlocks } from "./rich-text.js";
 export { JsonLd, mergeJsonLd, serializeJsonLd } from "./json-ld.js";
 export { createBlocks, fieldAttrs } from "./create-blocks.js";
-export { blockLabels, blockLabelsTr, blockText } from "./labels.js";
+export { blockLabels, blockLabelsTr, blockLabelsDe, blockLabelsFr, blockLabelsEs, blockLabelsAr, blockText } from "./labels.js";
 // Pure helpers (no zod) re-exported for components
 export { parseEmphasis, stripEmphasis } from "./schema/emphasis.js";
 export { sanitizeHref, isExternalUrl, linkKindOf } from "./schema/safety.js";
@@ -42,7 +42,7 @@ export { GallerySection } from "./site/gallery-section.js";
 export { ConsentBanner, ConsentDefaults } from "./site/consent-banner.js";
 export { ContactDock } from "./site/contact-dock.js";
 export { EmbedFacade } from "./site/embed-facade.js";
-export { Footer } from "./site/footer.js";
+export { Footer, footerJsonLd } from "./site/footer.js";
 export { NotFound } from "./site/not-found.js";
 // Shared modules: opening hours, consent, form contract, brand marks, labels
 export { isOpenAt, hoursStatus, hoursOn, weekRows, summarizeHours, orderedWeek, weekStartOf, weekdayName, formatTime, formatRange, zonedMoment, openingHoursJsonLd, describeStatus, timeVars } from "./site/shared/opening-hours.js";
@@ -52,7 +52,7 @@ export { ConsentSettingsButton } from "./site/shared/consent-island.js";
 export { getConsent, onConsent, readConsent, writeConsent, parseConsent, openConsentPreferences, consentDefaultsScript, consentModeSignals, CONSENT_COOKIE, CONSENT_EVENT, CONSENT_OPEN_EVENT, CONSENT_CATEGORIES } from "./site/shared/consent.js";
 export { validateContactForm, isSpam, contactFieldLabel, HONEYPOT_FIELD } from "./site/shared/site-form.js";
 export { BrandIcon, BRAND_NAMES } from "./site/shared/brand-icons.js";
-export { site2Labels, site2LabelsTr } from "./site/shared/labels-2.js";
+export { site2Labels, site2LabelsTr, site2LabelsDe, site2LabelsFr, site2LabelsEs, site2LabelsAr } from "./site/shared/labels-2.js";
 // Site shell: locale switch, inner pages and a scoped accent for whole-site blocks
 export { SiteShell, SiteShellPage, SiteShellLocale, SiteShellLink, useSiteShell } from "./site/site-shell.js";
 export { siteAccent, siteAccentCss, siteAccentKey, isBuiltInAccent, BUILT_IN_SITE_ACCENTS, SITE_TEXT_CONTRAST } from "./site/shared/site-accent.js";

package/dist/blocks/labels.d.ts

@@ -16,5 +16,13 @@ export declare const blockLabels: {
 export type BlockLabels = typeof blockLabels;
 /** Turkish dictionary for site blocks. */
 export declare const blockLabelsTr: BlockLabels;
+/** German dictionary for site blocks. */
+export declare const blockLabelsDe: BlockLabels;
+/** French dictionary for site blocks. */
+export declare const blockLabelsFr: BlockLabels;
+/** Spanish dictionary for site blocks. */
+export declare const blockLabelsEs: BlockLabels;
+/** Arabic dictionary for site blocks. */
+export declare const blockLabelsAr: BlockLabels;
 /** Label lookup for server components: `labels` prop → English. */
 export declare function blockText(labels?: Partial<BlockLabels>, locale?: string): (key: keyof BlockLabels, vars?: Record<string, unknown>) => string;

package/dist/blocks/labels.js

@@ -30,6 +30,66 @@ export const blockLabelsTr = {
     emptyImage: "Görsel yok",
     codeSample: "Kod örneği",
 };
+/** German dictionary for site blocks. */
+export const blockLabelsDe = {
+    opensInNewTab: "(öffnet in einem neuen Tab)",
+    skipToContent: "Zum Inhalt springen",
+    addTitle: "Titel hinzufügen",
+    addText: "Text hinzufügen",
+    addImage: "Bild hinzufügen",
+    unknownBlock: "Unbekannter Block „{type}“",
+    unknownBlockHint: "Dieser Blocktyp ist nicht installiert. Sein Inhalt bleibt erhalten und wird wieder angezeigt, sobald der Block verfügbar ist.",
+    invalidBlock: "„{type}“ enthält ungültige Inhalte",
+    invalidBlockHint: "{count, plural, one {# Feld wurde} other {# Felder wurden}} durch Standardwerte ersetzt. Korrigieren Sie sie im Editor.",
+    newerBlock: "„{type}“ wurde mit einer neueren Version gespeichert (v{v})",
+    emptyImage: "Kein Bild",
+    codeSample: "Codebeispiel",
+};
+/** French dictionary for site blocks. */
+export const blockLabelsFr = {
+    opensInNewTab: "(s’ouvre dans un nouvel onglet)",
+    skipToContent: "Aller au contenu",
+    addTitle: "Ajouter un titre",
+    addText: "Ajouter du texte",
+    addImage: "Ajouter une image",
+    unknownBlock: "Bloc inconnu « {type} »",
+    unknownBlockHint: "Ce type de bloc n’est pas installé. Son contenu est conservé et s’affichera de nouveau dès que le bloc sera disponible.",
+    invalidBlock: "« {type} » contient des données non valides",
+    invalidBlockHint: "{count, plural, one {# champ a été remplacé} other {# champs ont été remplacés}} par les valeurs par défaut. Corrigez-les dans l’éditeur.",
+    newerBlock: "« {type} » a été enregistré avec une version plus récente (v{v})",
+    emptyImage: "Aucune image",
+    codeSample: "Exemple de code",
+};
+/** Spanish dictionary for site blocks. */
+export const blockLabelsEs = {
+    opensInNewTab: "(se abre en una pestaña nueva)",
+    skipToContent: "Saltar al contenido",
+    addTitle: "Añade un título",
+    addText: "Añade texto",
+    addImage: "Añade una imagen",
+    unknownBlock: "Bloque desconocido «{type}»",
+    unknownBlockHint: "Este tipo de bloque no está instalado. Su contenido se conserva y volverá a mostrarse cuando el bloque esté disponible.",
+    invalidBlock: "«{type}» tiene contenido no válido",
+    invalidBlockHint: "{count, plural, one {Se ha sustituido # campo} other {Se han sustituido # campos}} por valores predeterminados. Corrígelos en el editor.",
+    newerBlock: "«{type}» se guardó con una versión más reciente (v{v})",
+    emptyImage: "Sin imagen",
+    codeSample: "Ejemplo de código",
+};
+/** Arabic dictionary for site blocks. */
+export const blockLabelsAr = {
+    opensInNewTab: "(يُفتح في علامة تبويب جديدة)",
+    skipToContent: "انتقل إلى المحتوى",
+    addTitle: "أضف عنوانًا",
+    addText: "أضف نصًا",
+    addImage: "أضف صورة",
+    unknownBlock: "كتلة غير معروفة «{type}»",
+    unknownBlockHint: "نوع الكتلة هذا غير مثبّت. يُحتفظ بمحتواها وستظهر مجددًا عند توفّر الكتلة.",
+    invalidBlock: "تحتوي «{type}» على محتوى غير صالح",
+    invalidBlockHint: "{count, plural, zero {لم يُستبدل أي حقل} one {استُبدل حقل واحد} two {استُبدل حقلان} few {استُبدلت # حقول} many {استُبدل # حقلًا} other {استُبدل # حقل}} بالقيم الافتراضية. صحّحها في المحرر.",
+    newerBlock: "حُفظت «{type}» بإصدار أحدث (v{v})",
+    emptyImage: "لا توجد صورة",
+    codeSample: "مثال برمجي",
+};
 /** Label lookup for server components: `labels` prop → English. */
 export function blockText(labels, locale = "en-US") {
     const merged = { ...blockLabels };

package/dist/blocks/section-header.js

@@ -10,7 +10,7 @@ import { BlockHeading, renderEmphasis } from "./block-heading.js";
  * <SectionHeader eyebrow="Private dining" title="Rooms for *twelve* or forty" lead="…" align="split" headingId="rooms" />
  * ```
  */
-export const SectionHeader = React.forwardRef(function SectionHeader({ eyebrow, index, title, lead, actions, align = "start", size = "m", headingLevel = 2, headingId, editMode, labels, locale, className, ...props }, ref) {
+export const SectionHeader = /*#__PURE__*/ React.forwardRef(function SectionHeader({ eyebrow, index, title, lead, actions, align = "start", size = "m", headingLevel = 2, headingId, editMode, labels, locale, className, ...props }, ref) {
     const heading = (_jsx(BlockHeading, { id: headingId, level: headingLevel, size: size === "l" ? "display-l" : "display-m", text: title, editMode: editMode, field: "props.title", labels: labels, locale: locale }));
     const eyebrowEl = eyebrow || index ? (_jsxs("p", { className: cn("flex items-center gap-3 font-mono text-eyebrow uppercase tracking-[0.08em] text-fg-muted", align === "center" && "justify-center"), "data-field": editMode ? "props.eyebrow" : undefined, children: [index ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "tabular text-fg", children: index }), _jsx("span", { "aria-hidden": true, className: "h-px w-6 bg-current opacity-40" })] })) : null, eyebrow ? _jsx("span", { children: renderEmphasis(eyebrow) }) : null] })) : null;
     const leadEl = lead ? (_jsx("p", { className: "vb-lead max-w-(--measure) text-lead text-fg-muted", "data-field": editMode ? "props.lead" : undefined, children: lead })) : null;

package/dist/blocks/section.js

@@ -46,7 +46,7 @@ export function sectionThemeAttributes(theme) {
  * </Section>
  * ```
  */
-export const Section = React.forwardRef(function Section({ as: Comp = "section", theme, anchor, headingId, blockId, blockType, editMode, priority, components, labels, className, style, children, ...props }, ref) {
+export const Section = /*#__PURE__*/ React.forwardRef(function Section({ as: Comp = "section", theme, anchor, headingId, blockId, blockType, editMode, priority, components, labels, className, style, children, ...props }, ref) {
     const t = sectionThemeAttributes(theme);
     const bg = theme?.surface === "media" ? theme.background : undefined;
     return (_jsxs(Comp, { ref: ref, id: anchor, "aria-labelledby": headingId, className: cn("vb-section", t.className, className), style: t.style || style ? { ...t.style, ...style } : undefined, "data-block-id": editMode ? blockId : undefined, "data-block-type": editMode ? blockType : undefined, ...t.attrs, ...props, children: [bg ? _jsx(SectionMedia, { image: bg, priority: priority, components: components, labels: labels }) : null, children] }));
@@ -56,7 +56,7 @@ function SectionMedia({ image, priority, components, labels }) {
     return (_jsx("div", { className: "vb-section-media", "aria-hidden": "true", children: _jsx(BlockImage, { src: image.src, width: image.width, height: image.height, blurDataURL: image.blurDataURL, focal: image.focal, decorative: true, priority: priority, sizes: "100vw", components: components, labels: labels }) }));
 }
 /** Centres content at a token width with fluid gutters (`--gutter`). Server component. */
-export const Container = React.forwardRef(function Container({ size = "content", className, ...props }, ref) {
+export const Container = /*#__PURE__*/ React.forwardRef(function Container({ size = "content", className, ...props }, ref) {
     return _jsx("div", { ref: ref, "data-size": size === "content" ? undefined : size, className: cn("vb-container", className), ...props });
 });
 /** "Skip to content" — the first focusable element of a site, before the navbar. */

package/dist/blocks/site/feature-tabs.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs } from "radix-ui";
+import * as Tabs from "radix-ui/tabs";
 import { cn } from "../../lib/cn.js";
 /**
  * Tabs island of the Feature grid `tabs` variant (WAI-ARIA Tabs via Radix, vertical arrow keys).

package/dist/blocks/site/footer.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { type JsonLdNode } from "../json-ld.js";
 import type { BlockBaseProps } from "../types.js";
 import type { AddressValue, SocialNetwork } from "../schema/types.js";
 import { type Site2BlockLabels } from "./shared/labels-2.js";
@@ -53,8 +54,16 @@ export interface FooterProps extends Omit<BlockBaseProps, "variant" | "labels" |
     };
     /** © year. Default: the render year. */
     year?: number;
+    /**
+     * Organization JSON-LD built from brand, company, contact and social. Default true. Pass an
+     * object to refine it (`{ "@type": "Dentist", url: "https://…" }`; a LocalBusiness subtype
+     * suits a shop or clinic), or false when the page already emits its own.
+     */
+    jsonLd?: boolean | JsonLdNode;
     labels?: Site2BlockLabels;
 }
+/** `Organization` JSON-LD from the footer's details (absolute brand href becomes `url`). */
+export declare function footerJsonLd(props: Pick<FooterProps, "brand" | "company" | "contact" | "social">): JsonLdNode;
 /**
  * Site footer: navigation, contact, socials, legal links and the company details e-commerce law
  * requires in many countries. `footer` landmark with labelled inner navs; social links are named
@@ -65,4 +74,4 @@ export interface FooterProps extends Omit<BlockBaseProps, "variant" | "labels" |
  *   company={{ legalName: "Vamos Dijital Ajans Ltd. Şti.", registry: [{ label: "Tax no.", value: "923 145 6780" }] }} />
  * ```
  */
-export declare function Footer({ variant, brand, about, columns, contact, social, legalLinks, company, credit, cookieSettings, newsletter, year, id, anchor, theme, className, labels, locale, components, editMode, }: FooterProps): React.JSX.Element;
+export declare function Footer({ variant, brand, about, columns, contact, social, legalLinks, company, credit, cookieSettings, newsletter, year, jsonLd, id, anchor, theme, className, labels, locale, components, editMode, }: FooterProps): React.JSX.Element;

package/dist/blocks/site/footer.js

@@ -4,6 +4,7 @@ import { cn2 as cn } from "./shared/kit-2.js";
 import { Section, Container } from "../section.js";
 import { BlockImage } from "../block-image.js";
 import { BlockLink } from "../block-link.js";
+import { JsonLd } from "../json-ld.js";
 import { labelTemplates, site2Text } from "./shared/labels-2.js";
 import { addressLines, fieldAttr, prettyPhone, telHref, useBlockIds2 } from "./shared/kit-2.js";
 import { BrandIcon, BRAND_NAMES } from "./shared/brand-icons.js";
@@ -11,6 +12,27 @@ import { ConsentSettingsButton } from "./shared/consent-island.js";
 import { ContactFormIsland } from "./shared/contact-form-island.js";
 import { contactIslandLabelKeys } from "./shared/island-keys.js";
 import { TAP } from "./shared/tap.js";
+/** `Organization` JSON-LD from the footer's details (absolute brand href becomes `url`). */
+export function footerJsonLd(props) {
+    const { brand, company, contact, social = [] } = props;
+    const address = contact?.address;
+    return {
+        "@type": "Organization",
+        name: brand.name,
+        ...(company?.legalName && company.legalName !== brand.name ? { legalName: company.legalName } : null),
+        ...(brand.href && /^https?:\/\//.test(brand.href) ? { url: brand.href } : null),
+        ...(contact?.phone ? { telephone: contact.phone } : null),
+        ...(contact?.email ? { email: contact.email } : null),
+        ...(address
+            ? {
+                address: typeof address === "string"
+                    ? address.replace(/\n/g, ", ")
+                    : { "@type": "PostalAddress", streetAddress: address.line, addressLocality: address.district ? `${address.district}, ${address.city}` : address.city, ...(address.region ? { addressRegion: address.region } : null), ...(address.postalCode ? { postalCode: address.postalCode } : null), addressCountry: address.country },
+            }
+            : null),
+        ...(social.length ? { sameAs: social.map((s) => s.href) } : null),
+    };
+}
 const isImage = (v) => !!v && typeof v === "object" && "src" in v && !React.isValidElement(v);
 /**
  * Site footer: navigation, contact, socials, legal links and the company details e-commerce law
@@ -22,29 +44,31 @@ const isImage = (v) => !!v && typeof v === "object" && "src" in v && !React.isVa
  *   company={{ legalName: "Vamos Dijital Ajans Ltd. Şti.", registry: [{ label: "Tax no.", value: "923 145 6780" }] }} />
  * ```
  */
-export function Footer({ variant = "columns", brand, about, columns = [], contact, social = [], legalLinks = [], company, credit, cookieSettings = true, newsletter, year, id, anchor, theme, className, labels, locale = "en-US", components, editMode, }) {
+export function Footer({ variant = "columns", brand, about, columns = [], contact, social = [], legalLinks = [], company, credit, cookieSettings = true, newsletter, year, jsonLd = true, id, anchor, theme, className, labels, locale = "en-US", components, editMode, }) {
     const t = site2Text(labels, locale);
     const { base } = useBlockIds2(id, "footer");
     const y = String(year ?? new Date().getFullYear());
     const ctx = { t, locale, components, labels, editMode };
     const copyright = t("copyright", { year: y, name: company?.legalName ?? brand.name });
+    // The edit canvas skips it; the document renderer collects the definition's JSON-LD instead.
+    const structured = jsonLd && !editMode ? _jsx(JsonLd, { data: { ...footerJsonLd({ brand, company, contact, social }), ...(typeof jsonLd === "object" ? jsonLd : null) } }) : null;
     const legalLine = (_jsxs("div", { className: "flex flex-col gap-3 text-small text-fg-muted @4xl:flex-row @4xl:items-center @4xl:justify-between @4xl:gap-8", children: [_jsx("p", { children: copyright }), _jsx("nav", { "aria-label": t("legal"), children: _jsxs("ul", { className: "flex flex-wrap items-center gap-x-5 gap-y-2 pointer-coarse:gap-y-0", children: [legalLinks.map((l, i) => (_jsx("li", { children: _jsx(BlockLink, { href: l.href, newTab: l.newTab, components: components, labels: labels, locale: locale, className: cn(TAP, "rounded-[2px] text-fg-muted underline-offset-[0.25em] transition-colors hover:text-fg hover:underline focus-ring"), children: l.label }) }, i))), cookieSettings ? (_jsx("li", { children: _jsx(ConsentSettingsButton, { className: cn(TAP, "text-fg-muted transition-colors hover:text-fg"), children: t("cookieSettings") }) })) : null, credit ? (_jsx("li", { children: _jsx(BlockLink, { href: credit.href, newTab: credit.newTab, components: components, labels: labels, locale: locale, className: cn(TAP, "rounded-[2px] text-fg-muted underline-offset-[0.25em] hover:text-fg hover:underline focus-ring"), children: t("madeBy", { name: typeof credit.label === "string" ? credit.label : "" }) }) })) : null] }) })] }));
     // The legal name already sits in the © line; the company row only earns its place with registry data.
     const companyLine = company?.registry?.length ? (_jsxs("div", { className: "flex flex-col gap-1.5 @4xl:flex-row @4xl:items-baseline @4xl:gap-6", ...fieldAttr(editMode, "company"), children: [_jsx("p", { className: "text-small text-fg-muted", children: company.legalName }), company.registry?.length ? (_jsx("dl", { className: "flex flex-wrap gap-x-6 gap-y-1 font-mono text-eyebrow uppercase tracking-[0.06em] text-fg-muted", children: company.registry.map((r, i) => (_jsxs("div", { className: "flex gap-2", children: [_jsx("dt", { children: r.label }), _jsx("dd", { className: "tabular text-fg-muted", children: r.value })] }, i))) })) : null] })) : null;
     if (variant === "minimal") {
-        return (_jsx(Section, { as: "footer", theme: { rhythm: "tight", ...theme }, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer", className), "data-variant": "minimal", "aria-label": t("footer"), children: _jsxs(Container, { className: "flex flex-col gap-6 @4xl:flex-row @4xl:items-center @4xl:justify-between", children: [_jsx(BrandMark, { brand: brand, ctx: ctx }), columns[0]?.links.length ? (_jsx("nav", { "aria-label": t("footerNav"), children: _jsx("ul", { className: "flex flex-wrap gap-x-6 gap-y-2 text-small", children: columns.flatMap((c) => c.links).slice(0, 5).map((l, i) => (_jsx("li", { children: _jsx(FooterLink, { link: l, ctx: ctx }) }, i))) }) })) : null, _jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-3", children: [_jsx(SocialList, { social: social, ctx: ctx }), _jsx("p", { className: "text-small text-fg-muted", children: copyright })] })] }) }));
+        return (_jsxs(Section, { as: "footer", theme: { rhythm: "tight", ...theme }, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer", className), "data-variant": "minimal", "aria-label": t("footer"), children: [structured, _jsxs(Container, { className: "flex flex-col gap-6 @4xl:flex-row @4xl:items-center @4xl:justify-between", children: [_jsx(BrandMark, { brand: brand, ctx: ctx }), columns[0]?.links.length ? (_jsx("nav", { "aria-label": t("footerNav"), children: _jsx("ul", { className: "flex flex-wrap gap-x-6 gap-y-2 text-small", children: columns.flatMap((c) => c.links).slice(0, 5).map((l, i) => (_jsx("li", { children: _jsx(FooterLink, { link: l, ctx: ctx }) }, i))) }) })) : null, _jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-3", children: [_jsx(SocialList, { social: social, ctx: ctx }), _jsx("p", { className: "text-small text-fg-muted", children: copyright })] })] })] }));
     }
     const linkColumns = columns.slice(0, 4).map((c, i) => (_jsxs("nav", { "aria-labelledby": `${base}-col-${i}`, className: "flex flex-col gap-4", children: [_jsx("p", { id: `${base}-col-${i}`, className: "font-mono text-eyebrow uppercase tracking-[0.08em] text-fg-muted", children: c.title }), _jsx("ul", { className: "flex flex-col gap-2.5 pointer-coarse:gap-0", children: c.links.slice(0, 8).map((l, j) => (_jsx("li", { children: _jsx(FooterLink, { link: l, ctx: ctx }) }, j))) })] }, i)));
     const contactBlock = contact ? (_jsxs("div", { className: "flex flex-col gap-2 text-small text-fg-muted", children: [contact.address ? (_jsx("address", { className: "not-italic", children: (typeof contact.address === "string" ? contact.address.split("\n") : addressLines(contact.address, { locale })).map((l, i) => (_jsx("span", { className: "block", children: l }, i))) })) : null, contact.phone ? (_jsx("a", { href: telHref(contact.phone), className: cn(TAP, "self-start text-fg tabular underline decoration-line underline-offset-[0.25em] hover:decoration-current focus-ring rounded-[2px]"), "data-track": "call", children: prettyPhone(contact.phone) })) : null, contact.email ? (_jsx("a", { href: `mailto:${contact.email}`, className: cn(TAP, "self-start text-fg underline decoration-line underline-offset-[0.25em] hover:decoration-current focus-ring rounded-[2px]"), "data-track": "email", children: contact.email })) : null] })) : null;
     const newsletterBlock = newsletter ? (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-body font-medium text-fg", children: newsletter.title ?? t("newsletter") }), _jsx("p", { className: "text-small text-fg-muted", children: newsletter.hint ?? t("newsletterHint") }), _jsx(ContactFormIsland, { action: newsletter.action, fields: [{ name: "email", required: true, label: t("emailAddress") }], labels: { ...labelTemplates(labels, contactIslandLabelKeys), send: t("subscribe"), sent: t("subscribed") }, locale: locale, layout: "minimal", idBase: `${base}-nl`, className: "vb-footer-newsletter" })] })) : null;
     if (variant === "wordmark") {
-        return (_jsxs(Section, { as: "footer", theme: theme, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer overflow-hidden pb-0!", className), "data-variant": "wordmark", "aria-label": t("footer"), children: [_jsxs(Container, { className: "flex flex-col gap-12", children: [_jsxs("div", { className: "grid gap-x-(--gutter) gap-y-10 @2xl:grid-cols-2 @4xl:grid-cols-12", children: [_jsxs("div", { className: "flex flex-col gap-5 @4xl:col-span-4", children: [about ? _jsx("p", { className: "max-w-[40ch] text-fg-muted text-pretty", children: about }) : null, contactBlock, _jsx(SocialList, { social: social, ctx: ctx })] }), _jsx("div", { className: "grid grid-cols-2 gap-x-(--gutter) gap-y-10 @2xl:col-span-1 @4xl:col-span-8 @4xl:grid-cols-4", children: linkColumns })] }), newsletterBlock ? _jsx("div", { className: "max-w-xl", children: newsletterBlock }) : null, _jsxs("div", { className: "flex flex-col gap-4 border-t border-line pt-6", children: [companyLine, legalLine] })] }), _jsx("p", { "aria-hidden": true, className: "vb-wordmark select-none whitespace-nowrap px-(--gutter) font-display text-display-2xl leading-[0.78] text-fg", 
+        return (_jsxs(Section, { as: "footer", theme: theme, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer overflow-hidden pb-0!", className), "data-variant": "wordmark", "aria-label": t("footer"), children: [structured, _jsxs(Container, { className: "flex flex-col gap-12", children: [_jsxs("div", { className: "grid gap-x-(--gutter) gap-y-10 @2xl:grid-cols-2 @4xl:grid-cols-12", children: [_jsxs("div", { className: "flex flex-col gap-5 @4xl:col-span-4", children: [about ? _jsx("p", { className: "max-w-[40ch] text-fg-muted text-pretty", children: about }) : null, contactBlock, _jsx(SocialList, { social: social, ctx: ctx })] }), _jsx("div", { className: "grid grid-cols-2 gap-x-(--gutter) gap-y-10 @2xl:col-span-1 @4xl:col-span-8 @4xl:grid-cols-4", children: linkColumns })] }), newsletterBlock ? _jsx("div", { className: "max-w-xl", children: newsletterBlock }) : null, _jsxs("div", { className: "flex flex-col gap-4 border-t border-line pt-6", children: [companyLine, legalLine] })] }), _jsx("p", { "aria-hidden": true, className: "vb-wordmark select-none whitespace-nowrap px-(--gutter) font-display text-display-2xl leading-[0.78] text-fg", 
                     // Fill the width: a short name at the fixed display size reads as an accidental crop. The
                     // size never goes above what fits, so a long name is not cut at the side; wide display
                     // faces (Syne 800 and the like) set `--vb-wordmark-em` (average glyph width, default 0.58em).
                     style: typeof brand.name === "string" ? { fontSize: `min(calc((100cqi - 2 * var(--gutter, 1.5rem)) / (${Math.max(4, [...brand.name].length)} * var(--vb-wordmark-em, 0.58))), 22rem)` } : undefined, children: brand.name })] }));
     }
-    return (_jsx(Section, { as: "footer", theme: theme, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer", className), "data-variant": "columns", "aria-label": t("footer"), children: _jsxs(Container, { className: "flex flex-col gap-14", children: [_jsxs("div", { className: "grid gap-x-(--gutter) gap-y-12 @4xl:grid-cols-12", children: [_jsxs("div", { className: "flex flex-col gap-6 @4xl:col-span-4", children: [_jsx(BrandMark, { brand: brand, ctx: ctx }), about ? (_jsx("p", { className: "max-w-[40ch] text-small text-fg-muted text-pretty", ...fieldAttr(editMode, "about"), children: about })) : null, contactBlock, _jsx(SocialList, { social: social, ctx: ctx })] }), _jsx("div", { className: cn("grid grid-cols-2 gap-x-(--gutter) gap-y-10 @4xl:col-span-7 @4xl:col-start-6", columns.length >= 3 && "@2xl:grid-cols-3", columns.length >= 4 && "@6xl:grid-cols-4"), children: linkColumns })] }), newsletterBlock ? _jsx("div", { className: "max-w-xl border-t border-line pt-10", children: newsletterBlock }) : null, _jsxs("div", { className: "flex flex-col gap-4 border-t border-line pt-6", children: [companyLine, legalLine] })] }) }));
+    return (_jsxs(Section, { as: "footer", theme: theme, anchor: anchor, blockId: id, blockType: "footer", editMode: editMode, className: cn("vb-footer", className), "data-variant": "columns", "aria-label": t("footer"), children: [structured, _jsxs(Container, { className: "flex flex-col gap-14", children: [_jsxs("div", { className: "grid gap-x-(--gutter) gap-y-12 @4xl:grid-cols-12", children: [_jsxs("div", { className: "flex flex-col gap-6 @4xl:col-span-4", children: [_jsx(BrandMark, { brand: brand, ctx: ctx }), about ? (_jsx("p", { className: "max-w-[40ch] text-small text-fg-muted text-pretty", ...fieldAttr(editMode, "about"), children: about })) : null, contactBlock, _jsx(SocialList, { social: social, ctx: ctx })] }), _jsx("div", { className: cn("grid grid-cols-2 gap-x-(--gutter) gap-y-10 @4xl:col-span-7 @4xl:col-start-6", columns.length >= 3 && "@2xl:grid-cols-3", columns.length >= 4 && "@6xl:grid-cols-4"), children: linkColumns })] }), newsletterBlock ? _jsx("div", { className: "max-w-xl border-t border-line pt-10", children: newsletterBlock }) : null, _jsxs("div", { className: "flex flex-col gap-4 border-t border-line pt-6", children: [companyLine, legalLine] })] })] }));
 }
 function BrandMark({ brand, ctx }) {
     const mark = isImage(brand.logo) ? (_jsx(BlockImage, { ...brand.logo, alt: brand.logo.alt ?? brand.name, fit: "contain", sizes: "12rem", className: "h-8 w-auto bg-transparent", components: ctx.components })) : ((brand.logo ?? _jsx("span", { className: "font-display text-display-m leading-none text-fg", children: brand.name })));

package/dist/blocks/site/registry-2.js

@@ -2,6 +2,7 @@
 // team, blog list, article, contact form, map & hours, menu, gallery, consent, contact dock,
 // footer, 404. Server / admin only — this file imports zod; components never import it.
 import { z, f, defineBlock, createRegistry } from "../schema/index.js";
+import * as React from "react";
 import { PricingTable } from "./pricing-table.js";
 import { ComparisonTable } from "./comparison-table.js";
 import { Testimonials } from "./testimonials.js";
@@ -518,7 +519,8 @@ export const footerBlock = defineBlock({
     },
     jsonLd: (p) => ({ "@type": "Organization", name: p.company?.legalName ?? p.brand.name, telephone: p.contact?.phone, email: p.contact?.email, sameAs: p.social.map((s) => s.href) }),
     lint: (p) => (!p.company ? [{ code: "missing-company-details", severity: "info", message: "Sites that sell online usually must show the legal name and tax / registry numbers in the footer.", path: "props.company" }] : []),
-    component: asBlock(Footer),
+    // The renderer emits the definition's jsonLd once per page; the component must not repeat it.
+    component: asBlock((p) => React.createElement(Footer, { ...p, jsonLd: false })),
 });
 /* ------------------------------------------------------------------ 404 */
 export const notFoundBlock = defineBlock({

package/dist/blocks/site/shared/labels-2.d.ts

@@ -204,6 +204,14 @@ export declare const site2Labels: {
 export type Site2Labels = typeof site2Labels;
 /** Turkish dictionary. Legal-flavoured texts are neutral templates — review with counsel. */
 export declare const site2LabelsTr: Site2Labels;
+/** German dictionary. Legal-flavoured texts are neutral templates — review with counsel. */
+export declare const site2LabelsDe: Site2Labels;
+/** French dictionary. Legal-flavoured texts are neutral templates — review with counsel. */
+export declare const site2LabelsFr: Site2Labels;
+/** Spanish dictionary. Legal-flavoured texts are neutral templates — review with counsel. */
+export declare const site2LabelsEs: Site2Labels;
+/** Arabic dictionary (Modern Standard Arabic). Legal-flavoured texts are neutral templates — review with counsel. */
+export declare const site2LabelsAr: Site2Labels;
 /** Labels accepted by every registry-2 block: infrastructure + these keys. */
 export type Site2BlockLabels = Partial<BlockLabels & Site2Labels>;
 export type Site2Key = keyof (BlockLabels & Site2Labels);