@riverbankcms/sdk 0.145.0 → 0.146.0

package/dist/_dts/theme-core/src/inputs/checkable.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Checkbox and radio CSS shared by the full theme generator and the SDK
+ * theme bridge, so both render the same customer-facing controls.
+ *
+ * Emits:
+ * - .form-checkbox / .form-radio: the controls themselves. The tick and dot
+ *   are drawn with ::before so their colour comes from theme tokens rather
+ *   than a baked-in SVG.
+ * - .form-check: a label row holding a control and its text. The control
+ *   lines up with the first line of text, so long labels wrap cleanly.
+ * - .form-check--tile: a bordered, fully clickable panel for agreements
+ *   (booking consent, consent fields) that tints when ticked.
+ */
+export type CheckableCorners = 'square' | 'soft' | 'rounded' | 'pill';
+export type CheckableCssInput = Readonly<{
+    /** Scoped root selector, e.g. `:where([data-theme-scope="x"])`. */
+    root: string;
+    /** Resolved CSS border width, e.g. `1px`. */
+    borderWidth: string;
+    /** Resolved CSS colour for the unchecked border. */
+    borderColor: string;
+    /** Resolved CSS colour for the unchecked fill. */
+    background: string;
+    /** Input corner style; checkboxes and tiles scale their radius from it. */
+    corners: CheckableCorners;
+    /**
+     * Theme colour token for the checked fill, tile tint and focus outline.
+     * Any opacity suffix is dropped (`primary/70` fills with solid primary):
+     * the tick's on-token only contrasts with the solid colour.
+     */
+    accentToken: string;
+    /** Resolved CSS colour for an invalid agreement tile. */
+    errorColor: string;
+}>;
+/**
+ * Colour for the tick/dot drawn on top of the accent fill. Uses the palette's
+ * matching "on" token where there is one, falling back to white.
+ */
+/** The accent at full strength: `primary/70` becomes `primary`. */
+export declare function solidAccentToken(accentToken: string): string;
+export declare function checkableMarkColor(accentToken: string): string;
+export declare function generateCheckableCss(input: CheckableCssInput): string;

package/dist/_dts/theme-core/src/inputs/inputGroup.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Input group: a field and an action (usually a themed button) sharing one
+ * input-styled shell, e.g. the newsletter email + Sign up row.
+ *
+ * The shell `.form-input-group` takes the theme's `.form-input` rules (the
+ * generators add it to that selector list, plus focus and error), so it
+ * follows the site's input background, border, corners and shadow. This file
+ * only adds the layout overrides and the borderless inner field.
+ */
+export declare const INPUT_GROUP_SELECTOR = ".form-input-group";
+/** Shell focus ring follows the field only, not the button beside it. */
+export declare const INPUT_GROUP_FOCUS_SELECTOR = ".form-input-group:has(> .form-input-group-field:focus-visible)";
+export declare const INPUT_GROUP_ERROR_SELECTOR = ".form-input-group:has(> .form-input-group-field[aria-invalid=\"true\"])";
+/**
+ * @param root - scoped root selector
+ * @param padding - the theme's input padding shorthand (`block inline`), so the
+ *   inner field's text sits where a plain input's text would.
+ */
+export declare function generateInputGroupCss(root: string, padding: string): string;

package/dist/_dts/ui/src/navigation-tabs.d.ts

@@ -15,6 +15,7 @@ export type NavigationTabsProps = {
     variant?: NavigationTabsVariant;
     urlParam?: string;
     className?: string;
+    tabClassName?: string;
     trailingActions?: React.ReactNode;
 };
 /**
@@ -27,7 +28,7 @@ export type NavigationTabsProps = {
  * - URL synchronization via query param or hash
  * - Keyboard navigation and ARIA support
  */
-export declare function NavigationTabs({ tabs, activeTab: controlledActiveTab, onTabChange, variant: _variant, urlParam, className, trailingActions, }: NavigationTabsProps): import("react").JSX.Element | null;
+export declare function NavigationTabs({ tabs, activeTab: controlledActiveTab, onTabChange, variant: _variant, urlParam, className, tabClassName, trailingActions, }: NavigationTabsProps): import("react").JSX.Element | null;
 export type NavigationTabPanelsProps = {
     tabs: NavigationTab[];
     activeTab: string;

package/dist/client/{BookingConsentAgreement-DlVOmpW4.mjs → BookingConsentAgreement-BQKL045f.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { _n as formatCurrencyAmount, zt as assertNever$2 } from "./propsDecoder-C3TP_z4x.mjs";
-import { a as CheckIcon } from "./scrollToBlock-CWs8EIdo.mjs";
+import { Vt as assertNever$2, yn as formatCurrencyAmount } from "./propsDecoder-Dcgsncxb.mjs";
+import { a as CheckIcon } from "./scrollToBlock-BNgaEUpo.mjs";
 import { n as RichText } from "./checkoutUrls-CW3-78uu.mjs";
 import { useCallback, useEffect, useReducer, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/client/CheckboxChoice--W2n6yKs.mjs

@@ -0,0 +1,24 @@
+import { O as clsx } from "./colorStyles-CuJBiS-1.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../blocks/src/system/runtime/shared/components/CheckboxChoice.tsx
+/**
+* The customer-facing checkbox every block renders. Styling comes from the
+* theme's input CSS (`.form-check`, `.form-checkbox`), so it follows each
+* site's input colours, borders and corners.
+*/
+function CheckboxChoice({ label, presentation = "row", className, ...inputProps }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: clsx("form-check", presentation === "tile" && "form-check--tile", className),
+		children: [/* @__PURE__ */ jsx("input", {
+			...inputProps,
+			type: "checkbox",
+			className: "form-checkbox"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "form-check-label",
+			children: label
+		})]
+	});
+}
+//#endregion
+export { CheckboxChoice as t };

package/dist/client/{DiscountCodeDisclosure-T9q623PQ.mjs → DiscountCodeDisclosure-CsOtjFY7.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { t as ThemedButton } from "./ThemedButton-LAJTNrS8.mjs";
+import { t as ThemedButton } from "./ThemedButton-CE5KYT6z.mjs";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/api/types/discounts.ts

package/dist/client/{EventCombined.client-DnsUeONl.mjs → EventCombined.client-BdRjVbhH.mjs}

@@ -1,11 +1,11 @@
 "use client";
 import { O as clsx } from "./colorStyles-CuJBiS-1.mjs";
-import { F as calendarMonthKey, G as buildEventRuntimeFilters, I as calendarPageResponseError, K as getEventRuntimeFiltersKey, L as calendarQueryKey, P as calendarMonthDate, Q as MONTH_NAMES, R as calendarWindowBounds, V as planCalendarMonthRanges, W as getBlockApiReadStage, X as getCardOrientation, Z as getContainerClass, ct as shiftCalendarAnchorDate, et as addMonths, it as getOrderedDayNames, nt as formatDateKey, ot as isSameCalendarDay, rn as getLocalScheduleDate, rt as getDayOfWeek, st as isToday, tn as formatLocalScheduleDate, tt as buildCalendarViewport, z as calendarWindowMonths$1 } from "./propsDecoder-C3TP_z4x.mjs";
-import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, s as formatEventTeacherLine, t as useEventFilters } from "./useEventFilters-CLL829vy.mjs";
-import { o as formatEventRemainingPlaces, p as isEventFull, t as formatEventPrice } from "./pricing-BOU0_Hai.mjs";
-import { a as formatTime, d as resolveEventLinkProps, o as groupEventsByDate, s as resolveEventTimeZone, t as formatDate, u as resolveEventCta } from "./dates-BhwVSxDg.mjs";
-import { n as useBlockApi } from "./context-BFeY_Wbm.mjs";
-import { n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-LAJTNrS8.mjs";
+import { $ as getContainerClass, B as calendarWindowBounds, I as calendarMonthDate, J as getEventRuntimeFiltersKey, K as getBlockApiReadStage, L as calendarMonthKey, Q as getCardOrientation, R as calendarPageResponseError, U as planCalendarMonthRanges, V as calendarWindowMonths$1, an as getLocalScheduleDate, at as getDayOfWeek, ct as isSameCalendarDay, et as MONTH_NAMES, it as formatDateKey, lt as isToday, nt as addMonths, ot as getOrderedDayNames, q as buildEventRuntimeFilters, rn as formatLocalScheduleDate, rt as buildCalendarViewport, ut as shiftCalendarAnchorDate, z as calendarQueryKey } from "./propsDecoder-Dcgsncxb.mjs";
+import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, s as formatEventTeacherLine, t as useEventFilters } from "./useEventFilters-Bukew6Gb.mjs";
+import { o as formatEventRemainingPlaces, p as isEventFull, t as formatEventPrice } from "./pricing-HHx3IgBz.mjs";
+import { a as formatTime, d as resolveEventLinkProps, o as groupEventsByDate, s as resolveEventTimeZone, t as formatDate, u as resolveEventCta } from "./dates-DUsCEzLb.mjs";
+import { n as useBlockApi } from "./context-Bc8T6pCe.mjs";
+import { n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-CE5KYT6z.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/client/{EventListing.client-CNBFqJS4.mjs → EventListing.client-DBxC6xOU.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { G as buildEventRuntimeFilters } from "./propsDecoder-C3TP_z4x.mjs";
-import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-CLL829vy.mjs";
+import { q as buildEventRuntimeFilters } from "./propsDecoder-Dcgsncxb.mjs";
+import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-Bukew6Gb.mjs";
 import { useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/events/EventListing.client.tsx

package/dist/client/{LeafletStaticMap-C7higg52.mjs → LeafletStaticMap-mHEJKrTs.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Rt as isRecord } from "./propsDecoder-C3TP_z4x.mjs";
+import { Bt as isRecord } from "./propsDecoder-Dcgsncxb.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/shared/LeafletStaticMap.tsx

package/dist/client/{ThemedButton-LAJTNrS8.mjs → ThemedButton-CE5KYT6z.mjs}

@@ -1,5 +1,5 @@
 import { O as clsx } from "./colorStyles-CuJBiS-1.mjs";
-import { gt as themeButtonVariantClassNames, ht as themeButtonSizeClassName } from "./propsDecoder-C3TP_z4x.mjs";
+import { _t as themeButtonSizeClassName, vt as themeButtonVariantClassNames } from "./propsDecoder-Dcgsncxb.mjs";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/spinner.tsx

package/dist/client/{accordion-BcNF9TjX.mjs → accordion-BEQNSptH.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-C3TP_z4x.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-Dcgsncxb.mjs";
 //#region src/rendering/islands/enhancers/accordion.ts
 const decode = defineIslandPropsDecoder("accordion");
 function parseDefaultValues(value) {

package/dist/client/{bookingForm-BUaQ3S03.mjs → bookingForm-AMr-s5vw.mjs}

@@ -1,17 +1,18 @@
 "use client";
 import { C as unsafeAsPassId, b as unsafeAsCustomerPassId, v as unsafeAsAppointmentResourceId, x as unsafeAsFormId, y as unsafeAsAppointmentServiceId } from "./colorStyles-CuJBiS-1.mjs";
-import { i as buildBookingPaymentSelectionViewModel, n as StepIndicator, r as usePolling, t as BookingConsentAgreement } from "./BookingConsentAgreement-DlVOmpW4.mjs";
-import { $t as formatBookingInstant, At as resolveBookingSiteId, Bt as clearWorkflowFeedback, Ct as getBookingServiceSlidingScale, Dt as prepareBookingSubmission, Et as parseBookingCurrencyInputToCents, Ft as BOOKING_FORM_DATA_RESERVED_KEYS, Gt as reportWorkflowSuccess, It as isBookingRequirementConsentFieldId, Mt as toSelectedCollectionOptionKind, Nt as projectSelectedAppointmentConsentIntoForm, Ot as resolveAppointmentCheckoutVerificationState, Pt as resolveSelectedAppointmentConsent, St as getBookingRedirectStateFromLocation, Tt as isBookingServiceSlidingAmountInRange, Ut as okWith, Vt as err, Wt as reportWorkflowError, Yt as addLocalScheduleDays, _n as formatCurrencyAmount, an as resolveBookingTimeZoneId, bt as formatBookingCentsAsCurrencyInput, in as parseBookingLocalDate, jt as resolveDefaultBookingServiceId, kt as resolveBookingPaymentStep, t as defineIslandPropsDecoder, tn as formatLocalScheduleDate, vt as logger, wt as getBookingSuccessMessage, xt as formatBookingSubmissionPreparationError, yt as deriveBookingFormViewState, zt as assertNever } from "./propsDecoder-C3TP_z4x.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-BFeY_Wbm.mjs";
+import { i as buildBookingPaymentSelectionViewModel, n as StepIndicator, r as usePolling, t as BookingConsentAgreement } from "./BookingConsentAgreement-BQKL045f.mjs";
+import { At as resolveAppointmentCheckoutVerificationState, Ct as formatBookingSubmissionPreparationError, Dt as isBookingServiceSlidingAmountInRange, Et as getBookingSuccessMessage, Ft as projectSelectedAppointmentConsentIntoForm, Gt as okWith, Ht as clearWorkflowFeedback, It as resolveSelectedAppointmentConsent, Kt as reportWorkflowError, Lt as BOOKING_FORM_DATA_RESERVED_KEYS, Mt as resolveBookingSiteId, Nt as resolveDefaultBookingServiceId, Ot as parseBookingCurrencyInputToCents, Pt as toSelectedCollectionOptionKind, Rt as isBookingRequirementConsentFieldId, St as formatBookingCentsAsCurrencyInput, Tt as getBookingServiceSlidingScale, Ut as err, Vt as assertNever, Zt as addLocalScheduleDays, bt as logger, jt as resolveBookingPaymentStep, kt as prepareBookingSubmission, on as parseBookingLocalDate, qt as reportWorkflowSuccess, rn as formatLocalScheduleDate, sn as resolveBookingTimeZoneId, t as defineIslandPropsDecoder, tn as formatBookingInstant, wt as getBookingRedirectStateFromLocation, xt as deriveBookingFormViewState, yn as formatCurrencyAmount } from "./propsDecoder-Dcgsncxb.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-Bc8T6pCe.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-CWs8EIdo.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-T9q623PQ.mjs";
-import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-LAJTNrS8.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-BNgaEUpo.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CsOtjFY7.mjs";
+import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-CE5KYT6z.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
 import { t as buildCheckoutReturnUrls } from "./checkoutUrls-CW3-78uu.mjs";
+import { t as CheckboxChoice } from "./CheckboxChoice--W2n6yKs.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-DzN1W0sq.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-CWLP7wu3.mjs";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../core/src/appointment-service-categories.ts
@@ -2812,7 +2813,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 		case "radio": return /* @__PURE__ */ jsx("div", {
 			className: "rb-space-y-2",
 			children: field.field.options?.map((option) => /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
+				className: "form-check",
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "radio",
 					name: field.id,
@@ -2824,7 +2825,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 					...validationProps,
 					className: "form-radio"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
+					className: "form-check-label",
 					children: option.label
 				})]
 			}, option.value))
@@ -2834,47 +2835,20 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				const checkedValues = toStringArray(value);
 				return /* @__PURE__ */ jsx("div", {
 					className: "rb-space-y-2",
-					children: field.field.options.map((option) => /* @__PURE__ */ jsxs("label", {
-						className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-						children: [/* @__PURE__ */ jsx("input", {
-							type: "checkbox",
-							name: field.id,
-							value: option.value,
-							checked: checkedValues.includes(option.value),
-							onChange: (event) => {
-								onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
-							},
-							onBlur,
-							...validationProps,
-							className: "form-checkbox"
-						}), /* @__PURE__ */ jsx("span", {
-							className: "rb-caption",
-							children: option.label
-						})]
+					children: field.field.options.map((option) => /* @__PURE__ */ jsx(CheckboxChoice, {
+						name: field.id,
+						value: option.value,
+						checked: checkedValues.includes(option.value),
+						onChange: (event) => {
+							onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
+						},
+						onBlur,
+						...validationProps,
+						label: option.label
 					}, option.value))
 				});
 			}
-			return /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					id: field.inputId,
-					name: field.id,
-					checked: Boolean(value),
-					onChange: (event) => onChange(event.target.checked),
-					onBlur,
-					required: field.required,
-					...validationProps,
-					className: "form-checkbox"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
-					children: field.field.placeholder || field.label
-				})]
-			});
-		case "booking_requirement_consent": return /* @__PURE__ */ jsxs("label", {
-			className: "rb-flex rb-items-start rb-gap-2 rb-cursor-pointer",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
+			return /* @__PURE__ */ jsx(CheckboxChoice, {
 				id: field.inputId,
 				name: field.id,
 				checked: Boolean(value),
@@ -2882,11 +2856,18 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				onBlur,
 				required: field.required,
 				...validationProps,
-				className: "form-checkbox rb-mt-0.5"
-			}), /* @__PURE__ */ jsx("span", {
-				className: "rb-caption",
-				children: field.field.checkboxLabel
-			})]
+				label: field.field.placeholder || field.label
+			});
+		case "booking_requirement_consent": return /* @__PURE__ */ jsx(CheckboxChoice, {
+			id: field.inputId,
+			name: field.id,
+			checked: Boolean(value),
+			onChange: (event) => onChange(event.target.checked),
+			onBlur,
+			required: field.required,
+			...validationProps,
+			label: field.field.checkboxLabel,
+			presentation: "tile"
 		});
 		case "number": return /* @__PURE__ */ jsx("input", {
 			...commonProps,

package/dist/client/bookings.mjs

@@ -7943,6 +7943,7 @@ const publicEventLoaderQuerySchemaShape = {
 	seriesSlug: z.string().optional(),
 	includeOccurrenceId: z.string().optional(),
 	readIntent: z.string().optional(),
+	detailAdmission: z.string().optional(),
 	detailLevel: z.string().optional(),
 	readProfile: z.string().optional()
 };
@@ -8109,11 +8110,11 @@ const publicEventBookingAvailabilitySchema = z.discriminatedUnion("kind", [z.obj
 		"series_archived",
 		"parent_archived",
 		"parent_inconsistent",
-		"not_public",
 		"already_started",
 		"enrollment_closed"
 	])
 })]);
+const publicEventBookingClosedDetailSchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("opensSoon") }), z.object({ kind: z.literal("paused") })]);
 const publicRunSessionSchema = z.object({
 	occurrenceId: z.string(),
 	startsAt: z.string(),
@@ -8158,6 +8159,7 @@ const publicEventBaseSchema = z.object({
 	destination: publicEventDestinationSchema,
 	requiresRegistration: z.boolean(),
 	bookingAvailability: publicEventBookingAvailabilitySchema,
+	bookingClosedDetail: publicEventBookingClosedDetailSchema.optional(),
 	deliveryMode: z.enum([
 		"in_person",
 		"online",
@@ -14106,6 +14108,26 @@ function BookingConsentAgreement({ agreement, showTitle = true, title, titleId }
 	})] });
 }
 //#endregion
+//#region ../blocks/src/system/runtime/shared/components/CheckboxChoice.tsx
+/**
+* The customer-facing checkbox every block renders. Styling comes from the
+* theme's input CSS (`.form-check`, `.form-checkbox`), so it follows each
+* site's input colours, borders and corners.
+*/
+function CheckboxChoice({ label, presentation = "row", className, ...inputProps }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: clsx("form-check", presentation === "tile" && "form-check--tile", className),
+		children: [/* @__PURE__ */ jsx("input", {
+			...inputProps,
+			type: "checkbox",
+			className: "form-checkbox"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "form-check-label",
+			children: label
+		})]
+	});
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-form.service-choices.tsx
 function optionCardClassName(isSelected) {
 	return `rb-option-card${isSelected ? " rb-option-card--selected" : ""}`;
@@ -14691,7 +14713,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 		case "radio": return /* @__PURE__ */ jsx("div", {
 			className: "rb-space-y-2",
 			children: field.field.options?.map((option) => /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
+				className: "form-check",
 				children: [/* @__PURE__ */ jsx("input", {
 					type: "radio",
 					name: field.id,
@@ -14703,7 +14725,7 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 					...validationProps,
 					className: "form-radio"
 				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
+					className: "form-check-label",
 					children: option.label
 				})]
 			}, option.value))
@@ -14713,47 +14735,20 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				const checkedValues = toStringArray(value);
 				return /* @__PURE__ */ jsx("div", {
 					className: "rb-space-y-2",
-					children: field.field.options.map((option) => /* @__PURE__ */ jsxs("label", {
-						className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-						children: [/* @__PURE__ */ jsx("input", {
-							type: "checkbox",
-							name: field.id,
-							value: option.value,
-							checked: checkedValues.includes(option.value),
-							onChange: (event) => {
-								onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
-							},
-							onBlur,
-							...validationProps,
-							className: "form-checkbox"
-						}), /* @__PURE__ */ jsx("span", {
-							className: "rb-caption",
-							children: option.label
-						})]
+					children: field.field.options.map((option) => /* @__PURE__ */ jsx(CheckboxChoice, {
+						name: field.id,
+						value: option.value,
+						checked: checkedValues.includes(option.value),
+						onChange: (event) => {
+							onChange(event.target.checked ? [...checkedValues, option.value] : checkedValues.filter((item) => item !== option.value));
+						},
+						onBlur,
+						...validationProps,
+						label: option.label
 					}, option.value))
 				});
 			}
-			return /* @__PURE__ */ jsxs("label", {
-				className: "rb-flex rb-items-center rb-gap-2 rb-cursor-pointer",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					id: field.inputId,
-					name: field.id,
-					checked: Boolean(value),
-					onChange: (event) => onChange(event.target.checked),
-					onBlur,
-					required: field.required,
-					...validationProps,
-					className: "form-checkbox"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "rb-caption",
-					children: field.field.placeholder || field.label
-				})]
-			});
-		case "booking_requirement_consent": return /* @__PURE__ */ jsxs("label", {
-			className: "rb-flex rb-items-start rb-gap-2 rb-cursor-pointer",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "checkbox",
+			return /* @__PURE__ */ jsx(CheckboxChoice, {
 				id: field.inputId,
 				name: field.id,
 				checked: Boolean(value),
@@ -14761,11 +14756,18 @@ function DefaultFieldInput({ describedBy, error, errorId, field, onBlur, onChang
 				onBlur,
 				required: field.required,
 				...validationProps,
-				className: "form-checkbox rb-mt-0.5"
-			}), /* @__PURE__ */ jsx("span", {
-				className: "rb-caption",
-				children: field.field.checkboxLabel
-			})]
+				label: field.field.placeholder || field.label
+			});
+		case "booking_requirement_consent": return /* @__PURE__ */ jsx(CheckboxChoice, {
+			id: field.inputId,
+			name: field.id,
+			checked: Boolean(value),
+			onChange: (event) => onChange(event.target.checked),
+			onBlur,
+			required: field.required,
+			...validationProps,
+			label: field.field.checkboxLabel,
+			presentation: "tile"
 		});
 		case "number": return /* @__PURE__ */ jsx("input", {
 			...commonProps,

package/dist/client/{carousel-CTdF6e0V.mjs → carousel-Bbt_QgJy.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-C3TP_z4x.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-Dcgsncxb.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { n as normalizeCarouselProps, t as CarouselNodeClient } from "./carousel.client-jahpU9Vz.mjs";
 import "react";

package/dist/client/{cart-pGtyf_XU.mjs → cart-CnWi30zJ.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-C3TP_z4x.mjs";
-import { t as CartController } from "./shop-commerce-gklw_hLF.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-B5nyA41S.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-Dcgsncxb.mjs";
+import { t as CartController } from "./shop-commerce-B88zmWWo.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-cuaONpkJ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/cart.client.tsx

package/dist/client/{checkout-Da9WSn7Y.mjs → checkout-f3nkWgd4.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-C3TP_z4x.mjs";
-import { n as CheckoutController } from "./shop-commerce-gklw_hLF.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-B5nyA41S.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-Dcgsncxb.mjs";
+import { n as CheckoutController } from "./shop-commerce-B88zmWWo.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-cuaONpkJ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/checkout.client.tsx