@riverbankcms/sdk 0.144.0 → 0.145.0

package/dist/client/rendering/client.mjs

@@ -1018,7 +1018,7 @@ function parseEventPageSurfaceDestinationMode(value) {
 	return value === "cms-managed" || value === "system-managed" ? value : void 0;
 }
 function parseEventPageSurfaceSubject(value) {
-	if (!isRecord$29(value)) return err$2({ kind: "notObject" });
+	if (!isRecord$30(value)) return err$2({ kind: "notObject" });
 	switch (value.kind) {
 		case "eventSeries": {
 			const eventSeriesId = parseEventSeriesId(value.eventSeriesId);
@@ -1073,7 +1073,7 @@ function parseEventSeriesIdList(values) {
 	}
 	return ok$2(parsed);
 }
-function isRecord$29(value) {
+function isRecord$30(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 var init_event_page_surface_subject = __esmMin((() => {
@@ -1525,7 +1525,76 @@ var init_booking_date_time = __esmMin((() => {
 }));
 //#endregion
 //#region ../core/src/booking-consent.ts
-var init_booking_consent = __esmMin((() => {})), init_dated_offering_settlement = __esmMin((() => {
+var init_booking_consent = __esmMin((() => {}));
+//#endregion
+//#region ../core/src/appointment-service-categories.ts
+/**
+* Groups services under their categories.
+*
+* A service whose `categoryId` names no category in `categories` lands in
+* Other. The composite foreign key keeps that from happening with stored data,
+* so this is only the total, safe answer for a caller holding a stale list.
+*/
+function layoutServicesByCategory(categories, services, options) {
+	if (categories.length === 0) return {
+		kind: "uncategorized-site",
+		services: [...services]
+	};
+	const buckets = new Map(categories.map((category) => [category.id, []]));
+	const other = [];
+	for (const service of services) {
+		const bucket = service.categoryId === null ? void 0 : buckets.get(service.categoryId);
+		if (bucket !== void 0) bucket.push(service);
+		else other.push(service);
+	}
+	const groups = [];
+	for (const category of categories) {
+		const groupServices = buckets.get(category.id) ?? [];
+		if (groupServices.length === 0 && !options.keepEmptyGroups) continue;
+		groups.push({
+			category,
+			services: groupServices
+		});
+	}
+	if (groups.length === 0 && !options.keepEmptyGroups) return {
+		kind: "uncategorized-site",
+		services: other
+	};
+	return {
+		kind: "categorized-site",
+		groups,
+		other
+	};
+}
+/**
+* Selects the public view for an optional category filter.
+*
+* It takes the category and service lists rather than a prebuilt layout
+* because the public layout has already dropped empty categories, and then an
+* empty category (`single` with no services) could not be told apart from a
+* deleted one (`fallback-all`).
+*/
+function selectCategoryView(categories, services, filterCategoryId) {
+	const publicLayout = () => layoutServicesByCategory(categories, services, { keepEmptyGroups: false });
+	if (filterCategoryId === null || filterCategoryId === void 0) return {
+		kind: "all",
+		layout: publicLayout()
+	};
+	const category = categories.find((candidate) => candidate.id === filterCategoryId);
+	if (category === void 0) return {
+		kind: "fallback-all",
+		missingCategoryId: filterCategoryId,
+		layout: publicLayout()
+	};
+	return {
+		kind: "single",
+		group: {
+			category,
+			services: services.filter((service) => service.categoryId === filterCategoryId)
+		}
+	};
+}
+var init_appointment_service_categories = __esmMin((() => {})), init_dated_offering_settlement = __esmMin((() => {
 	init_result$1();
 }));
 var init_person_records = __esmMin((() => {
@@ -1579,7 +1648,7 @@ var init_public_profile = __esmMin((() => {
 var init_public_experience = __esmMin((() => {}));
 //#endregion
 //#region ../core/src/rich-text.ts
-function isRecord$27(value) {
+function isRecord$28(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function hasOnlyKeys(value, allowed) {
@@ -1590,10 +1659,10 @@ function isDenseArrayOf(value, predicate) {
 	return true;
 }
 function isTipTapMark(value) {
-	return isRecord$27(value) && hasOnlyKeys(value, markKeys) && typeof value.type === "string" && value.type.length > 0 && (value.attrs === void 0 || isRecord$27(value.attrs));
+	return isRecord$28(value) && hasOnlyKeys(value, markKeys) && typeof value.type === "string" && value.type.length > 0 && (value.attrs === void 0 || isRecord$28(value.attrs));
 }
 function isTipTapNode(value) {
-	if (!isRecord$27(value) || !hasOnlyKeys(value, nodeKeys) || typeof value.type !== "string" || value.type.length === 0 || value.type === "doc" || value.attrs !== void 0 && !isRecord$27(value.attrs) || value.marks !== void 0 && (!Array.isArray(value.marks) || !isDenseArrayOf(value.marks, isTipTapMark)) || value.content !== void 0 && (!Array.isArray(value.content) || !isDenseArrayOf(value.content, isTipTapNode))) return false;
+	if (!isRecord$28(value) || !hasOnlyKeys(value, nodeKeys) || typeof value.type !== "string" || value.type.length === 0 || value.type === "doc" || value.attrs !== void 0 && !isRecord$28(value.attrs) || value.marks !== void 0 && (!Array.isArray(value.marks) || !isDenseArrayOf(value.marks, isTipTapMark)) || value.content !== void 0 && (!Array.isArray(value.content) || !isDenseArrayOf(value.content, isTipTapNode))) return false;
 	if (value.type === "text") return typeof value.text === "string" && value.text.length > 0 && value.content === void 0;
 	return value.text === void 0;
 }
@@ -1638,10 +1707,10 @@ var init_mailing_list_identifiers = __esmMin((() => {
 //#endregion
 //#region ../core/src/mailing-list-targeting-parser.ts
 function parseMailingListPlacementTargeting(value) {
-	if (!isRecord$26(value)) return targetingError("shape");
+	if (!isRecord$27(value)) return targetingError("shape");
 	if (value.mode === "default") return ok$2({ mode: "default" });
 	if (value.mode !== "custom") return targetingError("mode");
-	if (!isRecord$26(value.selection)) return targetingError("selection");
+	if (!isRecord$27(value.selection)) return targetingError("selection");
 	switch (value.provider) {
 		case "native": return parseNativeTargeting(value.selection);
 		case "brevo": return parseBrevoTargeting(value.selection);
@@ -1650,7 +1719,7 @@ function parseMailingListPlacementTargeting(value) {
 	}
 }
 function parseMailingListVisitorSelection(value) {
-	if (!isRecord$26(value)) return visitorSelectionError$1("shape");
+	if (!isRecord$27(value)) return visitorSelectionError$1("shape");
 	switch (value.provider) {
 		case "native": {
 			const topicIds = parseVisitorIds(value.topicIds, parseNewsletterListId);
@@ -1783,7 +1852,7 @@ function parseVisitorIds(value, parseId) {
 	}
 	return parsed;
 }
-function isRecord$26(value) {
+function isRecord$27(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function targetingError(field) {
@@ -1840,7 +1909,7 @@ var init_mailing_list_setup = __esmMin((() => {
 //#endregion
 //#region ../core/src/mailing-list-setup-parser.ts
 function parseMailingListGlobalForm(value) {
-	if (!isRecord$22(value)) return formError("shape");
+	if (!isRecord$23(value)) return formError("shape");
 	const fields = parseGlobalFields(value.fields);
 	if (fields === null) return formError("fields");
 	if (typeof value.includeOptionalPhone !== "boolean") return formError("includeOptionalPhone");
@@ -1859,7 +1928,7 @@ function parseMailingListGlobalForm(value) {
 	});
 }
 function parseGlobalFields(value) {
-	if (!isRecord$22(value) || typeof value.preset !== "string") return null;
+	if (!isRecord$23(value) || typeof value.preset !== "string") return null;
 	switch (value.preset) {
 		case "emailOnly": return { preset: "emailOnly" };
 		case "emailName": return isRequirement(value.name) ? {
@@ -1896,7 +1965,7 @@ function parseOptionalString(value) {
 function isRequirement(value) {
 	return value === "required" || value === "optional";
 }
-function isRecord$22(value) {
+function isRecord$23(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function formError(field) {
@@ -1954,7 +2023,7 @@ var init_mailing_list_targeting = __esmMin((() => {
 //#endregion
 //#region ../core/src/mailing-list-runtime.ts
 function parseMailingListRuntimeContext(value) {
-	if (!isRecord$21(value)) return invalidRuntimeContext();
+	if (!isRecord$22(value)) return invalidRuntimeContext();
 	if (value.tag === "not_configured") return ok$2({ tag: "not_configured" });
 	if (value.tag !== "configured") return invalidRuntimeContext();
 	const revision = parseMailingListSetupRevision(value.revision);
@@ -1969,7 +2038,7 @@ function parseMailingListRuntimeContext(value) {
 	});
 }
 function parseRuntimeProvider(value) {
-	if (!isRecord$21(value)) return null;
+	if (!isRecord$22(value)) return null;
 	switch (value.provider) {
 		case "native": return parseNativeRuntimeProvider(value);
 		case "brevo": return parseBrevoRuntimeProvider(value);
@@ -2001,7 +2070,7 @@ function parseMailchimpRuntimeProvider(value) {
 	if (defaultAudienceId === null) return null;
 	const audiences = [];
 	for (const audience of value.audiences) {
-		if (!isRecord$21(audience)) return null;
+		if (!isRecord$22(audience)) return null;
 		const id = parseMailchimpAudienceId(audience.id);
 		const name = parseName(audience.name);
 		if (id === null || name === null || !Array.isArray(audience.interests)) return null;
@@ -2022,7 +2091,7 @@ function parseMailchimpRuntimeProvider(value) {
 function parseMailchimpInterests(value) {
 	const interests = [];
 	for (const interest of value) {
-		if (!isRecord$21(interest)) return null;
+		if (!isRecord$22(interest)) return null;
 		const id = parseMailchimpInterestId(interest.id);
 		const name = parseName(interest.name);
 		const categoryName = parseName(interest.categoryName);
@@ -2039,7 +2108,7 @@ function parseNamedItems(value, parseId) {
 	if (!Array.isArray(value)) return null;
 	const items = [];
 	for (const item of value) {
-		if (!isRecord$21(item)) return null;
+		if (!isRecord$22(item)) return null;
 		const id = parseId(item.id);
 		const name = parseName(item.name);
 		if (id === null || name === null) return null;
@@ -2055,7 +2124,7 @@ function parseName(value) {
 	const name = value.trim();
 	return name.length > 0 ? name : null;
 }
-function isRecord$21(value) {
+function isRecord$22(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function invalidRuntimeContext() {
@@ -2496,6 +2565,7 @@ var init_src$2 = __esmMin((() => {
 	init_booking_instalments();
 	init_booking_date_time();
 	init_booking_consent();
+	init_appointment_service_categories();
 	init_dated_offering_settlement();
 	init_person_records();
 	init_rectification();
@@ -2680,11 +2750,11 @@ var init_storagePathDomain = __esmMin((() => {}));
 var init_fileAssetLegacyProjection = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$19(value) {
+function isRecord$20(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord$1(value) {
-	return isRecord$19(value) ? value : void 0;
+	return isRecord$20(value) ? value : void 0;
 }
 var init_typeGuards$1 = __esmMin((() => {}));
 function isFileJsonObject(value) {
@@ -2694,7 +2764,7 @@ function isFileJsonValue(value) {
 	if (value === null || typeof value === "string" || typeof value === "boolean") return true;
 	if (typeof value === "number") return Number.isFinite(value);
 	if (Array.isArray(value)) return value.every(isFileJsonValue);
-	return isRecord$19(value) && isFileJsonObject(value);
+	return isRecord$20(value) && isFileJsonObject(value);
 }
 var init_filePersistence = __esmMin((() => {
 	init_src$2();
@@ -3002,7 +3072,7 @@ function isCmsMediaObjectType(value) {
 	return typeof value === "string" && CMS_MEDIA_OBJECT_TYPES.includes(value);
 }
 function isCmsMediaObject(value) {
-	if (!isRecord$19(value)) return false;
+	if (!isRecord$20(value)) return false;
 	const type = value.type;
 	if (!isCmsMediaObjectType(type)) return false;
 	if ("attrs" in value) return false;
@@ -3013,7 +3083,7 @@ function collectMediaObjects(value, out, location = "") {
 		value.forEach((item, index) => collectMediaObjects(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$19(value)) return;
+	if (!isRecord$20(value)) return;
 	if (isCmsMediaObject(value)) out.push({
 		obj: value,
 		location
@@ -3047,8 +3117,8 @@ function walkAndCollectImageAttrs(value, out, location = "") {
 		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$19(value)) return;
-	if (value.type === "image" && isRecord$19(value.attrs)) out.push({
+	if (!isRecord$20(value)) return;
+	if (value.type === "image" && isRecord$20(value.attrs)) out.push({
 		attrs: value.attrs,
 		location: location ? `${location}.attrs` : "attrs"
 	});
@@ -3108,7 +3178,7 @@ function mediaIdentifierOrFallback(current, fallback) {
 var init_renderableMediaAsset = __esmMin((() => {}));
 //#endregion
 //#region ../media-core/src/contentMediaAudit.ts
-function isRecord$18(value) {
+function isRecord$19(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function summarizeContentMediaValue(value) {
@@ -3119,7 +3189,7 @@ function summarizeContentMediaValue(value) {
 	}
 	if (value === null) return "null";
 	if (Array.isArray(value)) return `array(${value.length})`;
-	if (isRecord$18(value)) return `object(${Object.keys(value).sort().join(",")})`;
+	if (isRecord$19(value)) return `object(${Object.keys(value).sort().join(",")})`;
 	return typeof value;
 }
 function auditMediaValue(context, path, allowedMediaTypes, value) {
@@ -3143,9 +3213,9 @@ function auditMediaValue(context, path, allowedMediaTypes, value) {
 			allowedMediaTypes
 		}];
 	}
-	const hasValidIdentifier = isRecord$18(value) && typeof value.identifier === "string" && value.identifier.trim().length > 0;
-	const hasValidExplicitType = isRecord$18(value) && (!("type" in value) || typeof value.type === "string" && allowedMediaTypes.includes(value.type));
-	const hasRetiredEnvironmentField = isRecord$18(value) && ("assetId" in value || "storagePath" in value || "storageBucket" in value || "src" in value || "mimeType" in value || looksLikeUuid(value.id));
+	const hasValidIdentifier = isRecord$19(value) && typeof value.identifier === "string" && value.identifier.trim().length > 0;
+	const hasValidExplicitType = isRecord$19(value) && (!("type" in value) || typeof value.type === "string" && allowedMediaTypes.includes(value.type));
+	const hasRetiredEnvironmentField = isRecord$19(value) && ("assetId" in value || "storagePath" in value || "storageBucket" in value || "src" in value || "mimeType" in value || looksLikeUuid(value.id));
 	if (hasValidIdentifier && hasValidExplicitType && !hasRetiredEnvironmentField) return [];
 	return [{
 		tag: "malformed-object",
@@ -3156,7 +3226,7 @@ function auditMediaValue(context, path, allowedMediaTypes, value) {
 	}];
 }
 function auditFields(context, fields, value, parentPath) {
-	if (!isRecord$18(value)) return [];
+	if (!isRecord$19(value)) return [];
 	const findings = [];
 	for (const field of fields) {
 		if (!(field.id in value)) continue;
@@ -3173,7 +3243,7 @@ function auditFields(context, fields, value, parentPath) {
 				if (!Array.isArray(fieldValue)) break;
 				for (const [index, item] of fieldValue.entries()) {
 					const itemPath = [...fieldPath, index];
-					if (!isRecord$18(item)) {
+					if (!isRecord$19(item)) {
 						findings.push({
 							tag: "missing-schema",
 							context,
@@ -3207,7 +3277,7 @@ var init_contentMediaAudit = __esmMin((() => {
 }));
 //#endregion
 //#region ../media-core/src/contentMediaAuditFieldAdapter.ts
-function isRecord$17(value) {
+function isRecord$18(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function unknownArray(value) {
@@ -3216,7 +3286,7 @@ function unknownArray(value) {
 function fieldsArray(value) {
 	const directFields = unknownArray(value);
 	if (directFields) return directFields;
-	if (!isRecord$17(value)) return null;
+	if (!isRecord$18(value)) return null;
 	return unknownArray(value.fields);
 }
 function nestedFields(field) {
@@ -3281,7 +3351,7 @@ function mergeFields(fields) {
 }
 function adaptFields(rawFields, flattenRepeaterGroups = false, defaultFileKinds = ["document"]) {
 	return mergeFields(rawFields.flatMap((rawField) => {
-		if (!isRecord$17(rawField)) return [];
+		if (!isRecord$18(rawField)) return [];
 		const { id, type } = rawField;
 		if (typeof id !== "string" || !id || typeof type !== "string") return [];
 		if (type === "media" || type === "file") return [{
@@ -3289,7 +3359,7 @@ function adaptFields(rawFields, flattenRepeaterGroups = false, defaultFileKinds
 			id,
 			allowedMediaTypes: allowedMediaTypes(rawField, type, defaultFileKinds)
 		}];
-		if (flattenRepeaterGroups && type === "group" && isRecord$17(rawField.ui) && rawField.ui.flattenInRepeater === true) return adaptFields(nestedFields(rawField), false, defaultFileKinds);
+		if (flattenRepeaterGroups && type === "group" && isRecord$18(rawField.ui) && rawField.ui.flattenInRepeater === true) return adaptFields(nestedFields(rawField), false, defaultFileKinds);
 		if (type === "group" || type === "modal") return [{
 			kind: "object",
 			id,
@@ -3298,14 +3368,14 @@ function adaptFields(rawFields, flattenRepeaterGroups = false, defaultFileKinds
 		if (type === "tabGroup") return [{
 			kind: "object",
 			id,
-			fields: adaptFields((unknownArray(rawField.tabs) ?? []).flatMap((tab) => isRecord$17(tab) ? unknownArray(tab.fields) ?? [] : []), false, defaultFileKinds)
+			fields: adaptFields((unknownArray(rawField.tabs) ?? []).flatMap((tab) => isRecord$18(tab) ? unknownArray(tab.fields) ?? [] : []), false, defaultFileKinds)
 		}];
 		if (type !== "repeater") return [];
-		if (isRecord$17(rawField.itemTypes)) return [{
+		if (isRecord$18(rawField.itemTypes)) return [{
 			kind: "repeater",
 			id,
 			mode: "variants",
-			variants: Object.entries(rawField.itemTypes).flatMap(([typeId, itemType]) => isRecord$17(itemType) && Array.isArray(itemType.fields) ? [{
+			variants: Object.entries(rawField.itemTypes).flatMap(([typeId, itemType]) => isRecord$18(itemType) && Array.isArray(itemType.fields) ? [{
 				typeId,
 				fields: adaptFields(itemType.fields, true, defaultFileKinds)
 			}] : []),
@@ -7715,6 +7785,15 @@ function asSiteStyleId(value) {
 function asDesignSystemTemplateId(value) {
 	return brandNonEmptyString(value, "DesignSystemTemplateId");
 }
+function toNonEmptyReadonlyArray(values) {
+	const [first, ...rest] = values;
+	return first === void 0 ? null : [first, ...rest];
+}
+function requireNonEmptyReadonlyArray(values, message = "Expected a non-empty array.") {
+	const result = toNonEmptyReadonlyArray(values);
+	if (!result) throw new Error(message);
+	return result;
+}
 function makeBoundaryId(previousBlockId, nextBlockId) {
 	return asDesignBoundaryId(`boundary:${encodeURIComponent(previousBlockId)}:${encodeURIComponent(nextBlockId)}`);
 }
@@ -7888,16 +7967,18 @@ var init_rawStyleFields = __esmMin((() => {
 		"_frameStyles",
 		"_sectionStyles",
 		"_containerStyles",
-		"_cardStyles",
-		"_transitionStyles",
-		"styleGroup"
+		"_cardStyles"
 	];
 	themeV2BlockSpecificRawStyleFieldNames = [
 		"_contentCardStyles",
 		"_heroLayoutStyles",
 		"_textCardStyles"
 	];
-	themeV2NormalEditorRawStyleFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
+	themeV2NormalEditorRawStyleFieldNames = [
+		...themeV2RuntimeStyleFieldNames,
+		...themeV2BlockSpecificRawStyleFieldNames,
+		"styleGroup"
+	];
 	new Set(themeV2NormalEditorRawStyleFieldNames);
 	[...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
 	pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
@@ -7989,7 +8070,7 @@ var init_interactionPalette = __esmMin((() => {
 //#endregion
 //#region ../theme-core/src/boxBackgroundSchema.ts
 function normalizeAuthoringOpacity(value) {
-	if (!isRecord$16(value)) return value;
+	if (!isRecord$17(value)) return value;
 	return {
 		...value,
 		opacity: normalizeOpacity(value.opacity)
@@ -7998,7 +8079,7 @@ function normalizeAuthoringOpacity(value) {
 function normalizeOpacity(value) {
 	return typeof value === "number" && value > 1 && value <= 100 ? value / 100 : value;
 }
-function isRecord$16(value) {
+function isRecord$17(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 var boxBackgroundOverlaySchema, commonSchema, mediaPresentationSchema, boxBackgroundSchema;
@@ -8817,7 +8898,7 @@ var init_media$1 = __esmMin((() => {
 /**
 * Strict record guard: excludes null, primitives, and arrays.
 */
-function isRecord$15(value) {
+function isRecord$16(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 var init_typeGuards = __esmMin((() => {}));
@@ -9922,7 +10003,7 @@ function encodePublicProductCategorySelector(selector) {
 			};
 	}
 }
-function isRecord$14(value) {
+function isRecord$15(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -9946,15 +10027,15 @@ async function parseJsonBody(response) {
 	}
 }
 function isFieldError(value) {
-	return isRecord$14(value) && !Array.isArray(value) && typeof value.field === "string" && typeof value.code === "string" && typeof value.message === "string";
+	return isRecord$15(value) && !Array.isArray(value) && typeof value.field === "string" && typeof value.code === "string" && typeof value.message === "string";
 }
 function fieldErrorsFromUnknown(value) {
 	if (!Array.isArray(value)) return void 0;
 	return value.every(isFieldError) ? value : void 0;
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$14(data)) return {};
-	const nestedError = isRecord$14(data.error) ? data.error : void 0;
+	if (!isRecord$15(data)) return {};
+	const nestedError = isRecord$15(data.error) ? data.error : void 0;
 	const message = typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0;
 	const code = typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0;
 	const fieldErrors = fieldErrorsFromUnknown(nestedError?.fieldErrors) ?? fieldErrorsFromUnknown(data.fieldErrors);
@@ -10968,11 +11049,11 @@ var UnsafePathSegmentError = class extends Error {
 function assertSafePathSegments(segments) {
 	for (const segment of segments) if (typeof segment === "string" && UNSAFE_PATH_SEGMENTS.has(segment)) throw new UnsafePathSegmentError(segment);
 }
-function isRecord$13(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$13(value);
+	return Array.isArray(value) || isRecord$14(value);
 }
 function getContainerValue(container, segment) {
 	if (typeof segment === "number") return Array.isArray(container) ? container[segment] : void 0;
@@ -13957,7 +14038,7 @@ function parseSiteIconStyleGuideVersionId(value) {
 //#region ../blocks/src/system/icons/value.ts
 init_semantic();
 const NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord$12(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
@@ -13965,7 +14046,7 @@ function parseBlockIconValue(value) {
 		kind: "semantic",
 		iconId: value
 	};
-	if (!isRecord$12(value)) return NO_BLOCK_ICON_VALUE;
+	if (!isRecord$13(value)) return NO_BLOCK_ICON_VALUE;
 	switch (value.kind) {
 		case "none": return NO_BLOCK_ICON_VALUE;
 		case "semantic": return isSemanticIconId(value.iconId) ? {
@@ -14038,7 +14119,7 @@ function buildGeneratedBlockIconRenderAssetLookupFromUnknown(value) {
 	if (!Array.isArray(value)) return { kind: "invalid_asset_list" };
 	const inputs = [];
 	for (const [index, item] of value.entries()) {
-		if (!isRecord$12(item)) return {
+		if (!isRecord$13(item)) return {
 			kind: "invalid_asset_entry",
 			index,
 			reason: "not_object"
@@ -14158,11 +14239,11 @@ function resolveFeatureCardGeneratedIconSizePx(value) {
 	const parsed = parseFeatureCardGeneratedIconSizePx(value);
 	return parsed.ok ? parsed.value : unsafeAsFeatureCardGeneratedIconSizePx(FEATURE_CARD_GENERATED_ICON_SIZE_PX.default);
 }
-function isRecord$11(value) {
+function isRecord$12(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function toPlainTextFromTipTap(value) {
-	if (!isRecord$11(value)) return "";
+	if (!isRecord$12(value)) return "";
 	if (typeof value.text === "string") return value.text;
 	const content = value.content;
 	if (!Array.isArray(content)) return "";
@@ -15453,18 +15534,43 @@ const publicAppointmentServiceSchema = z.object({
 	pricing: publicPricingSchema.optional(),
 	priceAmount: z.number().nullable(),
 	priceCurrency: z.string().nullable(),
-	location: publicLocationSchema
+	location: publicLocationSchema,
+	categoryId: z.string().nullable().optional().transform((value) => value ?? null)
+});
+const publicServiceCategorySchema = z.object({
+	id: z.string().min(1),
+	name: z.string(),
+	description: z.string().nullable().optional().transform((value) => value ?? null)
 });
-const publicAppointmentServicesSchema = z.array(publicAppointmentServiceSchema);
+/**
+* The loader hands over the catalogue `{ services, categories }` (issue 1403).
+* A bare services array is still accepted and read as a site with no
+* categories, so callers from before categories keep the flat list.
+*/
+const publicAppointmentServicesSchema = z.union([z.array(publicAppointmentServiceSchema).transform((services) => ({
+	services,
+	categories: []
+})), z.object({
+	services: z.array(publicAppointmentServiceSchema),
+	categories: z.array(publicServiceCategorySchema)
+})]);
 const EMPTY_MESSAGE = "No appointments are available right now.";
 const ERROR_MESSAGE = "Appointments are temporarily unavailable. Please try again shortly.";
+const OTHER_GROUP_KEY = "other";
+const OTHER_GROUP_HEADING = "Other";
 function parseServices(value) {
 	const result = publicAppointmentServicesSchema.safeParse(value);
 	return result.success ? {
 		kind: "valid",
-		services: result.data
+		services: result.data.services,
+		categories: result.data.categories
 	} : { kind: "invalid" };
 }
+function readCategoryFilter(value) {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	return trimmed.length > 0 ? trimmed : null;
+}
 function formatAppointmentDuration(durationMinutes) {
 	return `${durationMinutes} min`;
 }
@@ -15538,8 +15644,44 @@ function buildRows(services, pathname, servicePathPrefix) {
 		detailsHref: servicePathPrefix && service.slug ? `${servicePathPrefix.replace(/\/$/, "")}/${encodeURIComponent(service.slug)}` : null
 	}));
 }
+const EMPTY_VIEW = {
+	kind: "empty",
+	message: EMPTY_MESSAGE
+};
+function categoryGroup(category, services, toRows) {
+	return {
+		key: category.id,
+		heading: category.name,
+		intro: category.description,
+		rows: toRows(services)
+	};
+}
+function viewFromLayout(layout, toRows) {
+	switch (layout.kind) {
+		case "uncategorized-site": return layout.services.length === 0 ? EMPTY_VIEW : {
+			kind: "items",
+			rows: toRows(layout.services)
+		};
+		case "categorized-site": {
+			const groups = layout.groups.map((group) => categoryGroup(group.category, group.services, toRows));
+			const other = layout.other.length === 0 ? [] : [{
+				key: OTHER_GROUP_KEY,
+				heading: OTHER_GROUP_HEADING,
+				intro: null,
+				rows: toRows(layout.other)
+			}];
+			const allGroups = [...groups, ...other];
+			return allGroups.length === 0 ? EMPTY_VIEW : {
+				kind: "groups",
+				groups: allGroups
+			};
+		}
+		default: return assertNever$22(layout);
+	}
+}
 function buildAppointmentServicesView(input) {
-	if (!input.pathname) return {
+	const pathname = input.pathname;
+	if (!pathname) return {
 		kind: "error",
 		message: ERROR_MESSAGE
 	};
@@ -15548,76 +15690,128 @@ function buildAppointmentServicesView(input) {
 		kind: "error",
 		message: ERROR_MESSAGE
 	};
-	if (parsed.services.length === 0) return {
-		kind: "empty",
-		message: EMPTY_MESSAGE
-	};
-	return {
-		kind: "items",
-		rows: buildRows(parsed.services, input.pathname, input.servicePathPrefix ?? null)
-	};
+	const toRows = (services) => buildRows(services, pathname, input.servicePathPrefix ?? null);
+	const view = selectCategoryView(parsed.categories, parsed.services, readCategoryFilter(input.categoryId));
+	switch (view.kind) {
+		case "single": return view.group.services.length === 0 ? EMPTY_VIEW : {
+			kind: "groups",
+			groups: [categoryGroup(view.group.category, view.group.services, toRows)]
+		};
+		case "all":
+		case "fallback-all": return viewFromLayout(view.layout, toRows);
+		default: return assertNever$22(view);
+	}
+}
+function AppointmentServiceRows({ rows, RowTitle }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "appointment-services-rows rb-flex rb-flex-col",
+		children: rows.map((row) => /* @__PURE__ */ jsxs("article", {
+			className: "appointment-services-row rb-border-b rb-border-border rb-py-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "appointment-services-row-main rb-min-w-0",
+					children: [
+						/* @__PURE__ */ jsx(RowTitle, {
+							className: "appointment-services-row-title rb-text-lg rb-font-medium rb-leading-tight",
+							children: row.detailsHref ? /* @__PURE__ */ jsx("a", {
+								href: row.detailsHref,
+								children: row.title
+							}) : row.title
+						}),
+						row.description ? /* @__PURE__ */ jsx("p", {
+							className: "appointment-services-row-description rb-text-sm rb-leading-6 status-muted",
+							children: row.description
+						}) : null,
+						/* @__PURE__ */ jsxs("p", {
+							className: "appointment-services-row-meta rb-caption status-muted",
+							children: [row.durationLabel, row.locationLabel ? ` · ${row.locationLabel}` : ""]
+						})
+					]
+				}),
+				row.priceLabel ? /* @__PURE__ */ jsx("span", {
+					className: "appointment-services-row-price rb-text-lg",
+					children: row.priceLabel
+				}) : null,
+				/* @__PURE__ */ jsx(ThemedButtonLink, {
+					variant: "secondary",
+					size: "sm",
+					extraClassName: "appointment-services-row-action",
+					href: row.href,
+					label: "Check times",
+					screenReaderSuffix: ` for ${row.title}`
+				})
+			]
+		}, row.id))
+	});
+}
+function AppointmentServiceGroups({ groups, hasSectionHeading, idPrefix }) {
+	const GroupHeading = hasSectionHeading ? "h3" : "h2";
+	const RowTitle = hasSectionHeading ? "h4" : "h3";
+	return /* @__PURE__ */ jsx("div", {
+		className: "appointment-services-groups rb-flex rb-flex-col rb-gap-10",
+		children: groups.map((group) => {
+			const headingId = `${idPrefix}-group-${group.key}`;
+			return /* @__PURE__ */ jsxs("section", {
+				className: "appointment-services-group rb-flex rb-flex-col rb-gap-2",
+				"aria-labelledby": headingId,
+				"data-appointment-services-group": group.key,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "appointment-services-group-heading",
+					children: [/* @__PURE__ */ jsx(GroupHeading, {
+						id: headingId,
+						className: "appointment-services-group-title rb-text-sm rb-font-semibold rb-uppercase rb-tracking-wide",
+						children: group.heading
+					}), group.intro ? /* @__PURE__ */ jsx("p", {
+						className: "appointment-services-group-intro rb-text-sm rb-leading-6 rb-max-w-prose status-muted",
+						children: group.intro
+					}) : null]
+				}), /* @__PURE__ */ jsx(AppointmentServiceRows, {
+					rows: group.rows,
+					RowTitle
+				})]
+			}, group.key);
+		})
+	});
 }
-function AppointmentServicesNode({ sectionHeading, services, pathname, servicePathPrefix, className }) {
+function AppointmentServicesNode({ sectionHeading, categoryId, services, pathname, servicePathPrefix, blockId, className }) {
 	const view = buildAppointmentServicesView({
 		services,
+		categoryId,
 		pathname: typeof pathname === "string" ? pathname : void 0,
 		servicePathPrefix: typeof servicePathPrefix === "string" ? servicePathPrefix : null
 	});
 	const rootClassName = `appointment-services ${className ?? ""}`.trim();
-	const RowTitle = sectionHeading ? "h3" : "h2";
-	if (view.kind === "error" || view.kind === "empty") return /* @__PURE__ */ jsx("div", {
-		className: rootClassName,
-		"data-appointment-services-state": view.kind,
-		children: /* @__PURE__ */ jsx("p", {
-			className: "rb-caption status-muted",
-			role: "status",
-			children: view.message
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: `${rootClassName} rb-flex rb-flex-col`,
-		"data-appointment-services-state": "populated",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "appointment-services-rows rb-flex rb-flex-col",
-			children: view.rows.map((row) => /* @__PURE__ */ jsxs("article", {
-				className: "appointment-services-row rb-border-b rb-border-border rb-py-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "appointment-services-row-main rb-min-w-0",
-						children: [
-							/* @__PURE__ */ jsx(RowTitle, {
-								className: "appointment-services-row-title rb-text-lg rb-font-medium rb-leading-tight",
-								children: row.detailsHref ? /* @__PURE__ */ jsx("a", {
-									href: row.detailsHref,
-									children: row.title
-								}) : row.title
-							}),
-							row.description ? /* @__PURE__ */ jsx("p", {
-								className: "appointment-services-row-description rb-text-sm rb-leading-6 status-muted",
-								children: row.description
-							}) : null,
-							/* @__PURE__ */ jsxs("p", {
-								className: "appointment-services-row-meta rb-caption status-muted",
-								children: [row.durationLabel, row.locationLabel ? ` · ${row.locationLabel}` : ""]
-							})
-						]
-					}),
-					row.priceLabel ? /* @__PURE__ */ jsx("span", {
-						className: "appointment-services-row-price rb-text-lg",
-						children: row.priceLabel
-					}) : null,
-					/* @__PURE__ */ jsx(ThemedButtonLink, {
-						variant: "secondary",
-						size: "sm",
-						extraClassName: "appointment-services-row-action",
-						href: row.href,
-						label: "Check times",
-						screenReaderSuffix: ` for ${row.title}`
-					})
-				]
-			}, row.id))
-		})
-	});
+	const hasSectionHeading = Boolean(sectionHeading);
+	switch (view.kind) {
+		case "error":
+		case "empty": return /* @__PURE__ */ jsx("div", {
+			className: rootClassName,
+			"data-appointment-services-state": view.kind,
+			children: /* @__PURE__ */ jsx("p", {
+				className: "rb-caption status-muted",
+				role: "status",
+				children: view.message
+			})
+		});
+		case "items": return /* @__PURE__ */ jsx("div", {
+			className: `${rootClassName} rb-flex rb-flex-col`,
+			"data-appointment-services-state": "populated",
+			children: /* @__PURE__ */ jsx(AppointmentServiceRows, {
+				rows: view.rows,
+				RowTitle: hasSectionHeading ? "h3" : "h2"
+			})
+		});
+		case "groups": return /* @__PURE__ */ jsx("div", {
+			className: `${rootClassName} rb-flex rb-flex-col`,
+			"data-appointment-services-state": "populated",
+			children: /* @__PURE__ */ jsx(AppointmentServiceGroups, {
+				groups: view.groups,
+				hasSectionHeading,
+				idPrefix: `appointment-services-${blockId ?? "block"}`
+			})
+		});
+		default: return assertNever$22(view);
+	}
 }
 //#endregion
 //#region ../blocks/src/contracts/runtime.ts
@@ -15786,7 +15980,7 @@ function successSubmissionFeedback(message) {
 		message
 	};
 }
-function isRecord$9(value) {
+function isRecord$10(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function deepEqualJsonValue(left, right) {
@@ -15796,8 +15990,8 @@ function deepEqualJsonValue(left, right) {
 		if (left.length !== right.length) return false;
 		return left.every((item, index) => deepEqualJsonValue(item, right[index]));
 	}
-	if (isRecord$9(left) || isRecord$9(right)) {
-		if (!isRecord$9(left) || !isRecord$9(right)) return false;
+	if (isRecord$10(left) || isRecord$10(right)) {
+		if (!isRecord$10(left) || !isRecord$10(right)) return false;
 		const leftKeys = Object.keys(left).sort();
 		if (!deepEqualJsonValue(leftKeys, Object.keys(right).sort())) return false;
 		return leftKeys.every((key) => deepEqualJsonValue(left[key], right[key]));
@@ -15979,12 +16173,12 @@ function resolveBookingSiteId(siteId, form) {
 	return siteId || form?.siteId || "";
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$8(form)) return null;
+	if (!isRecord$9(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$8(form.schema) ? form.schema : isRecord$8(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$8(form.settings) ? form.settings : isRecord$8(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$9(form.schema) ? form.schema : isRecord$9(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$9(form.settings) ? form.settings : isRecord$9(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -16004,8 +16198,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$8(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$8(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$9(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$9(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -16016,7 +16210,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$8(value)) return null;
+	if (!isRecord$9(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -16059,7 +16253,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$8(value)) return null;
+	if (!isRecord$9(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -16079,7 +16273,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$8(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
+	return isRecord$9(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
 }
 function collectBookingCustomFields(data) {
 	const customFields = {};
@@ -16129,7 +16323,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$8(value) {
+function isRecord$9(value) {
 	return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -16329,6 +16523,32 @@ var init_booking_form_state = __esmMin((() => {
 	init_booking_form_reserved_fields();
 	init_booking_form_consent();
 }));
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.service-categories.ts
+function isRecord$8(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function readCategory(value) {
+	if (!isRecord$8(value)) return [];
+	const { id, name, description } = value;
+	if (typeof id !== "string" || id.trim() === "" || typeof name !== "string") return [];
+	return [{
+		id,
+		name,
+		description: typeof description === "string" ? description : null
+	}];
+}
+/**
+* The ordered service categories carried by a catalogue-shaped services
+* source (`{ services, categories }`). Every other shape has none, which
+* reads as a site without categories. Order is preserved: the database owns
+* it.
+*/
+function normalizeBookingServiceCategories(services) {
+	if (!isRecord$8(services) || !Array.isArray(services.categories)) return [];
+	return services.categories.flatMap(readCategory);
+}
+var init_booking_form_service_categories = __esmMin((() => {}));
 var bookingFieldOptionSchema, standardBookingFieldRules, standardBookingFieldSchema, bookingFieldSchema, bookingSettingsSchema, bookingSourceFormSchema;
 var init_booking_runtime_sources = __esmMin((() => {
 	init_noop();
@@ -16413,11 +16633,12 @@ function buildBookingFormInteractiveIslandProps(props) {
 		source: props
 	});
 }
-var blockBookingPaymentTermsAvailabilitySchema, bookingServiceSchema, bookingServicesSourceSchema, bookingConfigSchema, bookingSourceSchema, bookingDisplaySchema, bookingHydrationSchema, bookingRenderSchema, bookingFormIslandMetaCodec, bookingFormIslandMetaKeys, bookingFormBlockRuntime, bookingFormInteractiveIslandPropsCodec;
+var blockBookingPaymentTermsAvailabilitySchema, bookingServiceSchema, bookingServiceCategorySchema, bookingServicesSourceSchema, bookingConfigSchema, bookingSourceSchema, bookingDisplaySchema, bookingHydrationSchema, bookingRenderSchema, bookingFormIslandMetaCodec, bookingFormIslandMetaKeys, bookingFormBlockRuntime, bookingFormInteractiveIslandPropsCodec;
 var init_booking_form_interactive = __esmMin((() => {
 	init_islands();
 	init_runtime();
 	init_booking_form_state();
+	init_booking_form_service_categories();
 	init_booking_runtime_sources();
 	init_bookingPaymentTerms();
 	init_bookingConsent();
@@ -16440,11 +16661,20 @@ var init_booking_form_interactive = __esmMin((() => {
 		priceCurrency: z.string().nullable().optional(),
 		paymentTerms: blockBookingPaymentTermsSchema.optional(),
 		paymentTermsAvailability: blockBookingPaymentTermsAvailabilitySchema.optional(),
-		consent: blockBookingConsentSchema.optional()
+		consent: blockBookingConsentSchema.optional(),
+		categoryId: z.string().nullable().optional()
+	});
+	bookingServiceCategorySchema = z.object({
+		id: z.string(),
+		name: z.string(),
+		description: z.string().nullable()
 	});
 	bookingServicesSourceSchema = z.union([
 		z.array(bookingServiceSchema),
-		z.object({ services: z.array(bookingServiceSchema).optional() }),
+		z.object({
+			services: z.array(bookingServiceSchema).optional(),
+			categories: z.array(bookingServiceCategorySchema).optional()
+		}),
 		z.record(z.string(), bookingServiceSchema)
 	]);
 	bookingConfigSchema = z.object({
@@ -16497,6 +16727,7 @@ var init_booking_form_interactive = __esmMin((() => {
 		rebookContext: z.object({ kind: z.literal("portal_rebook") }).nullable().optional(),
 		form: bookingConfigSchema.nullable(),
 		services: z.array(bookingServiceSchema),
+		serviceCategories: z.array(bookingServiceCategorySchema).optional(),
 		spamProtectionEnabled: z.boolean().optional()
 	});
 	bookingRenderSchema = z.object({
@@ -16532,6 +16763,7 @@ var init_booking_form_interactive = __esmMin((() => {
 					rebookContext: source.rebookContext ?? null,
 					form,
 					services,
+					serviceCategories: normalizeBookingServiceCategories(source.services),
 					spamProtectionEnabled: source.spamProtectionEnabled
 				}
 			};
@@ -23071,17 +23303,256 @@ var init_cardRoleVocabulary = __esmMin((() => {
 	Object.keys(legacyItemSurfaceCardRoles);
 	cardRoleWithLegacyAliasSchema = z.preprocess((value) => cardRoleFromLegacyVocabulary(value) ?? value, cardRoleSchema);
 }));
-var init_compositionBudget = __esmMin((() => {
-	init_types$8();
+var init_runtimeBackgroundResolution = __esmMin((() => {
+	init_boxBackgroundSchema();
+	init_surfaces();
+	init_rawStyleFields();
 }));
-var defaultHeaderBrandPreferences;
-var init_compilationPlan = __esmMin((() => {
-	defaultHeaderBrandPreferences = {
-		brandDisplay: "auto",
-		logoSize: "auto"
-	};
+var transitionCatalogueFamilies, mediumHeight, compactHeight, largeHeight, transitionCatalogueEntries;
+var init_transitionCatalogue = __esmMin((() => {
+	init_types$8();
+	transitionCatalogueFamilies = [
+		{
+			id: "gradient",
+			label: "Gradient"
+		},
+		{
+			id: "wave",
+			label: "Wave"
+		},
+		{
+			id: "angle",
+			label: "Angle"
+		}
+	];
+	mediumHeight = "6rem + 2px";
+	compactHeight = "4.5rem + 2px";
+	largeHeight = "7rem + 2px";
+	transitionCatalogueEntries = defineExactCatalog()([
+		{
+			intent: "soft-fade-short",
+			optionId: asBoundaryOptionId("break:soft"),
+			family: "gradient",
+			variantId: "soft",
+			label: "Soft",
+			variantLabel: "Soft",
+			treatment: {
+				kind: "soft-fade",
+				height: "medium",
+				curve: "soft"
+			},
+			size: "medium",
+			heightExpression: mediumHeight,
+			shape: { kind: "fade" }
+		},
+		{
+			intent: "soft-fade-long",
+			optionId: asBoundaryOptionId("break:spacious"),
+			family: "gradient",
+			variantId: "spacious",
+			label: "Spacious",
+			variantLabel: "Spacious",
+			treatment: {
+				kind: "soft-fade",
+				height: "large",
+				curve: "spacious"
+			},
+			size: "spacious",
+			heightExpression: "10rem",
+			shape: { kind: "fade" }
+		},
+		{
+			intent: "soft-fade-expansive",
+			optionId: asBoundaryOptionId("break:expansive"),
+			family: "gradient",
+			variantId: "expansive",
+			label: "Expansive",
+			variantLabel: "Expansive",
+			treatment: {
+				kind: "soft-fade",
+				height: "expansive",
+				curve: "expansive"
+			},
+			size: "expansive",
+			heightExpression: "14rem",
+			shape: { kind: "fade" }
+		},
+		{
+			intent: "wave-edge-balanced",
+			optionId: asBoundaryOptionId("break:wave-balanced"),
+			family: "wave",
+			variantId: "balanced",
+			label: "Balanced wave",
+			variantLabel: "Balanced",
+			treatment: {
+				kind: "wave-edge",
+				height: "medium",
+				amplitude: "balanced",
+				rhythm: "double",
+				symmetry: "symmetrical"
+			},
+			size: "medium",
+			heightExpression: mediumHeight,
+			shape: {
+				kind: "wave",
+				mask: "balanced"
+			}
+		},
+		{
+			intent: "wave-edge",
+			optionId: asBoundaryOptionId("break:wave"),
+			family: "wave",
+			variantId: "classic",
+			label: "Classic wave",
+			variantLabel: "Classic",
+			treatment: {
+				kind: "wave-edge",
+				height: "medium",
+				amplitude: "balanced",
+				rhythm: "double",
+				symmetry: "asymmetrical"
+			},
+			size: "medium",
+			heightExpression: mediumHeight,
+			shape: {
+				kind: "wave",
+				mask: "classic"
+			}
+		},
+		{
+			intent: "wave-edge-gentle",
+			optionId: asBoundaryOptionId("break:wave-gentle"),
+			family: "wave",
+			variantId: "gentle",
+			label: "Gentle wave",
+			variantLabel: "Gentle",
+			treatment: {
+				kind: "wave-edge",
+				height: "compact",
+				amplitude: "subtle",
+				rhythm: "single",
+				symmetry: "symmetrical"
+			},
+			size: "compact",
+			heightExpression: compactHeight,
+			shape: {
+				kind: "wave",
+				mask: "gentle"
+			}
+		},
+		{
+			intent: "wave-edge-bold",
+			optionId: asBoundaryOptionId("break:wave-bold"),
+			family: "wave",
+			variantId: "bold",
+			label: "Bold wave",
+			variantLabel: "Bold",
+			treatment: {
+				kind: "wave-edge",
+				height: "large",
+				amplitude: "bold",
+				rhythm: "double",
+				symmetry: "symmetrical"
+			},
+			size: "large",
+			heightExpression: largeHeight,
+			shape: {
+				kind: "wave",
+				mask: "bold"
+			}
+		},
+		{
+			intent: "wave-edge-drift",
+			optionId: asBoundaryOptionId("break:wave-drift"),
+			family: "wave",
+			variantId: "drift",
+			label: "Drift wave",
+			variantLabel: "Drift",
+			treatment: {
+				kind: "wave-edge",
+				height: "medium",
+				amplitude: "balanced",
+				rhythm: "double",
+				symmetry: "drift"
+			},
+			size: "medium",
+			heightExpression: mediumHeight,
+			shape: {
+				kind: "wave",
+				mask: "drift"
+			}
+		},
+		{
+			intent: "angle-edge-subtle",
+			optionId: asBoundaryOptionId("break:angle-subtle"),
+			family: "angle",
+			variantId: "subtle",
+			label: "Subtle angle",
+			variantLabel: "Subtle",
+			treatment: {
+				kind: "angle-edge",
+				height: "compact",
+				slope: "subtle",
+				direction: "forward"
+			},
+			size: "compact",
+			heightExpression: compactHeight,
+			shape: {
+				kind: "angle",
+				polygon: {
+					startTopPercent: 34,
+					endTopPercent: 18
+				}
+			}
+		},
+		{
+			intent: "angle-edge",
+			optionId: asBoundaryOptionId("break:angle-balanced"),
+			family: "angle",
+			variantId: "balanced",
+			label: "Balanced angle",
+			variantLabel: "Balanced",
+			treatment: {
+				kind: "angle-edge",
+				height: "medium",
+				slope: "balanced",
+				direction: "forward"
+			},
+			size: "medium",
+			heightExpression: mediumHeight,
+			shape: {
+				kind: "angle",
+				polygon: {
+					startTopPercent: 42,
+					endTopPercent: 8
+				}
+			}
+		},
+		{
+			intent: "angle-edge-steep",
+			optionId: asBoundaryOptionId("break:angle-steep"),
+			family: "angle",
+			variantId: "steep",
+			label: "Steep angle",
+			variantLabel: "Steep",
+			treatment: {
+				kind: "angle-edge",
+				height: "large",
+				slope: "steep",
+				direction: "forward"
+			},
+			size: "large",
+			heightExpression: largeHeight,
+			shape: {
+				kind: "angle",
+				polygon: {
+					startTopPercent: 54,
+					endTopPercent: 0
+				}
+			}
+		}
+	]);
 }));
-var init_schemaVersionedJson = __esmMin((() => {}));
 //#endregion
 //#region ../theme-core/src/site-styles/sectionTransitions.ts
 function boundaryRuntimeMetrics(family, size, heightExpression) {
@@ -23092,46 +23563,120 @@ function boundaryRuntimeMetrics(family, size, heightExpression) {
 		reserveCss: `calc((${heightExpression}) / 2)`
 	};
 }
-var noneBoundaryOption, softBoundaryOption, spaciousBoundaryOption;
+/**
+* The catalogue's compile-time coverage check guarantees an entry per
+* decorative intent, so a miss here is a broken invariant, not bad input.
+*/
+function requireCatalogueValue(values, intent) {
+	const value = values.get(intent);
+	if (value === void 0) throw new Error(`Transition catalogue has no entry for ${intent}`);
+	return value;
+}
+function boundaryOptionForTransitionIntent(intent) {
+	return requireCatalogueValue(boundaryOptionByIntent, intent);
+}
+function transitionVariantForEntry(entry) {
+	return {
+		familyId: entry.family,
+		variantId: entry.variantId,
+		label: entry.variantLabel,
+		boundaryOption: boundaryOptionForTransitionIntent(entry.intent)
+	};
+}
+function stableTreatmentKey(treatment) {
+	switch (treatment.kind) {
+		case "none": return "none";
+		case "soft-fade": return `${treatment.kind}:${treatment.height}:${treatment.curve}`;
+		case "wave-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.amplitude,
+			treatment.rhythm,
+			treatment.symmetry
+		].join(":");
+		case "angle-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.slope,
+			treatment.direction
+		].join(":");
+		case "legacy-unsupported": return `${treatment.kind}:${treatment.boundaryOptionId}`;
+	}
+}
+var noneBoundaryOption, boundaryOptionByIntent, softBoundaryOption, spaciousBoundaryOption, boundaryOptions, noneTransitionVariant, sectionTransitionFamilies;
 var init_sectionTransitions = __esmMin((() => {
 	init_types$8();
-	boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
+	init_transitionCatalogue();
+	new Map(transitionCatalogueEntries.map((entry) => [entry.intent, entry]));
+	new Map(transitionCatalogueEntries.map((entry) => [entry.intent, boundaryRuntimeMetrics(entry.family, entry.size, entry.heightExpression)]));
 	noneBoundaryOption = {
 		id: asBoundaryOptionId("break:none"),
 		label: "None",
 		transitionAfter: "none",
 		treatment: { kind: "none" }
 	};
-	softBoundaryOption = {
-		id: asBoundaryOptionId("break:soft"),
-		label: "Soft",
-		transitionAfter: "soft-fade-short",
-		treatment: {
-			kind: "soft-fade",
-			height: "medium",
-			curve: "soft"
-		}
+	boundaryOptionByIntent = new Map(transitionCatalogueEntries.map((entry) => [entry.intent, {
+		id: entry.optionId,
+		label: entry.label,
+		transitionAfter: entry.intent,
+		treatment: entry.treatment
+	}]));
+	softBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-short");
+	spaciousBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-long");
+	boundaryOptionForTransitionIntent("soft-fade-expansive");
+	boundaryOptionForTransitionIntent("wave-edge");
+	boundaryOptionForTransitionIntent("wave-edge-balanced");
+	boundaryOptionForTransitionIntent("wave-edge-gentle");
+	boundaryOptionForTransitionIntent("wave-edge-bold");
+	boundaryOptionForTransitionIntent("wave-edge-drift");
+	boundaryOptionForTransitionIntent("angle-edge-subtle");
+	boundaryOptionForTransitionIntent("angle-edge");
+	boundaryOptionForTransitionIntent("angle-edge-steep");
+	boundaryOptions = [noneBoundaryOption, ...transitionCatalogueEntries.map((entry) => boundaryOptionForTransitionIntent(entry.intent))];
+	noneTransitionVariant = {
+		familyId: "none",
+		variantId: "none",
+		label: "None",
+		boundaryOption: noneBoundaryOption
 	};
-	spaciousBoundaryOption = {
-		id: asBoundaryOptionId("break:spacious"),
-		label: "Spacious",
-		transitionAfter: "soft-fade-long",
-		treatment: {
-			kind: "soft-fade",
-			height: "large",
-			curve: "spacious"
-		}
+	sectionTransitionFamilies = [{
+		id: "none",
+		label: "None",
+		variants: [noneTransitionVariant]
+	}, ...transitionCatalogueFamilies.map((family) => ({
+		id: family.id,
+		label: family.label,
+		variants: requireNonEmptyReadonlyArray(transitionCatalogueEntries.filter((entry) => entry.family === family.id).map(transitionVariantForEntry), `Transition family ${family.id} has no catalogue entries.`)
+	}))];
+	new Map(boundaryOptions.map((option) => [option.id, option]));
+	new Map(boundaryOptions.map((option) => [stableTreatmentKey(option.treatment), option]));
+	new Map(sectionTransitionFamilies.flatMap((family) => family.variants.map((variant) => [variant.boundaryOption.id, variant])));
+	new Map(sectionTransitionFamilies.map((family) => [family.id, family]));
+}));
+function requireThemeColorToken$1(value) {
+	const token = parseThemeColorToken(value);
+	if (!token) throw new Error(`Expected a theme color token. Received: ${value}`);
+	return token;
+}
+var init_sectionBoundaryComposition = __esmMin((() => {
+	init_themeColorTokens();
+	init_runtimeBackgroundResolution();
+	init_sectionTransitions();
+	init_types$8();
+	requireThemeColorToken$1("background");
+}));
+var init_compositionBudget = __esmMin((() => {
+	init_types$8();
+	init_sectionBoundaryComposition();
+}));
+var defaultHeaderBrandPreferences;
+var init_compilationPlan = __esmMin((() => {
+	defaultHeaderBrandPreferences = {
+		brandDisplay: "auto",
+		logoSize: "auto"
 	};
-	asBoundaryOptionId("break:expansive");
-	asBoundaryOptionId("break:wave");
-	asBoundaryOptionId("break:wave-balanced");
-	asBoundaryOptionId("break:wave-gentle");
-	asBoundaryOptionId("break:wave-bold");
-	asBoundaryOptionId("break:wave-drift");
-	asBoundaryOptionId("break:angle-subtle");
-	asBoundaryOptionId("break:angle-balanced");
-	asBoundaryOptionId("break:angle-steep");
 }));
+var init_schemaVersionedJson = __esmMin((() => {}));
 function addDuplicateStringIssues(ctx, input) {
 	const seen = /* @__PURE__ */ new Set();
 	const duplicates = /* @__PURE__ */ new Set();
@@ -23160,14 +23705,11 @@ function validateUniquePageDesignPins(intent, ctx) {
 		label: "block Look pin"
 	});
 	addDuplicateStringIssues(ctx, {
-		values: intent.boundaryPins.map((pin) => boundaryKey(pin.previousBlockId, pin.nextBlockId)),
+		values: intent.boundaryPins.map((pin) => makeBoundaryId(pin.previousBlockId, pin.nextBlockId)),
 		path: ["boundaryPins"],
 		label: "boundary pin"
 	});
 }
-function boundaryKey(previousBlockId, nextBlockId) {
-	return makeBoundaryId(previousBlockId, nextBlockId);
-}
 var pageDesignUserPinnedAppearanceChoiceSchema, pageDesignUserPinnedBoundaryChoiceSchema, pageDesignBoundaryTreatmentSchema, pageDesignUserPinnedBoundaryTreatmentChoiceSchema, pageDesignBlockLookPinSchema, pageDesignBoundaryPinSchema, legacyPageDesignBoundaryPinSchema;
 var init_pageDesignIntent = __esmMin((() => {
 	init_types$8();
@@ -26207,6 +26749,33 @@ var init_designState = __esmMin((() => {
 		authority: styleAuthoritySchema
 	}).strict();
 }));
+var init_pageFlowPresets = __esmMin((() => {
+	init_sectionTransitions();
+	init_types$8();
+	asPageFlowPresetId("flow:quiet"), noneBoundaryOption.id, asPageFlowPresetId("flow:balanced"), softBoundaryOption.id, asPageFlowPresetId("flow:expressive"), spaciousBoundaryOption.id;
+})), init_lookResolution = __esmMin((() => {
+	init_appearancePresets();
+	init_types$8();
+}));
+var init_siteStyleBlockPolicies = __esmMin((() => {
+	init_lookResolution();
+	init_appearancePresets();
+	init_pageDesignIntent();
+	init_types$8();
+	asPageFlowPresetId("generated-default");
+	asSiteStyleId("site-style:south-west-twerk-school");
+	asAppearancePresetId("hero-brand-scrim-fixed-frame");
+	asLayoutVariantKey("classic");
+	asLayoutVariantKey("micro");
+	asBoundaryOptionId("break:wave");
+}));
+var init_joinTreatment = __esmMin((() => {
+	init_pageFlowPresets();
+	init_pageDesignIntent();
+	init_sectionTransitions();
+	init_siteStyleBlockPolicies();
+	init_types$8();
+}));
 var init_imageSurfaceBackground = __esmMin((() => {
 	init_types$8();
 }));
@@ -26247,8 +26816,9 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_styles();
 	init_designState();
 	init_types$8();
+	init_joinTreatment();
+	init_rawStyleFields();
 	init_accessibleSurfaces();
-	init_sectionTransitions();
 	init_tokens();
 	init_gradients();
 	init_imageSurfaceBackground();
@@ -26285,8 +26855,7 @@ var init_runtimeCompiler = __esmMin((() => {
 				color: "surface",
 				opacity: .88
 			}
-		},
-		transitionClassName: (transition, fromSurface, toSurface) => transition === "none" ? null : `site-style-transition-${transition}-from-${fromSurface}-to-${toSurface}`
+		}
 	});
 	defaultComponentRuntimeRules = defineComponentRuntimeRules({
 		panelFrames: {
@@ -28022,22 +28591,12 @@ var init_curatedSiteStyles = __esmMin((() => {
 	];
 	new Map(curatedSiteStyles.map((style) => [style.id, style]));
 }));
-var init_pageDesignEditorCapabilities = __esmMin((() => {})), init_lookResolution = __esmMin((() => {
-	init_appearancePresets();
-	init_types$8();
-}));
-var init_siteStyleBlockPolicies = __esmMin((() => {
-	init_lookResolution();
-	init_appearancePresets();
+var init_pageDesignEditorCapabilities = __esmMin((() => {}));
+var init_pageDesignEditorBoundaries = __esmMin((() => {
 	init_pageDesignIntent();
-	init_types$8();
+	init_joinTreatment();
 	init_sectionTransitions();
-	asPageFlowPresetId("generated-default");
-	asSiteStyleId("site-style:south-west-twerk-school");
-	asAppearancePresetId("hero-brand-scrim-fixed-frame");
-	asLayoutVariantKey("classic");
-	asLayoutVariantKey("micro");
-	asBoundaryOptionId("break:wave");
+	init_types$8();
 }));
 var init_pageDesignEditorModel = __esmMin((() => {
 	init_curatedSiteStyles();
@@ -28046,8 +28605,9 @@ var init_pageDesignEditorModel = __esmMin((() => {
 	init_siteStyleBlockPolicies();
 	init_pageDesignIntent();
 	init_types$8();
+	init_pageFlowPresets();
+	init_pageDesignEditorBoundaries();
 	init_sectionTransitions();
-	asPageFlowPresetId("flow:quiet"), noneBoundaryOption.id, asPageFlowPresetId("flow:balanced"), softBoundaryOption.id, asPageFlowPresetId("flow:expressive"), spaciousBoundaryOption.id;
 })), init_concretePalette = __esmMin((() => {
 	init_colors();
 })), blockDesignFallback;
@@ -28056,7 +28616,6 @@ var init_resolver = __esmMin((() => {
 	blockDesignFallback = {
 		sectionSurface: "base",
 		contentFrame: plainFrame,
-		transitionAfter: "none",
 		sectionHeight: "default",
 		heroLegibility: "none",
 		imageSurfaceTreatment: { kind: "none" },
@@ -28067,7 +28626,7 @@ var init_resolver = __esmMin((() => {
 		accordionIconTreatment: null,
 		composition: null
 	};
-	blockDesignFallback.sectionSurface, blockDesignFallback.contentFrame, blockDesignFallback.transitionAfter, blockDesignFallback.sectionHeight, blockDesignFallback.heroLegibility, blockDesignFallback.imageSurfaceTreatment, blockDesignFallback.imageSurfaceMotion, blockDesignFallback.tileTreatment, blockDesignFallback.eventListTreatment, blockDesignFallback.eyebrowTreatment, blockDesignFallback.accordionIconTreatment, blockDesignFallback.composition;
+	blockDesignFallback.sectionSurface, blockDesignFallback.contentFrame, blockDesignFallback.sectionHeight, blockDesignFallback.heroLegibility, blockDesignFallback.imageSurfaceTreatment, blockDesignFallback.imageSurfaceMotion, blockDesignFallback.tileTreatment, blockDesignFallback.eventListTreatment, blockDesignFallback.eyebrowTreatment, blockDesignFallback.accordionIconTreatment, blockDesignFallback.composition;
 }));
 function parseSiteChromeBackgroundColorToken(value) {
 	const token = parseBackgroundAppearanceColorToken(value);
@@ -28156,11 +28715,6 @@ var init_headerRecompile = __esmMin((() => {
 	init_headerBrandPresentation();
 	init_siteChromeNavPreferences();
 }));
-var init_runtimeBackgroundResolution = __esmMin((() => {
-	init_boxBackgroundSchema();
-	init_surfaces();
-	init_rawStyleFields();
-}));
 var init_previewRuntimeCapabilities = __esmMin((() => {
 	init_types$8();
 }));
@@ -28180,8 +28734,8 @@ var init_previewCustomization = __esmMin((() => {
 	init_types$8();
 }));
 var init_previewCompiler = __esmMin((() => {
+	init_sectionTransitions();
 	init_schema$2();
-	init_tokens();
 	init_curated();
 	init_concretePalette();
 	init_curatedSiteStyles();
@@ -28191,7 +28745,6 @@ var init_previewCompiler = __esmMin((() => {
 	init_headerRecompile();
 	init_siteChromeNavPreferences();
 	init_runtimeCompiler();
-	init_rawStyleFields();
 	init_runtimeBackgroundResolution();
 	init_previewRuntimeCapabilities();
 	init_siteStyleThemeCompiler();
@@ -28201,6 +28754,7 @@ var init_previewCompiler = __esmMin((() => {
 	init_pageDesignIntent();
 	init_previewCustomization();
 	init_curatedChoices();
+	init_joinTreatment();
 	init_types$8();
 }));
 var init_contentTemplateRuntimeCompiler = __esmMin((() => {
@@ -28302,6 +28856,7 @@ var init_generatedDesignPipeline = __esmMin((() => {
 	init_curatedSiteStyles();
 	init_lookResolution();
 	init_headerOpeningSection();
+	init_joinTreatment();
 	init_resolver();
 	init_runtimeCompiler();
 	init_types$8();
@@ -28670,6 +29225,7 @@ var init_site_styles = __esmMin((() => {
 	init_headerRecompile();
 	init_headerOpeningForeground();
 	init_headerOpeningSection();
+	init_joinTreatment();
 	init_lookResolution();
 	init_lookOptionGroups();
 	init_logoBranding();
@@ -28689,6 +29245,7 @@ var init_site_styles = __esmMin((() => {
 	init_runtimeCompiler();
 	init_runtimeBackgroundResolution();
 	init_sectionTransitions();
+	init_sectionBoundaryComposition();
 	init_siteChromeBackgrounds();
 	init_siteChromeNavPreferences();
 	init_siteStyleThemeCompiler();
@@ -28696,6 +29253,7 @@ var init_site_styles = __esmMin((() => {
 	init_sourceCatalogs();
 	init_styleTags();
 	init_tokenRecipes();
+	init_transitionCatalogue();
 	init_siteStyleTypography();
 	init_themeParity();
 	init_types$8();
@@ -29177,7 +29735,8 @@ var init_schema = __esmMin((() => {
 		"eventCategories",
 		"eventSeries",
 		"venues",
-		"staffMembers"
+		"staffMembers",
+		"appointmentServiceCategories"
 	];
 	mediaDeliverySchema = z.object({
 		sizes: z.string().optional(),
@@ -44117,6 +44676,7 @@ var init_booking_form_headless_state = __esmMin((() => {
 	init_src$2();
 	init_dist$1();
 	init_booking_form_state();
+	init_booking_form_service_categories();
 	init_booking_form_validationErrors();
 	init_booking_form_field_values();
 	unsafeAsBookingFieldId = (id) => id;
@@ -44681,6 +45241,7 @@ function useHeadlessBookingFlow(options) {
 		data,
 		services: {
 			items: options.services,
+			categories: readServiceCategories(options),
 			selected: selectedService,
 			defaultServiceId,
 			requiresSelection: Boolean(options.requiresServiceSelection)
@@ -44745,6 +45306,9 @@ function useHeadlessBookingFlow(options) {
 		actions
 	};
 }
+function readServiceCategories(options) {
+	return options.serviceCategories ?? EMPTY_SERVICE_CATEGORIES;
+}
 function navigateToCheckout(checkoutUrl) {
 	window.location.href = checkoutUrl;
 }
@@ -44758,6 +45322,7 @@ function useLatestRef(value) {
 	}, [value]);
 	return ref;
 }
+var EMPTY_SERVICE_CATEGORIES;
 var init_useHeadlessBookingFlow = __esmMin((() => {
 	init_client();
 	init_src();
@@ -44773,6 +45338,7 @@ var init_useHeadlessBookingFlow = __esmMin((() => {
 	init_bookingPaymentOptions();
 	init_useHeadlessBookingFlow_state();
 	init_booking_form_validationErrors();
+	EMPTY_SERVICE_CATEGORIES = [];
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/hooks/usePolling.state.ts
@@ -45457,10 +46023,102 @@ var init_BookingConsentAgreement = __esmMin((() => {
 	init_RichText();
 }));
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
+//#region ../blocks/src/system/runtime/nodes/booking-form.service-choices.tsx
 function optionCardClassName(isSelected) {
 	return `rb-option-card${isSelected ? " rb-option-card--selected" : ""}`;
 }
+function SelectedCheck() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rb-option-check",
+		children: /* @__PURE__ */ jsx(CheckIcon, {})
+	});
+}
+/**
+* The service buttons. A site with no categories keeps its single grid; a
+* categorised site gets a heading per category, then "Other", above the same
+* grid (issue 1403). Empty categories are skipped, and there are no intros
+* here, to keep the step compact.
+*/
+function DefaultServiceChoices({ booking }) {
+	const layout = layoutServicesByCategory(booking.services.categories, booking.services.items.map((service) => ({
+		service,
+		categoryId: service.categoryId ?? null
+	})), { keepEmptyGroups: false });
+	switch (layout.kind) {
+		case "uncategorized-site": return /* @__PURE__ */ jsxs("div", {
+			className: "rb-reg-stack rb-reg-stack--sm",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "ab-subtitle",
+				children: "Service"
+			}), /* @__PURE__ */ jsx(ServiceChoiceGrid, {
+				booking,
+				choices: layout.services
+			})]
+		});
+		case "categorized-site": return /* @__PURE__ */ jsx("div", {
+			className: "rb-reg-stack",
+			children: [...layout.groups.map((group) => ({
+				key: group.category.id,
+				heading: group.category.name,
+				choices: group.services
+			})), ...layout.other.length > 0 ? [{
+				key: "other",
+				heading: "Other",
+				choices: layout.other
+			}] : []].map((group) => /* @__PURE__ */ jsxs("div", {
+				className: "rb-reg-stack rb-reg-stack--sm",
+				"data-booking-service-group": group.key,
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "ab-subtitle",
+					children: group.heading
+				}), /* @__PURE__ */ jsx(ServiceChoiceGrid, {
+					booking,
+					choices: group.choices
+				})]
+			}, group.key))
+		});
+		default: return assertNever$11(layout);
+	}
+}
+function ServiceChoiceGrid({ booking, choices }) {
+	const selectedServiceId = booking.services.selected?.id;
+	return /* @__PURE__ */ jsx("div", {
+		className: "rb-reg-grid",
+		children: choices.map(({ service }) => {
+			const isSelected = selectedServiceId === service.id;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => booking.actions.selectService(service.id),
+				className: optionCardClassName(isSelected),
+				"aria-pressed": isSelected,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "rb-flex-1",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "ab-subtitle",
+							children: service.title
+						}),
+						service.description ? /* @__PURE__ */ jsx("div", {
+							className: "ab-text rb-on-surface--muted",
+							children: service.description
+						}) : null,
+						service.durationMinutes ? /* @__PURE__ */ jsxs("div", {
+							className: "ab-text rb-on-surface--muted",
+							children: [service.durationMinutes, " minutes"]
+						}) : null
+					]
+				}), isSelected ? /* @__PURE__ */ jsx(SelectedCheck, {}) : null]
+			}, service.id);
+		})
+	});
+}
+var init_booking_form_service_choices = __esmMin((() => {
+	init_src$2();
+	init_dist$1();
+	init_CheckIcon$1();
+}));
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
 function formatBookingAmount(amount, currency) {
 	return formatCurrencyAmount(amount, currency, { decimals: "auto" });
 }
@@ -45551,7 +46209,6 @@ function DefaultBookingStepContent({ booking, errorSummaryId }) {
 function DefaultServiceSelectionStep({ booking }) {
 	const services = booking.services.items;
 	const resources = booking.resources.items;
-	const selectedServiceId = booking.services.selected?.id;
 	const selectedResourceId = booking.resources.selectedResourceId;
 	const showServiceSelect = booking.services.requiresSelection || services.length > 1;
 	const showResourceSelect = booking.resources.requiresSelection || resources.length > 1;
@@ -45566,41 +46223,7 @@ function DefaultServiceSelectionStep({ booking }) {
 				className: "ab-text rb-on-surface--muted",
 				children: "Choose the service you'd like to book"
 			})] }),
-			showServiceSelect ? /* @__PURE__ */ jsxs("div", {
-				className: "rb-reg-stack rb-reg-stack--sm",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "ab-subtitle",
-					children: "Service"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "rb-reg-grid",
-					children: services.map((service) => {
-						const isSelected = selectedServiceId === service.id;
-						return /* @__PURE__ */ jsxs("button", {
-							type: "button",
-							onClick: () => booking.actions.selectService(service.id),
-							className: optionCardClassName(isSelected),
-							"aria-pressed": isSelected,
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "rb-flex-1",
-								children: [
-									/* @__PURE__ */ jsx("div", {
-										className: "ab-subtitle",
-										children: service.title
-									}),
-									service.description ? /* @__PURE__ */ jsx("div", {
-										className: "ab-text rb-on-surface--muted",
-										children: service.description
-									}) : null,
-									service.durationMinutes ? /* @__PURE__ */ jsxs("div", {
-										className: "ab-text rb-on-surface--muted",
-										children: [service.durationMinutes, " minutes"]
-									}) : null
-								]
-							}), isSelected ? /* @__PURE__ */ jsx(SelectedCheck, {}) : null]
-						}, service.id);
-					})
-				})]
-			}) : null,
+			showServiceSelect ? /* @__PURE__ */ jsx(DefaultServiceChoices, { booking }) : null,
 			booking.resources.state.tag === "loading" ? /* @__PURE__ */ jsxs("div", {
 				className: "ab-center",
 				children: [/* @__PURE__ */ jsx(SpinnerNode, {
@@ -46179,12 +46802,6 @@ function DefaultBookingErrorSummary({ errors, id }) {
 		children: [errors.formError ? /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: errors.formError }) }) : null, Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx("p", { children: message }, key))]
 	});
 }
-function SelectedCheck() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "rb-option-check",
-		children: /* @__PURE__ */ jsx(CheckIcon, {})
-	});
-}
 var init_booking_form_default_ui = __esmMin((() => {
 	init_src$2();
 	init_ThemedButton();
@@ -46194,12 +46811,12 @@ var init_booking_form_default_ui = __esmMin((() => {
 	init_DatePicker();
 	init_TimeSlotSelector();
 	init_spinner$1();
-	init_CheckIcon$1();
 	init_StepIndicator$1();
 	init_FeedbackMessage();
 	init_DiscountCodeDisclosure();
 	init_FieldValidationMessage();
 	init_BookingConsentAgreement();
+	init_booking_form_service_choices();
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/shared/utils/checkoutUrls.ts
@@ -46758,6 +47375,7 @@ var init_booking_form_client = __esmMin((() => {
 			formId: render.hydration.formId ?? form?.id ?? "booking-form",
 			form,
 			services,
+			serviceCategories: render.hydration.serviceCategories,
 			initialServiceId,
 			initialResourceId,
 			initialData: render.hydration.initialData ?? void 0,
@@ -107840,7 +108458,7 @@ var init_event_registration_client = __esmMin((() => {
 * Loads Leaflet CSS/JS from CDN to avoid bundling in the blocks package.
 */
 function isLeafletApi(value) {
-	if (!isRecord$15(value)) return false;
+	if (!isRecord$16(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -116478,6 +117096,16 @@ var init_newsletter_form_client_state = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/newsletter-form.submission.ts
+/**
+* Logs a refusal with its reason so a QA session can tell the cases apart in
+* the console, since the visitor-facing copy deliberately does not.
+*/
+function reportNewsletterSignupRefusal(reason, detail = {}) {
+	console.warn("[newsletter-form] Signup refused before sending", {
+		reason,
+		...detail
+	});
+}
 function mapNewsletterFormFieldsToSubscriberInput(fields) {
 	return {
 		email: readSubmittedText(fields.email),
@@ -116498,7 +117126,7 @@ function resolveNewsletterSubmitTarget(input) {
 		case "signed-footer-source": return publishedSourceTarget(input.sourceRef);
 		case "preview": return {
 			tag: "unavailable",
-			reason: "missing_block_source"
+			reason: "preview_only_source"
 		};
 		default: return assertNever$22(input);
 	}
@@ -116560,13 +117188,23 @@ function NewsletterFormClient({ render }) {
 		}
 		const submitTarget = resolveNewsletterSubmitTarget(render.hydration.target);
 		if (submitTarget.tag === "unavailable") {
+			reportNewsletterSignupRefusal(submitTarget.reason, { target: render.hydration.target });
 			dispatchSubmission({
 				type: "failed",
 				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
 			});
 			return;
 		}
-		if (render.hydration.setupRevision === null || render.display.availability === "unavailable") {
+		if (render.hydration.setupRevision === null) {
+			reportNewsletterSignupRefusal("setup_not_configured");
+			dispatchSubmission({
+				type: "failed",
+				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
+			});
+			return;
+		}
+		if (render.display.availability === "unavailable") {
+			reportNewsletterSignupRefusal("destination_unavailable", { setupRevision: render.hydration.setupRevision });
 			dispatchSubmission({
 				type: "failed",
 				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
@@ -116576,6 +117214,7 @@ function NewsletterFormClient({ render }) {
 		const selection = readVisitorSelection(formData, render.hydration);
 		const selectionError = visitorSelectionError(selection);
 		if (selectionError) {
+			if (selection.tag === "unusable") reportNewsletterSignupRefusal("choices_unusable", { choiceProvider: render.hydration.choiceProvider });
 			dispatchSubmission({
 				type: "failed",
 				error: selectionError
@@ -117086,17 +117725,12 @@ init_paintTargets();
 //#region ../theme-core/src/footer/generateFooterCss.ts
 init_resolver$1();
 //#endregion
+//#region ../theme-core/src/layout/boundaryCss.ts
+init_sectionTransitions();
+init_transitionCatalogue();
+//#endregion
 //#region ../theme-core/src/layout/generateLayoutCss.ts
 init_breakpoints();
-init_sectionTransitions();
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z' fill='white'/></svg>");
-svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>");
-function svgDataUrl(svg) {
-	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
 //#endregion
 //#region ../theme-core/src/status/generateStatusCss.ts
 init_surfaces();