@bison-lab/payload-blocks 3.2.0 → 3.4.0

package/dist/react.mjs

@@ -1,7 +1,8 @@
 "use client";
-import { t as cx } from "./cx-BKHSv3xT.mjs";
+import { a as overlapsSeam, c as DefaultBlockLink, i as SEAM_PULL_UP, l as newTabAttributes, n as OVERLAP_BELOW_CLEARANCE, o as seamClasses, r as SEAM_PULL_DOWN, s as cx, t as OVERLAP_ABOVE_CLEARANCE, u as renderLinkWith } from "./seam-CmLb3BSo.mjs";
+import { n as resolveLink, t as linkTypeOf } from "./link-CnwLtm47.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button, FAQColumnsBlock, JsonLd, MegaMenuPanel, NapBlock, ProcessStepsBlock, ShowcasePanelsBlock, TestimonialMasonry, megaMenuToFloatingNavItems } from "@bison-lab/ui";
+import { Button, FAQColumnsBlock, JsonLd, MegaMenuPanel, NapBlock, ProcessStepsBlock, ShowcasePanelsBlock, StatsBandBlock, TestimonialMasonry, megaMenuToFloatingNavItems } from "@bison-lab/ui";
 //#region src/image.tsx
 /**
 * The fallback when no `imageComponent` is supplied: a plain `<img>`. Correct
@@ -21,46 +22,18 @@ function DefaultBlockImage({ src, alt, width, height, className, sizes, priority
 	});
 }
 //#endregion
-//#region src/link.tsx
-/** `target` and `rel` together, or neither: a bare `target` is a tabnabbing hole. */
-function newTabAttributes(newTab) {
-	return newTab ? {
-		target: "_blank",
-		rel: "noopener noreferrer"
-	} : {};
-}
-/**
-* The fallback when no `linkComponent` is supplied: a plain `<a>`. Correct
-* everywhere and client-side nowhere, which is the right default for a package
-* that cannot know what router it landed in.
-*/
-function DefaultBlockLink({ href, newTab, children, ...rest }) {
-	return /* @__PURE__ */ jsx("a", {
-		href,
-		...rest,
-		...newTabAttributes(newTab),
-		children
-	});
-}
-DefaultBlockLink.displayName = "DefaultBlockLink";
-/**
-* Adapts the seam to the `renderLink` prop every `@bison-lab/ui` block takes.
-* The ui blocks hand over `target`/`rel` already expanded, so `newTab` is
-* read back off `target` to keep the flag and the attributes in step.
-*/
-function renderLinkWith(Link) {
-	return ({ href, children, ...rest }) => /* @__PURE__ */ jsx(Link, {
-		href,
-		newTab: rest.target === "_blank",
-		...rest,
-		children
-	});
-}
-//#endregion
 //#region src/render-blocks.tsx
 /** Fallback page measure for a site that does not pass its own. */
 const DEFAULT_CONTAINER = "mx-auto w-full max-w-7xl px-6";
 /**
+* The attribute a block editor in the Payload admin (payload-better-editor)
+* walks up to from a click in its preview iframe, to find which row was
+* clicked. `RenderBlocks` puts it on a wrapper around every block, so a site
+* adopting the editor has nothing to add per block; a site's tests can assert
+* against the name here rather than retype it.
+*/
+const BLOCK_ID_ATTRIBUTE = "data-better-editor-id";
+/**
 * A row saved against a block that has since left the config has no renderer.
 * It is dropped before anything is counted, so its neighbours see each other,
 * not a gap: the block after it gets the real `prevType`, a run of one type is
@@ -85,19 +58,33 @@ function runIndexes(blocks) {
 /**
 * Renders a page's blocks in order through the registry. A Server Component:
 * it only maps and looks up, and each renderer decides its own nature.
+*
+* Each block sits inside an unstyled block-level `<div>` carrying
+* `BLOCK_ID_ATTRIBUTE`, which is what a click-to-edit overlay resolves and
+* what its hover outline paints on. A row with no `id` (a fixture, a row the
+* form has not saved) gets no attribute: there is no form-state path for an
+* editor to open. The band's own `<section>` and its full-bleed background
+* are unchanged by the wrapper.
 */
-function RenderBlocks({ blocks, registry, containerClassName = DEFAULT_CONTAINER, imageComponent = DefaultBlockImage, linkComponent = DefaultBlockLink }) {
+function RenderBlocks({ blocks, registry, containerClassName = DEFAULT_CONTAINER, imageComponent = DefaultBlockImage, linkComponent = DefaultBlockLink, floats = overlapsSeam, resolveLink: resolveLink$1 = resolveLink }) {
 	const rows = renderable(blocks, registry);
 	const runs = runIndexes(rows.map((row) => row.block));
-	return /* @__PURE__ */ jsx(Fragment, { children: rows.map(({ block, Renderer }, index) => /* @__PURE__ */ jsx(Renderer, {
-		block,
-		index,
-		prevType: index > 0 ? rows[index - 1].block.blockType : void 0,
-		runIndex: runs[index],
-		isLast: index === rows.length - 1,
-		containerClassName,
-		imageComponent,
-		linkComponent
+	const floating = rows.map((row) => floats(row.block));
+	return /* @__PURE__ */ jsx(Fragment, { children: rows.map(({ block, Renderer }, index) => /* @__PURE__ */ jsx("div", {
+		...block.id ? { [BLOCK_ID_ATTRIBUTE]: block.id } : {},
+		children: /* @__PURE__ */ jsx(Renderer, {
+			block,
+			index,
+			prevType: index > 0 ? rows[index - 1].block.blockType : void 0,
+			runIndex: runs[index],
+			isLast: index === rows.length - 1,
+			overlapAbove: index > 0 && floating[index - 1],
+			overlapBelow: index < rows.length - 1 && floating[index + 1],
+			containerClassName,
+			imageComponent,
+			linkComponent,
+			resolveLink: resolveLink$1
+		})
 	}, block.id ?? index)) });
 }
 //#endregion
@@ -146,12 +133,19 @@ const TONES = {
 * render at all, not to be the final answer. A site overrides this one registry
 * entry with its own and keeps every other block.
 */
-function HeroBlockRenderer({ block, index, containerClassName, imageComponent: Image, linkComponent: Link }) {
+function HeroBlockRenderer({ block, index, overlapAbove, overlapBelow, containerClassName, imageComponent: Image, linkComponent: Link, resolveLink: resolve }) {
 	const image = resolveMedia(block.image);
-	const links = (block.links ?? []).filter((link) => link.href && link.label);
+	const links = (block.links ?? []).flatMap((link) => link.label ? [{
+		label: link.label,
+		href: resolve(link),
+		newTab: link.newTab ?? false
+	}] : []);
 	const tone = TONES[block.tone ?? "sweep"];
 	return /* @__PURE__ */ jsxs("section", {
-		className: cx("relative isolate overflow-hidden", tone),
+		className: cx("relative isolate overflow-hidden", tone, seamClasses({
+			overlapAbove,
+			overlapBelow
+		})),
 		children: [image ? /* @__PURE__ */ jsx("div", {
 			className: "absolute inset-0 -z-10 opacity-25",
 			children: /* @__PURE__ */ jsx(Image, {
@@ -185,13 +179,13 @@ function HeroBlockRenderer({ block, index, containerClassName, imageComponent: I
 						children: links.map((link, i) => /* @__PURE__ */ jsx(Button, {
 							asChild: true,
 							variant: i === 0 ? "default" : "outline",
-							children: /* @__PURE__ */ jsx(Link, {
+							children: link.href ? /* @__PURE__ */ jsx(Link, {
 								href: link.href,
-								newTab: link.newTab ?? false,
+								newTab: link.newTab,
 								...newTabAttributes(link.newTab),
 								children: link.label
-							})
-						}, `${link.href}-${i}`))
+							}) : /* @__PURE__ */ jsx("span", { children: link.label })
+						}, `${link.href ?? link.label}-${i}`))
 					}) : null
 				]
 			})
@@ -200,7 +194,7 @@ function HeroBlockRenderer({ block, index, containerClassName, imageComponent: I
 }
 //#endregion
 //#region src/blocks/showcase-panels/component.tsx
-function ShowcasePanelsBlockRenderer({ block, containerClassName, imageComponent: Image, linkComponent }) {
+function ShowcasePanelsBlockRenderer({ block, overlapAbove, overlapBelow, containerClassName, imageComponent: Image, linkComponent }) {
 	const dims = [];
 	const items = [];
 	for (const [i, row] of (block.items ?? []).entries()) {
@@ -221,27 +215,33 @@ function ShowcasePanelsBlockRenderer({ block, containerClassName, imageComponent
 	}
 	if (items.length === 0) return null;
 	return /* @__PURE__ */ jsx("section", {
-		className: cx(containerClassName, "py-16 lg:py-24"),
-		children: /* @__PURE__ */ jsx(ShowcasePanelsBlock, {
-			items,
-			spineVariant: block.spineVariant ?? "numbered",
-			defaultActiveIndex: Math.min(Math.max(block.defaultActiveIndex ?? 0, 0), items.length - 1),
-			...block.watermark ? { watermark: block.watermark } : {},
-			renderLink: renderLinkWith(linkComponent),
-			renderImage: (item, i) => /* @__PURE__ */ jsx(Image, {
-				src: item.image.src,
-				alt: item.image.alt ?? "",
-				width: dims[i]?.width,
-				height: dims[i]?.height,
-				className: "absolute inset-0 h-full w-full object-cover",
-				sizes: "(min-width: 1024px) 50vw, 100vw"
+		className: seamClasses({
+			overlapAbove,
+			overlapBelow
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(containerClassName, "py-16 lg:py-24"),
+			children: /* @__PURE__ */ jsx(ShowcasePanelsBlock, {
+				items,
+				spineVariant: block.spineVariant ?? "numbered",
+				defaultActiveIndex: Math.min(Math.max(block.defaultActiveIndex ?? 0, 0), items.length - 1),
+				...block.watermark ? { watermark: block.watermark } : {},
+				renderLink: renderLinkWith(linkComponent),
+				renderImage: (item, i) => /* @__PURE__ */ jsx(Image, {
+					src: item.image.src,
+					alt: item.image.alt ?? "",
+					width: dims[i]?.width,
+					height: dims[i]?.height,
+					className: "absolute inset-0 h-full w-full object-cover",
+					sizes: "(min-width: 1024px) 50vw, 100vw"
+				})
 			})
 		})
 	});
 }
 //#endregion
 //#region src/blocks/process-steps/component.tsx
-function ProcessStepsBlockRenderer({ block, containerClassName, imageComponent: Image }) {
+function ProcessStepsBlockRenderer({ block, overlapAbove, overlapBelow, containerClassName, imageComponent: Image }) {
 	const dims = [];
 	const items = [];
 	for (const [i, row] of (block.items ?? []).entries()) {
@@ -260,27 +260,33 @@ function ProcessStepsBlockRenderer({ block, containerClassName, imageComponent:
 	}
 	if (items.length === 0) return null;
 	return /* @__PURE__ */ jsx("section", {
-		className: cx(containerClassName, "py-16 lg:py-24"),
-		children: /* @__PURE__ */ jsx(ProcessStepsBlock, {
-			items,
-			autoAdvance: block.autoAdvance ?? true,
-			autoAdvanceDuration: block.autoAdvanceDuration ?? 6e3,
-			pauseOnHover: block.pauseOnHover ?? true,
-			defaultActiveIndex: Math.min(Math.max(block.defaultActiveIndex ?? 0, 0), items.length - 1),
-			renderImage: (item, i) => /* @__PURE__ */ jsx(Image, {
-				src: item.image.src,
-				alt: item.image.alt ?? "",
-				width: dims[i]?.width,
-				height: dims[i]?.height,
-				className: "size-full object-cover",
-				sizes: "(min-width: 768px) 66vw, 100vw"
+		className: seamClasses({
+			overlapAbove,
+			overlapBelow
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(containerClassName, "py-16 lg:py-24"),
+			children: /* @__PURE__ */ jsx(ProcessStepsBlock, {
+				items,
+				autoAdvance: block.autoAdvance ?? true,
+				autoAdvanceDuration: block.autoAdvanceDuration ?? 6e3,
+				pauseOnHover: block.pauseOnHover ?? true,
+				defaultActiveIndex: Math.min(Math.max(block.defaultActiveIndex ?? 0, 0), items.length - 1),
+				renderImage: (item, i) => /* @__PURE__ */ jsx(Image, {
+					src: item.image.src,
+					alt: item.image.alt ?? "",
+					width: dims[i]?.width,
+					height: dims[i]?.height,
+					className: "size-full object-cover",
+					sizes: "(min-width: 768px) 66vw, 100vw"
+				})
 			})
 		})
 	});
 }
 //#endregion
 //#region src/blocks/faq-columns/component.tsx
-function FaqColumnsBlockRenderer({ block, containerClassName, linkComponent }) {
+function FaqColumnsBlockRenderer({ block, overlapAbove, overlapBelow, containerClassName, linkComponent, resolveLink: resolve }) {
 	const items = (block.items ?? []).filter((row) => row.question && row.answer).map((row, i) => ({
 		id: row.id ?? String(i),
 		question: row.question,
@@ -291,32 +297,39 @@ function FaqColumnsBlockRenderer({ block, containerClassName, linkComponent }) {
 	}));
 	if (items.length === 0) return null;
 	const cta = block.cta;
-	const hasCta = Boolean(cta?.href && cta?.linkText);
-	return /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx("div", {
-		className: cx(containerClassName, "py-16 lg:py-24"),
-		children: /* @__PURE__ */ jsx(FAQColumnsBlock, {
-			className: "py-0 md:py-0",
-			containerClassName: "max-w-none px-0 sm:px-0",
-			items,
-			title: block.title ?? "",
-			...block.eyebrow ? { eyebrow: block.eyebrow } : {},
-			...block.description ? { description: block.description } : {},
-			sticky: block.sticky ?? true,
-			type: block.type ?? "single",
-			collapsible: block.collapsible ?? true,
-			renderLink: renderLinkWith(linkComponent),
-			...hasCta && cta ? { cta: {
-				title: cta.title ?? "",
-				linkText: cta.linkText,
-				href: cta.href,
-				newTab: cta.newTab ?? false
-			} } : {}
+	const hasCta = Boolean(cta?.linkText);
+	const ctaHref = cta ? resolve(cta) : null;
+	return /* @__PURE__ */ jsx("section", {
+		className: seamClasses({
+			overlapAbove,
+			overlapBelow
+		}),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(containerClassName, "py-16 lg:py-24"),
+			children: /* @__PURE__ */ jsx(FAQColumnsBlock, {
+				className: "py-0 md:py-0",
+				containerClassName: "max-w-none px-0 sm:px-0",
+				items,
+				title: block.title ?? "",
+				...block.eyebrow ? { eyebrow: block.eyebrow } : {},
+				...block.description ? { description: block.description } : {},
+				sticky: block.sticky ?? true,
+				type: block.type ?? "single",
+				collapsible: block.collapsible ?? true,
+				renderLink: renderLinkWith(linkComponent),
+				...hasCta && cta ? { cta: {
+					title: cta.title ?? "",
+					linkText: cta.linkText,
+					href: ctaHref ?? "",
+					newTab: cta.newTab ?? false
+				} } : {}
+			})
 		})
-	}) });
+	});
 }
 //#endregion
 //#region src/blocks/testimonial-masonry/component.tsx
-function TestimonialMasonryBlockRenderer({ block, containerClassName, linkComponent }) {
+function TestimonialMasonryBlockRenderer({ block, overlapAbove, overlapBelow, containerClassName, linkComponent, resolveLink: resolve }) {
 	const items = (block.items ?? []).filter((row) => row.content && row.author?.name).map((row, i) => {
 		const avatar = resolveMedia(row.author?.avatar);
 		return {
@@ -331,9 +344,13 @@ function TestimonialMasonryBlockRenderer({ block, containerClassName, linkCompon
 	});
 	if (items.length === 0) return null;
 	const link = block.link;
-	const hasLink = Boolean(link?.href && link?.label);
+	const hasLink = Boolean(link?.label);
+	const linkHref = link ? resolve(link) : null;
 	return /* @__PURE__ */ jsx("section", {
-		className: "bg-accent",
+		className: cx("bg-accent", seamClasses({
+			overlapAbove,
+			overlapBelow
+		})),
 		children: /* @__PURE__ */ jsx("div", {
 			className: cx(containerClassName, "py-16 lg:py-24"),
 			children: /* @__PURE__ */ jsx(TestimonialMasonry, {
@@ -348,7 +365,7 @@ function TestimonialMasonryBlockRenderer({ block, containerClassName, linkCompon
 				...typeof block.maxVisibleRows === "number" ? { maxVisibleRows: block.maxVisibleRows } : {},
 				...hasLink && link ? { link: {
 					label: link.label,
-					href: link.href,
+					href: linkHref ?? "",
 					newTab: link.newTab ?? false
 				} } : {}
 			})
@@ -357,7 +374,7 @@ function TestimonialMasonryBlockRenderer({ block, containerClassName, linkCompon
 }
 //#endregion
 //#region src/blocks/nap/component.tsx
-function NapBlockRenderer({ block, containerClassName, linkComponent }) {
+function NapBlockRenderer({ block, overlapAbove, overlapBelow, containerClassName, linkComponent }) {
 	const address = block.address;
 	const departments = (block.departments ?? []).filter((row) => row.name && row.phoneE164).map((row, i) => ({
 		id: row.id ?? String(i),
@@ -382,15 +399,61 @@ function NapBlockRenderer({ block, containerClassName, linkComponent }) {
 		departments,
 		...block.url ? { url: block.url } : {}
 	};
-	return /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", {
-		className: cx(containerClassName, "py-16 lg:py-24"),
-		children: [/* @__PURE__ */ jsx(NapBlock, {
-			record,
-			showName: block.showName ?? true,
-			headingLevel: block.headingLevel ?? "h2",
-			renderLink: renderLinkWith(linkComponent)
-		}), block.emitJsonLd === false ? null : /* @__PURE__ */ jsx(JsonLd, { data: record })]
-	}) });
+	return /* @__PURE__ */ jsx("section", {
+		className: seamClasses({
+			overlapAbove,
+			overlapBelow
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx(containerClassName, "py-16 lg:py-24"),
+			children: [/* @__PURE__ */ jsx(NapBlock, {
+				record,
+				showName: block.showName ?? true,
+				headingLevel: block.headingLevel ?? "h2",
+				renderLink: renderLinkWith(linkComponent)
+			}), block.emitJsonLd === false ? null : /* @__PURE__ */ jsx(JsonLd, { data: record })]
+		})
+	});
+}
+//#endregion
+//#region src/blocks/stats-band/component.tsx
+/** The select only offers 2–6, but a site can edit the config; fall back to the design's four. */
+function columnsFrom(value) {
+	const n = Number(value ?? 4);
+	return Number.isInteger(n) && n >= 2 && n <= 6 ? n : 4;
+}
+function StatsBandBlockRenderer({ block, index, isLast, overlapAbove, overlapBelow, containerClassName, linkComponent }) {
+	const items = (block.items ?? []).flatMap((row, i) => row.value ? [{
+		id: row.id ?? String(i),
+		value: row.value,
+		label: row.label ?? "",
+		...row.href ? { href: row.href } : {},
+		...row.wide ? { wide: true } : {}
+	}] : []);
+	if (items.length < 2) return null;
+	const floats = Boolean(block.overlap);
+	const overAbove = floats && index > 0 && !overlapAbove;
+	const overBelow = floats && !isLast && !overlapBelow;
+	return /* @__PURE__ */ jsx("section", {
+		className: cx("relative", floats && "z-10", seamClasses({
+			overlapAbove,
+			overlapBelow
+		})),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(containerClassName, overAbove ? SEAM_PULL_UP : "pt-16 lg:pt-24", overBelow ? SEAM_PULL_DOWN : "pb-16 lg:pb-24"),
+			children: /* @__PURE__ */ jsx(StatsBandBlock, {
+				items,
+				columns: columnsFrom(block.columns),
+				tone: block.tone ?? "card",
+				align: block.align ?? "start",
+				eyebrow: !floats && block.eyebrow || void 0,
+				title: !floats && block.title || void 0,
+				description: !floats && block.description || void 0,
+				containerClassName: "max-w-none px-0 sm:px-0",
+				renderLink: renderLinkWith(linkComponent)
+			})
+		})
+	});
 }
 //#endregion
 //#region src/blocks/mega-menu/rem-width.ts
@@ -409,11 +472,17 @@ function remWidth(value) {
 }
 //#endregion
 //#region src/blocks/mega-menu/component.tsx
-function completeLink(row) {
-	if (!row.label || !row.href) return null;
+/**
+* A menu link needs both halves. Unlike a call to action, a link whose page
+* is missing or unpublished is dropped rather than shown as text: a menu
+* item that goes nowhere is worse than one fewer item.
+*/
+function completeLink(row, resolve) {
+	const href = resolve(row);
+	if (!row.label || !href) return null;
 	return {
 		label: row.label,
-		href: row.href,
+		href,
 		...row.description ? { description: row.description } : {},
 		...row.variant ? { variant: row.variant } : {},
 		...row.icon ? { icon: row.icon } : {},
@@ -424,8 +493,10 @@ function completeLink(row) {
 * The row as `MegaMenuPanel` data, or `null` when there is nothing to open:
 * no columns, or columns whose links are not yet complete. Draft saves skip
 * validation, so a live preview genuinely hands this half-built rows.
+* `resolve` turns each link's page into a path; the package's own is the
+* default.
 */
-function megaMenuPanelFromRow(row) {
+function megaMenuPanelFromRow(row, resolve = resolveLink) {
 	const panel = row.panel;
 	if (!panel?.columns?.length) return null;
 	const custom = Boolean(panel.customWidths);
@@ -433,7 +504,7 @@ function megaMenuPanelFromRow(row) {
 	for (const column of panel.columns) {
 		const sections = [];
 		for (const section of column.sections ?? []) {
-			const links = (section.links ?? []).map(completeLink).filter((link) => link !== null);
+			const links = (section.links ?? []).map((link) => completeLink(link, resolve)).filter((link) => link !== null);
 			if (!links.length) continue;
 			sections.push({
 				...section.eyebrow ? { eyebrow: section.eyebrow } : {},
@@ -449,31 +520,33 @@ function megaMenuPanelFromRow(row) {
 		});
 	}
 	if (!columns.some((column) => column.sections.length)) return null;
-	const overview = panel.footer?.overview;
-	const cta = panel.footer?.cta;
+	const overview = footerLink(panel.footer?.overview, resolve);
+	const cta = footerLink(panel.footer?.cta, resolve);
 	return {
 		maxWidth: remWidth(panel.customMaxWidth) ?? panel.maxWidth ?? "standard",
 		columns,
 		footer: {
-			...overview?.label && overview.href ? { overview: {
-				label: overview.label,
-				href: overview.href,
-				...overview.newTab ? { newTab: true } : {}
-			} } : {},
-			...cta?.label && cta.href ? { cta: {
-				label: cta.label,
-				href: cta.href,
-				...cta.newTab ? { newTab: true } : {}
-			} } : {}
+			...overview ? { overview } : {},
+			...cta ? { cta } : {}
 		}
 	};
 }
+/** A footer link, complete, or nothing: same rule as `completeLink`. */
+function footerLink(row, resolve) {
+	const href = row ? resolve(row) : null;
+	if (!row?.label || !href) return null;
+	return {
+		label: row.label,
+		href,
+		...row.newTab ? { newTab: true } : {}
+	};
+}
 /**
 * One panel, standing alone: what a live preview shows while the row is being
 * edited. A whole header goes through `headerItemsFromBlocks` instead.
 */
-function MegaMenuBlockRenderer({ block, linkComponent, variants, icons }) {
-	const panel = megaMenuPanelFromRow(block);
+function MegaMenuBlockRenderer({ block, linkComponent, resolveLink: resolve, variants, icons }) {
+	const panel = megaMenuPanelFromRow(block, resolve);
 	if (!panel) return null;
 	return /* @__PURE__ */ jsx(MegaMenuPanel, {
 		...panel,
@@ -491,20 +564,23 @@ function MegaMenuBlockRenderer({ block, linkComponent, variants, icons }) {
 * site added that this package does not know.
 *
 * A `navLink` row's `newTab` is not carried: `FloatingNavItem` has no such
-* field, because the bar renders its own links.
+* field, because the bar renders its own links. A bar item whose page is
+* missing or unpublished is dropped, like a panel link. A mega menu's own
+* `href` (the trigger's landing page) is plain text, not a picked page.
 */
-function headerItemsFromBlocks(blocks, { variants, icons, isActive, linkComponent } = {}) {
+function headerItemsFromBlocks(blocks, { variants, icons, isActive, linkComponent, resolveLink: resolve = resolveLink } = {}) {
 	const items = [];
 	for (const row of blocks) {
 		if (!row.label) continue;
 		if (row.blockType === "navLink") {
-			if (!row.href) continue;
+			const href = resolve(row);
+			if (!href) continue;
 			items.push({
 				label: row.label,
-				href: row.href
+				href
 			});
 		} else if (row.blockType === "megaMenu") {
-			const panel = megaMenuPanelFromRow(row);
+			const panel = megaMenuPanelFromRow(row, resolve);
 			if (!panel) continue;
 			items.push({
 				label: row.label,
@@ -521,6 +597,6 @@ function headerItemsFromBlocks(blocks, { variants, icons, isActive, linkComponen
 	});
 }
 //#endregion
-export { DEFAULT_CONTAINER, DefaultBlockImage, DefaultBlockLink, FaqColumnsBlockRenderer, HeroBlockRenderer, MegaMenuBlockRenderer, NapBlockRenderer, ProcessStepsBlockRenderer, RenderBlocks, ShowcasePanelsBlockRenderer, TestimonialMasonryBlockRenderer, headerItemsFromBlocks, megaMenuPanelFromRow, newTabAttributes, renderLinkWith };
+export { BLOCK_ID_ATTRIBUTE, DEFAULT_CONTAINER, DefaultBlockImage, DefaultBlockLink, FaqColumnsBlockRenderer, HeroBlockRenderer, MegaMenuBlockRenderer, NapBlockRenderer, OVERLAP_ABOVE_CLEARANCE, OVERLAP_BELOW_CLEARANCE, ProcessStepsBlockRenderer, RenderBlocks, SEAM_PULL_DOWN, SEAM_PULL_UP, ShowcasePanelsBlockRenderer, StatsBandBlockRenderer, TestimonialMasonryBlockRenderer, headerItemsFromBlocks, linkTypeOf, megaMenuPanelFromRow, newTabAttributes, overlapsSeam, renderLinkWith, resolveLink, seamClasses };
 
 //# sourceMappingURL=react.mjs.map