@bison-lab/payload-blocks 3.0.0 → 3.2.0

package/dist/index.mjs

@@ -641,6 +641,290 @@ const NapBlock = {
 	]
 };
 //#endregion
+//#region src/blocks/mega-menu/rem-width.ts
+/**
+* The one rule for a typed panel width, shared by the config's validator and
+* the renderer's reader so the two cannot drift: if the validator accepted a
+* value the renderer dropped, the editor would be back to a width that
+* silently does nothing. React-free, because `config.ts` ships from the Node
+* entry.
+*/
+const REM_WIDTH = /^\s*(\d+(?:\.\d+)?)\s*(rem)?\s*$/;
+/** "30" and "30rem" both mean 30rem; anything else is not a width. */
+function remWidth(value) {
+	const match = REM_WIDTH.exec(value ?? "");
+	return match ? `${Number(match[1])}rem` : null;
+}
+//#endregion
+//#region src/blocks/mega-menu/config.ts
+/** The percent tokens a column can take, as Payload stores them. */
+const MEGA_MENU_WIDTHS = [
+	"25",
+	"33",
+	"50",
+	"66",
+	"75",
+	"100"
+];
+/** Twelfths, so 33 and 66 are real thirds and 33 + 33 + 33 is a full row. */
+const TWELFTHS = {
+	"25": 3,
+	"33": 4,
+	"50": 6,
+	"66": 8,
+	"75": 9,
+	"100": 12
+};
+/**
+* A custom `validate` replaces Payload's stock array check, so the row limits
+* are re-applied here or five columns would pass. Same messages as the stock
+* check, through the request's translator when the admin supplies one.
+*/
+function rowLimits(value, { minRows, maxRows, required, req }) {
+	const count = value?.length ?? 0;
+	const t = req?.t;
+	if (required && count === 0) return t ? t("validation:required") : "This field is required.";
+	if (minRows && count < minRows) return t ? t("validation:requiresAtLeast", {
+		count: minRows,
+		label: t("general:rows")
+	}) : `This field requires at least ${minRows} rows.`;
+	if (maxRows && count > maxRows) return t ? t("validation:requiresNoMoreThan", {
+		count: maxRows,
+		label: t("general:rows")
+	}) : `This field requires no more than ${maxRows} rows.`;
+	return true;
+}
+/**
+* The rule on `columns`: read as fractions, the widths must total 100%. It is
+* the array's own `validate`, so the editor sees the message as they build,
+* and Payload runs field validation again on publish (only draft saves skip
+* it), so nothing publishes with a short row. Skipped when Advanced has custom
+* widths on.
+*/
+const validateColumnWidths = (value, options) => {
+	const limits = rowLimits(value, options);
+	if (limits !== true) return limits;
+	if (options.siblingData?.customWidths || !value?.length) return true;
+	const twelfths = value.reduce((sum, row) => sum + TWELFTHS[row?.width ?? "100"], 0);
+	if (twelfths === 12) return true;
+	return `The columns add up to ${Math.round(twelfths / 12 * 100)}%. They need to add up to 100%.`;
+};
+/**
+* The row `levels` segments above the field at `path`, read off the whole
+* document. A condition on a link needs its section; a condition on a column
+* needs its panel. `data` carries the full form, so the path is enough.
+*/
+function ancestor(data, path, levels) {
+	let node = data;
+	for (const segment of path.slice(0, path.length - levels)) {
+		if (node === null || typeof node !== "object") return void 0;
+		node = node[segment];
+	}
+	return node !== null && typeof node === "object" ? node : void 0;
+}
+/** `links.N.variant` → its section, three segments up. */
+const whenSectionFeatured = (data, _siblingData, { path }) => ancestor(data, path, 3)?.display === "featured";
+/** A featured link's glyph comes from its variant, so `icon` is a list link's field. */
+const unlessSectionFeatured = (data, siblingData, ctx) => !whenSectionFeatured(data, siblingData, ctx);
+/** The renderer would fall back to the preset silently; the editor should hear it here instead. */
+const validateRemWidth = (value) => !value || remWidth(value) !== null ? true : "Type a width in rem, like 30 or 30rem.";
+/** `columns.N.width` → its panel, three segments up. */
+const whenCustomWidths = (data, _siblingData, { path }) => Boolean(ancestor(data, path, 3)?.customWidths);
+const unlessCustomWidths = (data, siblingData, ctx) => !whenCustomWidths(data, siblingData, ctx);
+function approvedSelect(name, options, admin) {
+	if (!options?.length) return [];
+	return [{
+		name,
+		type: "select",
+		options,
+		admin
+	}];
+}
+function megaMenuBlock({ variants, icons } = {}) {
+	const linkRowFields = [
+		...linkFields({ required: true }),
+		{
+			name: "description",
+			type: "textarea",
+			admin: { description: "Supporting line under the label. Optional." }
+		},
+		...approvedSelect("variant", variants, {
+			description: "The look of this featured link.",
+			condition: whenSectionFeatured
+		}),
+		...approvedSelect("icon", icons, {
+			description: "Glyph shown before a list link. Optional.",
+			condition: unlessSectionFeatured
+		})
+	];
+	return {
+		slug: "megaMenu",
+		interfaceName: "MegaMenuBlock",
+		labels: {
+			singular: "Mega menu",
+			plural: "Mega menus"
+		},
+		fields: [
+			{
+				name: "label",
+				type: "text",
+				required: true
+			},
+			{
+				name: "href",
+				type: "text",
+				admin: { description: "The landing page this menu opens. Optional: a trigger with no landing page is allowed." }
+			},
+			{
+				name: "panel",
+				type: "group",
+				fields: [
+					{
+						name: "maxWidth",
+						type: "select",
+						defaultValue: "standard",
+						options: [
+							{
+								label: "Narrow",
+								value: "narrow"
+							},
+							{
+								label: "Standard",
+								value: "standard"
+							},
+							{
+								label: "Wide",
+								value: "wide"
+							}
+						]
+					},
+					{
+						name: "columns",
+						type: "array",
+						required: true,
+						minRows: 1,
+						maxRows: 4,
+						defaultValue: emptyRows(1),
+						labels: {
+							singular: "Column",
+							plural: "Columns"
+						},
+						validate: validateColumnWidths,
+						admin: { components: { Field: MIN_ROWS_ARRAY_FIELD } },
+						fields: [
+							{
+								name: "width",
+								type: "select",
+								defaultValue: "100",
+								options: MEGA_MENU_WIDTHS.map((value) => ({
+									label: `${value}%`,
+									value
+								})),
+								admin: { condition: unlessCustomWidths }
+							},
+							{
+								name: "customWidth",
+								type: "text",
+								admin: {
+									description: "A CSS width: 13rem, 1fr, minmax(0, 1fr)",
+									condition: whenCustomWidths
+								}
+							},
+							{
+								name: "divider",
+								type: "checkbox",
+								label: "Draw a line on the left of this column",
+								defaultValue: false
+							},
+							{
+								name: "sections",
+								type: "array",
+								labels: {
+									singular: "Section",
+									plural: "Sections"
+								},
+								fields: [
+									{
+										name: "eyebrow",
+										type: "text",
+										admin: { description: "Small heading above this group; leave empty for none" }
+									},
+									{
+										name: "display",
+										type: "select",
+										defaultValue: "list",
+										options: [{
+											label: "Featured",
+											value: "featured"
+										}, {
+											label: "List",
+											value: "list"
+										}]
+									},
+									{
+										name: "hideDescriptionsOnMobile",
+										type: "checkbox",
+										label: "Hide descriptions on mobile",
+										defaultValue: true
+									},
+									{
+										name: "links",
+										type: "array",
+										labels: {
+											singular: "Link",
+											plural: "Links"
+										},
+										fields: linkRowFields
+									}
+								]
+							}
+						]
+					},
+					{
+						name: "footer",
+						type: "group",
+						admin: { description: "The strip under the columns. Leave both empty for no footer." },
+						fields: [linkField({
+							name: "overview",
+							label: "Overview link",
+							admin: { description: "The section's own landing page, so it stays reachable from the bar." }
+						}), linkField({
+							name: "cta",
+							label: "Call to action"
+						})]
+					},
+					{
+						type: "collapsible",
+						label: "Advanced",
+						admin: { initCollapsed: true },
+						fields: [{
+							name: "customWidths",
+							type: "checkbox",
+							label: "Type a CSS width for each column instead of choosing a percentage",
+							defaultValue: false
+						}, {
+							name: "customMaxWidth",
+							type: "text",
+							validate: validateRemWidth,
+							admin: { description: "Panel width in rem, e.g. 30. Leave empty to use the preset above." }
+						}]
+					}
+				]
+			}
+		]
+	};
+}
+/** A plain bar item: label and destination, nothing to open. */
+const LinkBlock = {
+	slug: "navLink",
+	interfaceName: "NavLinkBlock",
+	labels: {
+		singular: "Link",
+		plural: "Links"
+	},
+	fields: linkFields({ required: true })
+};
+//#endregion
 //#region src/media.ts
 function isMediaDoc(value) {
 	return typeof value === "object" && value !== null;
@@ -669,6 +953,577 @@ function resolveMedia(value) {
 	};
 }
 //#endregion
-export { FaqColumnsBlock, HeroBlock, MIN_ROWS_ARRAY_FIELD, NapBlock, ProcessStepsBlock, RichTextBlock, ShowcasePanelsBlock, TestimonialMasonryBlock, emptyRows, headingFields, imageField, linkField, linkFields, resolveMedia };
+//#region src/blocks/faq-columns/sample.ts
+const faqColumnsSample = {
+	id: "sample-faq-columns",
+	blockType: "faqColumns",
+	eyebrow: "Good to know",
+	title: "Questions patients ask before their first visit",
+	description: "If yours is not here, the front desk answers the phone between eight and six on weekdays.",
+	items: [
+		{
+			id: "sample-faq-referral",
+			question: "Do I need a referral?",
+			answer: "No. You can book directly. Some insurers ask for one before they reimburse, so check your policy if you plan to claim."
+		},
+		{
+			id: "sample-faq-sessions",
+			question: "How many sessions will I need?",
+			answer: "Most plans finish in six to eight sessions. You will get a written estimate after your assessment, and we revise it with you as you progress."
+		},
+		{
+			id: "sample-faq-wear",
+			question: "What should I wear?",
+			answer: "Anything you can move in. Shorts for a knee or hip, a vest or loose top for a shoulder or neck.\n\nThere are changing rooms if you are coming from work."
+		},
+		{
+			id: "sample-faq-insurance",
+			question: "Is treatment covered by insurance?",
+			answer: "Usually, once conservative treatment has been recommended. We invoice you directly and give you everything the insurer needs to reimburse you."
+		},
+		{
+			id: "sample-faq-cancel",
+			question: "What is the cancellation policy?",
+			answer: "Twenty-four hours' notice, by phone or through the booking link in your confirmation email. Later than that and the session is charged."
+		}
+	],
+	cta: {
+		title: "Still have questions?",
+		linkText: "Call the front desk",
+		href: "tel:+13035550142",
+		newTab: false
+	},
+	sticky: true,
+	type: "single",
+	collapsible: true
+};
+//#endregion
+//#region src/sample-image.ts
+function escapeXml(value) {
+	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;");
+}
+/**
+* A placeholder upload document for a block sample.
+*
+* A preview has no site media behind it, so the image has to travel with the
+* sample. This is an inline SVG as a `data:` URL, in the `MediaDoc` shape
+* `resolveMedia` already narrows, with `width` and `height` set so an image
+* adapter can reserve the box. The scheme is what tells an adapter which kind
+* of source it has: `next/image` treats a `data:` src as `unoptimized` on its
+* own, so a site's adapter needs no special case for samples.
+*
+* Neutral greys rather than theme tokens: the SVG is a standalone document
+* and cannot see the page's custom properties.
+*/
+function sampleImage({ label, width, height, alt }) {
+	const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><rect width="100%" height="100%" fill="#d4d4d8"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui, sans-serif" font-size="${Math.max(12, Math.round(Math.min(width, height) / 12))}" fill="#52525b">${escapeXml(label)}</text></svg>`;
+	return {
+		url: `data:image/svg+xml,${encodeURIComponent(svg)}`,
+		alt: alt ?? label,
+		width,
+		height
+	};
+}
+//#endregion
+//#region src/blocks/hero/sample.ts
+/**
+* The placeholder hero's sample. The hero family (BIS-45) ships a sample per
+* hero as each one is added; this is the one for the plain renderer.
+*/
+const heroSample = {
+	id: "sample-hero",
+	blockType: "hero",
+	eyebrow: "Now booking spring appointments",
+	heading: "Move well again, without the long wait",
+	body: "Same-week assessments with a physiotherapist who stays with you from the first visit to the last. Most treatment plans finish in six to eight sessions.",
+	tone: "sweep",
+	image: sampleImage({
+		label: "Hero background · 2000 × 1000",
+		width: 2e3,
+		height: 1e3,
+		alt: "A bright, open treatment room"
+	}),
+	links: [{
+		label: "Book an assessment",
+		href: "/book",
+		newTab: false
+	}, {
+		label: "See our approach",
+		href: "https://example.com/approach",
+		newTab: true
+	}]
+};
+//#endregion
+//#region src/blocks/mega-menu/sample.ts
+/**
+* The options the mega menu sample was written against. A factory block's
+* sample only fits a config built with the same approved values, so a
+* preview builds its block with `megaMenuBlock(megaMenuSampleOptions)`.
+*/
+const megaMenuSampleOptions = {
+	variants: [{
+		label: "Lumbar",
+		value: "lumbar"
+	}, {
+		label: "SI joint",
+		value: "si"
+	}],
+	icons: [{
+		label: "Help",
+		value: "help"
+	}, {
+		label: "Mail",
+		value: "mail"
+	}]
+};
+/**
+* Spinal Simplicity's Patients panel as a saved row: two featured territories
+* in a 75% column, two rail sections in a divided 25% column, overview and
+* CTA. Every field is set at least once; the Advanced fields are set but off,
+* so the percent widths are what renders.
+*/
+const megaMenuSample = {
+	id: "sample-mega-menu",
+	blockType: "megaMenu",
+	label: "Patients",
+	href: "/patients",
+	panel: {
+		maxWidth: "standard",
+		columns: [{
+			id: "treatment",
+			width: "75",
+			customWidth: "minmax(0, 1fr)",
+			divider: false,
+			sections: [{
+				id: "territories",
+				eyebrow: "Treatment",
+				display: "featured",
+				hideDescriptionsOnMobile: true,
+				links: [{
+					id: "lumbar",
+					label: "Low Back Pain",
+					href: "/patients/low-back-pain",
+					newTab: false,
+					description: "Persistent low back pain from lumbar instability, often with leg pain that limits standing or walking.",
+					variant: "lumbar"
+				}, {
+					id: "si",
+					label: "Hip Pain",
+					href: "/patients/hip-pain",
+					newTab: false,
+					description: "Pain centered on the sacroiliac joint, often worse with sitting or climbing stairs.",
+					variant: "si"
+				}]
+			}]
+		}, {
+			id: "rail",
+			width: "25",
+			customWidth: "13rem",
+			divider: true,
+			sections: [{
+				id: "outcomes",
+				eyebrow: "Patient Outcomes",
+				display: "list",
+				hideDescriptionsOnMobile: true,
+				links: [
+					{
+						id: "stories",
+						label: "Testimonials",
+						href: "/patients/stories",
+						newTab: false
+					},
+					{
+						id: "research",
+						label: "Research",
+						href: "/patients/research",
+						newTab: false
+					},
+					{
+						id: "path",
+						label: "Path to Relief",
+						href: "/patients/path-to-relief",
+						newTab: false
+					}
+				]
+			}, {
+				id: "support",
+				eyebrow: "Support",
+				display: "list",
+				hideDescriptionsOnMobile: false,
+				links: [{
+					id: "faqs",
+					label: "FAQs",
+					href: "/patients/faqs",
+					newTab: false,
+					description: "Short answers to the questions patients ask first.",
+					icon: "help"
+				}, {
+					id: "contact",
+					label: "Contact",
+					href: "https://example.com/contact",
+					newTab: true,
+					icon: "mail"
+				}]
+			}]
+		}],
+		footer: {
+			overview: {
+				label: "All patient resources",
+				href: "/patients",
+				newTab: false
+			},
+			cta: {
+				label: "Find a Doctor",
+				href: "/find-a-doctor",
+				newTab: false
+			}
+		},
+		customWidths: false,
+		customMaxWidth: "42rem"
+	}
+};
+/** A plain bar item. */
+const navLinkSample = {
+	id: "sample-nav-link",
+	blockType: "navLink",
+	label: "Contact",
+	href: "/contact",
+	newTab: false
+};
+//#endregion
+//#region src/blocks/nap/sample.ts
+/**
+* A fictional clinic. `emitJsonLd` is off: the block emits schema.org
+* `LocalBusiness` by default, and a preview must not put a business that does
+* not exist into a site's structured data. The phone numbers are in the
+* 555-01xx range reserved for fiction.
+*/
+const napSample = {
+	id: "sample-nap",
+	blockType: "nap",
+	businessName: "Larkspur Physiotherapy",
+	businessType: "Physiotherapy",
+	address: {
+		streetAddress: "400 Larkspur Lane, Suite 120",
+		addressLocality: "Boulder",
+		addressRegion: "CO",
+		postalCode: "80302",
+		addressCountry: "US"
+	},
+	departments: [{
+		id: "sample-dept-front-desk",
+		name: "Front desk",
+		phoneE164: "+13035550142",
+		phoneDisplay: "(303) 555-0142"
+	}, {
+		id: "sample-dept-billing",
+		name: "Billing and insurance",
+		departmentType: "AccountingService",
+		phoneE164: "+13035550143"
+	}],
+	url: "https://example.com",
+	showName: true,
+	headingLevel: "h2",
+	emitJsonLd: false
+};
+//#endregion
+//#region src/blocks/process-steps/sample.ts
+/** Four steps: enough to show the rail advancing through a real sequence. */
+const processStepsSample = {
+	id: "sample-process-steps",
+	blockType: "processSteps",
+	items: [
+		{
+			id: "sample-step-assess",
+			title: "Assessment",
+			description: "A fifty-minute first visit: your history, a movement screen, and a clear explanation of what we found.",
+			image: sampleImage({
+				label: "Step 1 · 1600 × 1000",
+				width: 1600,
+				height: 1e3,
+				alt: "A physiotherapist taking notes during an assessment"
+			})
+		},
+		{
+			id: "sample-step-plan",
+			title: "Your plan",
+			description: "A written plan with the number of sessions we expect, what each one is for, and the exercises between them.",
+			image: sampleImage({
+				label: "Step 2 · 1600 × 1000",
+				width: 1600,
+				height: 1e3,
+				alt: "A printed treatment plan on a desk"
+			})
+		},
+		{
+			id: "sample-step-treat",
+			title: "Treatment",
+			description: "Hands-on work where it helps, and progressive loading where it matters. You leave every session knowing what to do next.",
+			image: sampleImage({
+				label: "Step 3 · 1600 × 1000",
+				width: 1600,
+				height: 1e3,
+				alt: "A patient lifting a light kettlebell under supervision"
+			})
+		},
+		{
+			id: "sample-step-discharge",
+			title: "Discharge and beyond",
+			description: "A final review, a maintenance programme, and an open door if anything flares up later.",
+			image: sampleImage({
+				label: "Step 4 · 1600 × 1000",
+				width: 1600,
+				height: 1e3,
+				alt: "A patient walking out of the clinic"
+			})
+		}
+	],
+	autoAdvance: true,
+	autoAdvanceDuration: 5e3,
+	pauseOnHover: true,
+	defaultActiveIndex: 0
+};
+//#endregion
+//#region src/blocks/rich-text/sample.ts
+/**
+* A serialized Lexical document, written by hand in the shapes the default
+* JSX converters read (`heading`, `paragraph`, `text`, `list`, `link`).
+* `version` is on every serialized Lexical node, and `direction`, `format` and
+* `indent` are what `RichTextContent` requires on the root; the converters
+* read none of them, and the sample carries them so it is shaped like a row
+* the editor saved.
+*/
+const block = {
+	direction: "ltr",
+	format: "",
+	indent: 0,
+	version: 1
+};
+function text(value, format = 0) {
+	return {
+		type: "text",
+		text: value,
+		format,
+		detail: 0,
+		mode: "normal",
+		style: "",
+		version: 1
+	};
+}
+function paragraph(children) {
+	return {
+		type: "paragraph",
+		children,
+		textFormat: 0,
+		textStyle: "",
+		...block
+	};
+}
+const BOLD = 1;
+const richTextSample = {
+	id: "sample-rich-text",
+	blockType: "richText",
+	content: { root: {
+		type: "root",
+		...block,
+		children: [
+			{
+				type: "heading",
+				tag: "h2",
+				children: [text("What to expect at your first visit")],
+				...block
+			},
+			paragraph([
+				text("Your first appointment runs about "),
+				text("fifty minutes", BOLD),
+				text(". We start with a conversation about what brought you in, then a movement assessment, and you leave with a written plan and the first two exercises.")
+			]),
+			paragraph([
+				text("Bring comfortable clothes and any recent imaging. If you have questions before you arrive, "),
+				{
+					type: "link",
+					fields: {
+						url: "https://example.com/contact",
+						newTab: true,
+						linkType: "custom"
+					},
+					children: [text("get in touch")],
+					...block,
+					version: 3
+				},
+				text(".")
+			]),
+			{
+				type: "list",
+				listType: "bullet",
+				tag: "ul",
+				start: 1,
+				children: [
+					"Assessment and written plan",
+					"Hands-on treatment where it helps",
+					"Exercises you can do at home, with video"
+				].map((item, i) => ({
+					type: "listitem",
+					value: i + 1,
+					children: [text(item)],
+					...block
+				})),
+				...block
+			}
+		]
+	} }
+};
+//#endregion
+//#region src/blocks/showcase-panels/sample.ts
+/** Three panels: the minimum the layout is designed around. */
+const showcasePanelsSample = {
+	id: "sample-showcase-panels",
+	blockType: "showcasePanels",
+	items: [
+		{
+			id: "sample-panel-back",
+			title: "Back and neck pain",
+			summary: "Most back pain settles with the right movement, not rest. We find what is driving yours and build a plan around your week, not ours.",
+			image: sampleImage({
+				label: "Panel 1 · 1400 × 1000",
+				width: 1400,
+				height: 1e3,
+				alt: "A physiotherapist guiding a patient through a stretch"
+			}),
+			href: "/services/back-and-neck",
+			numeral: "01"
+		},
+		{
+			id: "sample-panel-sport",
+			title: "Sports injuries",
+			summary: "From a rolled ankle to a post-surgical knee: a return-to-play plan with clear milestones, so you know when you are ready.",
+			image: sampleImage({
+				label: "Panel 2 · 1400 × 1000",
+				width: 1400,
+				height: 1e3,
+				alt: "A runner mid-stride on a track"
+			}),
+			href: "/services/sports-injuries"
+		},
+		{
+			id: "sample-panel-post-op",
+			title: "Post-operative rehab",
+			summary: "We work from your surgeon's protocol and keep them in the loop, so every stage of recovery is signed off before the next begins.",
+			image: sampleImage({
+				label: "Panel 3 · 1400 × 1000",
+				width: 1400,
+				height: 1e3,
+				alt: "A patient on a rehabilitation bike"
+			})
+		}
+	],
+	spineVariant: "numbered",
+	watermark: "LARKSPUR",
+	defaultActiveIndex: 0
+};
+//#endregion
+//#region src/blocks/testimonial-masonry/sample.ts
+function avatar(name) {
+	return sampleImage({
+		label: name.split(" ").map((part) => part[0]).join(""),
+		width: 160,
+		height: 160,
+		alt: `Portrait of ${name}`
+	});
+}
+//#endregion
+//#region src/samples.ts
+/**
+* Every block the package ships, rendered without a CMS row.
+*
+* A Block library page (BIS-52) renders these live so an admin can see each
+* block before enabling it. Each sample lives beside its block's `config.ts`
+* and `component.tsx` as `sample.ts`, and `src/__tests__/samples.test.tsx`
+* locks the contract: one entry per slug, `blockType` matching the key, every
+* config field exercised at least once, and every image self-contained.
+*
+* React-free on purpose: it is read from a Global's field config, which
+* Payload loads in plain Node like the rest of this entry, as well as from a
+* route handler. Only what this package ships is here; a site supplies samples
+* for its own blocks through the Block library factory, whose option BIS-52
+* names.
+*/
+const blockSamples = {
+	hero: heroSample,
+	richText: richTextSample,
+	showcasePanels: showcasePanelsSample,
+	processSteps: processStepsSample,
+	faqColumns: faqColumnsSample,
+	testimonialMasonry: {
+		id: "sample-testimonial-masonry",
+		blockType: "testimonialMasonry",
+		eyebrow: "From our patients",
+		title: "What people say after they finish",
+		description: "Every review here was left by a patient we discharged. We do not edit them.",
+		items: [
+			{
+				id: "sample-quote-1",
+				content: "I had written off running. Eight weeks later I did a parkrun, and the plan I was given actually fitted around a job and two kids.",
+				author: {
+					name: "Priya Natarajan",
+					title: "Recovered from a hamstring tear",
+					avatar: avatar("Priya Natarajan")
+				}
+			},
+			{
+				id: "sample-quote-2",
+				content: "The first physio who explained what was wrong in words I understood.",
+				author: {
+					name: "Tom Ferreira",
+					title: "Lower back pain",
+					avatar: avatar("Tom Ferreira")
+				}
+			},
+			{
+				id: "sample-quote-3",
+				content: "My surgeon said my knee was ahead of schedule at every check-in. That was the rehab, not me.",
+				author: {
+					name: "Aisha Bello",
+					title: "ACL reconstruction"
+				}
+			},
+			{
+				id: "sample-quote-4",
+				content: "Booked on a Tuesday, seen on the Thursday. The shoulder I had put up with for a year was sorted in six visits.",
+				author: {
+					name: "Marcus Whitfield",
+					title: "Frozen shoulder",
+					avatar: avatar("Marcus Whitfield")
+				}
+			},
+			{
+				id: "sample-quote-5",
+				content: "They kept my consultant in the loop the whole way through, which nobody else had bothered to do.",
+				author: { name: "Helen Ostrowski" }
+			},
+			{
+				id: "sample-quote-6",
+				content: "Honest about what would take time and what would not. I would send my parents here.",
+				author: {
+					name: "Daniel Kim",
+					title: "Ankle sprain",
+					avatar: avatar("Daniel Kim")
+				}
+			}
+		],
+		link: {
+			label: "Read every review",
+			href: "https://example.com/reviews",
+			newTab: true
+		},
+		minItemsForFade: 6,
+		maxVisibleRows: 2
+	},
+	nap: napSample,
+	megaMenu: megaMenuSample,
+	navLink: navLinkSample
+};
+//#endregion
+export { FaqColumnsBlock, HeroBlock, LinkBlock, MEGA_MENU_WIDTHS, MIN_ROWS_ARRAY_FIELD, NapBlock, ProcessStepsBlock, RichTextBlock, ShowcasePanelsBlock, TestimonialMasonryBlock, blockSamples, emptyRows, headingFields, imageField, linkField, linkFields, megaMenuBlock, megaMenuSampleOptions, resolveMedia, sampleImage, validateColumnWidths, validateRemWidth };
 
 //# sourceMappingURL=index.mjs.map