@riverbankcms/sdk 0.101.0 → 0.103.0

package/dist/{SdkPreviewModeRuntime-DFQP-Q53.mjs → SdkPreviewModeRuntime-5bCsXK2y.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { $ as PreviewRichTextEditor, $a as eventScheduleScopeValues, $c as useSdkConfig, $d as Check, $i as parseBlockCustomCssRules, $n as formBlockDefinition, $o as ACCORDION_SPACING_MAP, $r as heroCtaRowFragment, $s as createRichTextDocFromMarkdown, $u as unsafeAsMediaAssetId, Aa as buildEventRuntimeFilters, Ac as siblingPath$1, Ad as ImagePlus, Al as ScrollableDialogContent, An as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, Ao as getContainerClass, Ar as formatInterval, As as ChevronDownIcon, At as createSnapshotFromPageRecord, Au as formatBookingInstant, Ba as columnOptionSchema, Bc as themeButtonClassName, Bd as EllipsisVertical, Bi as backgroundAppearanceColorTokenNames, Bn as ImageResolveContextProvider, Bo as createInteractiveIslandCodec, Br as richTextFragment, Bs as FileAudioIcon, Bt as createManifestFormAdapter, Bu as publicEventPricingMode, Ca as normalizeOfferingsPreviewItemLimit, Cc as formatAspectRatioToken, Cl as TabsContent, Cn as gradientToCss, Co as formatEventCompactDateRail, Cr as buildProductListInteractiveIslandProps, Cs as getSemanticIconComponent, Ct as pushHistoryEntry, Cu as createEditorRemoveBlockCommand, Da as resolveOfferingsPreviewGroups, Dc as getDirectImageUrlForMediaAsset, Dd as LoaderCircle, Dl as List, Dn as siteFooterManifest, Do as formatEventTeacherLine, Dr as buildProductCardDisplay, Ds as ArrowRightIcon, Du as addLocalScheduleDays, Ea as resolveOfferingsPreviewGroupOrderEntries, Ec as asRecord, Ei as surfaceResolutionContextFromTheme, El as Content$1, En as listBlockDescriptors, Eo as formatEventPriceDisplay, Er as buildCartDisplay, Es as ArrowLeftIcon, Et as unsafeAsLinkedContentEntryId, Eu as unsafeAsEditorBlockValues, Fa as resolveEventListPaginationAction, Fc as generateShadowValue$1, Fd as FilePlay, Fi as defaultSectionTransitionVariantForFamily, Fl as DialogFooter, Fn as layoutTransforms, Fo as getLocalDateKey, Fr as parseStoredCommerceCartState, Fs as CirclePlusIcon, Ft as usePalette, Fu as resolveBookingTimeZoneId, G as beginAutosaveBatch, Ga as previewStageSchema, Gc as textColorStyle, Gd as CircleMinus, Gl as Card, Gn as newsletterSignupBlockDefinition, Gr as blogFeaturedPostFragment, Gs as MapPinIcon$1, Gt as listContentTypes, Gu as assertNever$5, Ha as eventCalendarDefaultViewSchema, Hc as borderColorStyle, Hd as CreditCard, Hi as foregroundTokenForBackgroundAppearanceColorToken, Hl as Root, Hn as shopBlockDefinition, Ho as createZodCodec, Hr as cardFragment, Hs as FileTextIcon, Ht as FormRenderer, Hu as publicEventScalarPrice, Ia as normalizeCsvIds, Ic as generateBaseInteractiveCSS, Id as FileHeadphone, Ii as sectionTransitionFamilies, Il as DialogHeader, In as uiTransforms, Io as getLocalMinuteOfDay, Ir as productItemKey, Is as ClockIcon$1, It as recoveryConflictCopy, Iu as toBookingTimeZone, J as enqueueTransaction, Ja as eventCalendarListLayoutOptions, Jc as getModalConfig, Jd as ChevronsUpDown, Ji as isThemeV2NormalEditorRawStyleFieldName, Jl as CardTitle, Jn as buildEventListingInteractiveIslandProps, Jo as splitPositioningClasses, Jr as formEmbedFragment, Js as PlayIcon, Jt as getPageDesignEditorState, Ju as parseSiteId, K as confirmAutosaveBatch, Ka as weekStartSchema, Kc as useBackendWatch, Kd as CircleCheck, Kl as CardContent, Kn as buildNewsletterFormInteractiveIslandProps, Ko as composeHeaderSectionWrapperClassName, Kr as singleButtonFragment, Ks as MinusIcon, Kt as toRoutableLinkPayload, Ku as expectParsedBrandedId, La as normalizeCsvString, Lc as generateInteractiveChildInheritanceCSS, Ld as FileArchive, Li as sectionTransitionFamilyForBoundaryOptionId, Ll as DialogTitle, Ln as formattingTransforms, Lo as resolveRuntimeEventPricing, Lr as reduceCommerceCart, Ls as DownloadIcon, Lt as unfinishedBlockCopy, Lu as toScheduledBookingDateTime, Ma as eventPageSizeSchema, Md as File, Ml as DialogClose, Mn as visibleHeaderClearancePx, Mo as resolveEventCta, Mr as buildPassCartItem, Ms as ChevronRightIcon, Mu as formatLocalScheduleDate, Na as getEventRuntimeFiltersKey, Nc as generateButtonCss, Nd as FileText, Nl as DialogContent, Nn as contentTransforms, No as resolveEventLinkProps, Nr as buildProductCartItem, Ns as ChevronUpIcon, Nu as getBookingLocalDateKey, Oa as isSemanticSpacing, Oc as getImageUrl, Od as Image, Ol as Root2$1, On as siteHeaderManifest, Oo as formatTime$3, Or as buildProductDetailDisplay, Os as CalendarIcon$1, Ot as useDebouncedLatestSave, Ou as formatBookingDate, Pa as resolveEventCalendarListPageSize, Pc as generateEffectsCSS, Pd as FileSpreadsheet, Pl as DialogDescription, Pn as mediaTransforms, Po as getEventAvailability, Pr as deriveCommerceCheckoutState, Ps as CircleMinusIcon, Pt as PaletteProvider, Pu as parseBookingLocalDate, Q as resolvePreviewSidebarTab, Qa as eventBlockKindValues, Qc as SdkConfigProvider, Qd as ChevronDown, Qi as getComponentShadowVar, Ql as DropdownMenuItem, Qn as buildEventCalendarListingRender, Qo as ACCORDION_OPEN_ACCENT_THICKNESS, Qr as ctaCopyFragment, Qs as XIcon, Qt as deleteEntrySlotBlock, Qu as unsafeAsFormId, Ra as normalizeOptionalId, Rc as TokenResolver, Ri as sectionTransitionVariantForBoundaryOptionId, Rl as Collapsible, Rn as createManifestValidator, Ro as blockBookingPaymentTermsSchema, Rr as augmentManifest, Rs as ExternalLinkIcon, Rt as validateBlockManifestIssues, Ru as formatBookingPriceDisplay, Sa as normalizeOfferingsPreviewGroupOrder, Sc as normalizeRightAngle, Si as resolveVisiblePromotedFieldPathsForEditorBlock, Sl as Tabs, Sn as isSupportedLoaderEndpoint, So as formatDate$3, Sr as buildProductDetailInteractiveIslandProps, Ss as SEMANTIC_ICON_DEFINITIONS, St as createHistoryState, Su as createEditorInsertBlockCommand, Ta as resolveOfferingsPreviewGroupCta, Tc as resolveMediaTransformForAspect, Td as Minus, Ti as getCuratedSiteStyle, Tl as TabsTrigger, Tn as getBlockDefinition, To as formatEventPrice, Tr as getShopDisplayForItems, Ts as ArrowDownIcon, Tt as undoHistory, Tu as unsafeAsEditorBlockId, Ua as eventLayoutSchema, Uc as mergeStyles, Ud as Copy, Ui as parseBackgroundAppearanceColorToken, Ul as Trigger, Un as productListBlockDefinition, Uo as defineClientOwnedBlockRuntime, Ur as faqAccordionFragment, Us as InfoIcon, Ut as evaluateVisibility, Uu as publicEventTicketTypes, Va as eventButtonVariantSchema, Vc as backgroundColorStyle, Vd as Crop, Vi as backgroundAppearanceQuickColorTokenNames, Vl as Content, Vn as useImageResolveContextOptional, Vo as defineInteractiveIslandMetaKeys, Vr as headingFragment, Vs as FileSpreadsheetIcon, Vu as publicEventPricingType, Wa as filterAutoShowSchema, Wc as rgbColorValue, Wd as CirclePlus, Wi as defaultThemeTokens, Wl as createCollapsibleScope, Wn as productDetailBlockDefinition, Wo as defineProgressiveBlockRuntime, Wr as faqHeadingFragment, Ws as MailIcon, Wt as createStoreBackend, Wu as formatCurrencyAmount, X as rejectAutosaveBatch, Xa as when, Xc as isNonEmptyValue, Xd as ChevronRight, Xi as pageDesignEditorBackgroundOverrideOwner, Xl as DropdownMenu, Xn as buildEventCalendarInteractiveIslandProps, Xo as asDesignBlockId, Xr as testimonialsCarouselFragment, Xs as ShoppingCartIcon, Xt as createEntrySlotBlock, Xu as unsafeAsAppointmentServiceId, Y as idleEditorTransactionQueueState, Ya as el, Yc as isHeaderField, Yd as ChevronUp, Yi as isThemeV2NormalEditorRawStylePath, Yn as eventCalendarBlockDefinition, Yo as planSiteChromePlacement, Yr as formCopyFragment, Ys as PlusIcon, Yt as createBlock, Yu as unsafeAsAppointmentResourceId, Za as bindingSchema, Zc as useBlockContext, Zd as ChevronLeft, Zi as getComponentBorderWidthPx, Zl as DropdownMenuContent, Zn as buildEventCalendarListingDisplay, Zo as assertNever$6, Zr as testimonialsHeadingFragment, Zs as UploadIcon, Zt as deleteBlock, Zu as unsafeAsCustomerPassId, _c as setContextResolveImageUrlContext, _d as Search, _i as PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, _l as Badge, _n as CSS, _o as getTextColorForBackground, _r as buildCourseRegistrationInteractiveIslandProps, _s as parseBlockIconValue, _t as useEditorUiStore, _u as Button, aa as NAV_LINK_TEXT_SIZE_MAP, ac as isInlineTextEmpty, ad as lucide_react_exports, af as __exportAll, ai as siteOptionSources, al as useField, an as deriveLaunchReadiness, ao as normalizeEventSurfacePresetsCsv, ar as findPreSelectedEvent, as as mediaSchema, at as getRichTextImagePositionFromTarget, au as __generator, ba as inferLegacyOfferingsPreviewGroupOrder, bc as attachRenderableMediaAssetFields, bd as Plus, bi as normalEditorCuratedPromotedFieldPaths, bl as PopoverTrigger, bn as useIsomorphicLayoutEffect, bo as normalizeLocationMapProps, br as buildCartInteractiveIslandProps, bs as isIconPickerPreset, bt as canRedoHistory, bu as cn$1, ca as INPUT_SPACING_MAP, cc as MediaPlaceholder, ci as MQ_SM_DOWN, cl as TooltipProvider, cn as KeyboardCode, co as publicEventSchema, cr as resolveRegistrationTarget, cs as createFeatureCardIconKey, ct as EditorProvider, cu as __spreadArray, da as generateCssVars, dc as getCurrentResolveImageUrlContext, dd as Ticket, di as BACKGROUND_POSITION_PRESET_VALUES, dl as Select, dn as getClientRect, do as generateShadowValue, dr as getWizardStepsForContext$1, ds as suggestFeatureCardSemanticIcons, dt as useUISelector, du as useDirection, ea as parseCustomCssRules, ec as unwrapRichTextRoot, ed as unsafeAsPassId, ef as Box, ei as ctaRowFragment, el as hasEmptyOption, en as mutateBlockContent, eo as eventSurfaceScopeValues, er as buildFormInteractiveIslandProps, es as ACCORDION_TRIGGER_FONT_SCALE, et as PreviewInlineTextEditor, eu as DropdownMenuSeparator, fa as createTransformRegistry, fc as renderAudio, fi as getAnchorClasses, fl as SelectContent, fn as useDndContext, fo as normalizeBoxStylesCardVariant, fr as normalizeEventRegistrationPageSurfaceSubject, fs as suggestSemanticIconForFeatureCard, ft as EditableBlockProvider, fu as createCollection, g as PreviewDesignCoordinatorProvider, gc as resolveMediaStorageUrl, gd as Settings, gi as formatSiteChromeBackgroundTokenLabel, gl as Label, gn as useSensors, go as resolveTokenOrCssColorValue, gr as courseRegistrationBlockDefinition, gs as getGeneratedBlockIconStyleState, gu as Primitive, hc as resolveMediaNodeResponsiveImage, hi as resolveBackgroundColorValue, hl as SelectValue, hn as useSensor, ho as resolveOnColorForThemeToken, hr as buildGiftingInteractiveIslandProps, hs as getBlockIconSemanticFallbackId, ht as useEntryEditorController, hu as composeEventHandlers, i as usePreviewDesignHistoryOrder, ia as NAV_LINK_PADDING_X_MAP, ic as inlineTextToPlainText, id as ok$3, if as __commonJSMin, ii as PUBLIC_FILE_FIELD_KINDS, il as FieldFrame, in as DEFAULT_LAUNCH_READINESS_INPUT, io as normalizeEventStaffMemberId, ir as findEventByOccurrenceId, is as PUBLIC_DOWNLOAD_MEDIA_TYPES, it as RichTextEditorSurface, iu as __extends, ja as eventListPaginationActionSchema, jd as GripVertical, jl as Dialog, jn as planSiteOverlayHeaderClearance, jo as groupEventsByDate, jr as EMPTY_COMMERCE_CART_STATE, js as ChevronLeftIcon, ju as formatBookingTime, ka as resolveSpacing, kc as getAtPath, kd as ImageUp, kl as Trigger$1, kn as SITE_CHROME_VISIBLE_HEADER_SELECTOR, ko as getCardOrientation, kr as formatCommercePrice, ks as CheckIcon$1, kt as createRoutingHelpers, ku as formatBookingDateTime, la as LABEL_FONT_SIZE_MAP, lc as buildResolveImageUrlContext, li as MQ_SM_UP, ll as TooltipTrigger, ln as PointerSensor, lo as generateCardCss, lr as WIZARD_STEPS$1, ls as getFeatureCardIconCompletion, lt as useEditor, lu as __spreadArrays, ma as ctaButton, mc as resolveImageUrlWithContext, md as Sparkles, mi as resolveSectionForegroundStyles, ml as SelectTrigger, mn as useDroppable, mo as isCssColorLiteral, mr as giftingBlockDefinition, ms as buildGeneratedBlockIconRenderAssetLookupFromUnknown, mu as createContextScope, n as useSiteChromeCustomizeOptional, na as NAV_LINK_LETTER_SPACING_MAP, nc as isRecord$17, nd as unsafeAsPositiveSeconds, nf as ArrowDown, ni as bodyCopyFragment, nl as mapOptionValueForSelect, nn as reorderEntrySlotBlocks, no as normalizeEventCategoryIdsCsv, nr as buildEventRegistrationInteractiveIslandProps, ns as ICON_CONFIG, nt as useRichTextEditor, nu as __assign, oa as FONT_WEIGHT_MAP, oc as parseInlineTextFromUnknown, od as X, of as __toESM, oi as MQ_LG_UP, ol as Tooltip, on as AMBIENT_BACKGROUND_ROLES$1, oo as normalizeEventSurfaceScope, or as resolveDiscountContext, os as FEATURE_CARD_ICON_TREATMENTS, ot as insertOrReplaceRichTextImage, ou as __read, pa as runTransforms, pc as renderVideo, pd as Star, pi as boxStylesTransforms, pl as SelectItem, pn as useDraggable, po as normalizeCardVariantRole, pr as resolveEventRegistrationScopedEvents, ps as toFeatureCardIconSuggestionInputs, pt as EntryControllerProvider, pu as useControllableState, q as deriveTransactionCapabilities, qa as eventCalendarListLayoutCompatibleDisplayModeValues, qc as getFieldIntent, qd as CircleAlert, ql as CardHeader, qn as eventListingBlockDefinition, qo as markEditableSurfaceForwarding, qr as footerBottomTextFragment, qs as PhoneIcon, qt as applyPageDesignEditorAction, qu as parseMediaAssetId, r as PreviewDesignHistoryOrderProvider, ra as NAV_LINK_PADDING_MAP, rc as coerceInlineTextWithFallback, rd as err$2, rf as Archive, ri as defineFragment, rl as unmapValueFromSelect, rn as decodePublicProductCategorySelectorQuery, ro as normalizeEventScheduleScope, rr as toRegistrationEvents, rs as ICON_SIZE_PX, rt as EMPTY_DOC, ru as __awaiter, sa as INPUT_FONT_SIZE_MAP, sc as ImagePresets, sd as Upload, si as MQ_MD_DOWN, sl as TooltipContent, sn as DndContext, so as normalizeEventVenueId, sr as resolveEventRequiresPayment, ss as applyFeatureCardIconSuggestions, st as InlineTextEditor, su as __rest, t as SiteChromeCustomizeProvider, ta as NAV_LINK_BORDER_RADIUS_MAP, tc as isObjectRecord, td as unsafeAsPositiveByteCount$1, tf as ArrowUp, ti as heroCopyFragment, tl as mapCurrentValueForSelect, tn as reorderBlocks, to as normalizeEventBlockKind, tr as eventRegistrationBlockDefinition, ts as ACCORDION_TRIGGER_LETTER_SPACING, tt as PreviewTextEditor, tu as DropdownMenuTrigger, ua as expandPalette, uc as computeMediaTransformStyle, ud as Trash2, ui as MQ_TABLET_ONLY, ul as Textarea, un as closestCenter, uo as statusMutedColorDeclaration, ur as getStepNumber$1, us as shouldReserveFeatureCardIconZone, uu as useId$1, v as PreviewThemeOverlayProvider, va as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, vc as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, vd as RotateCcw, vi as applyCompiledRuntimeFieldsToContent, vl as Popover, vn as isKeyboardEvent, vo as featuresFromHex, vr as checkoutBlockDefinition, vs as resolveBlockIconRenderValue, vt as useEditorUiStoreInstance, vu as cva, wa as resolveOfferingsPreviewCoursePath, wc as parseAspectRatioValue, wi as designRuntimeRulesForTheme, wl as TabsList, wn as GRADIENT_PRESETS, wo as formatEventDateParts, wr as buildShopInteractiveIslandProps, ws as isSemanticIconId, wt as redoHistory, wu as createEditorReorderBlocksCommand, xa as isOfferingsPreviewSourceKey, xc as isRotationDimensionSwap, xd as Pencil, xi as planPageDesignLayoutLookCompatibility, xl as Input, xn as useUniqueId, xo as toLocationMapHydrationProps, xr as buildCheckoutInteractiveIslandProps, xs as resolveIconPickerPreset, xt as canUndoHistory, xu as clsx, y as usePreviewThemeOverlay, ya as buildOfferingsPreviewRenderStates, yc as resolveMediaSlotContract, yi as buildEditorModelRuntimeFieldsByBlockId, yl as PopoverContent, yn as useCombinedRefs, yo as buildGoogleMapsDirectionsUrl, yr as cartBlockDefinition, ys as parseSiteIconStyleGuideVersionId, yt as useOptionalEditorUiStoreInstance, yu as useComposedRefs, za as calendarTabViewsSchema, zc as parseThemeButtonVariantId, zd as EyeOff, zi as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, zl as CollapsibleContent, zn as isInternalResolvedLinkValue, zo as buildInteractiveIslandProps, zr as augmentManifestWithStyleGroups, zs as FileArchiveIcon, zt as ManifestForm, zu as publicEventPricingCurrency } from "./SiteChromeCustomizeContext-GwZc89KN.mjs";
-import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-BICQLAUF.mjs";
-import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, l as ApiEnvelopeError, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-Da74OL0X.mjs";
+import { $ as PreviewRichTextEditor, $a as eventCalendarListLayoutOptions, $c as getModalConfig, $d as ChevronsUpDown, $i as isThemeV2NormalEditorRawStyleFieldName, $l as CardTitle, $n as buildEventCalendarListingRender, $o as splitPositioningClasses, $r as ctaCopyFragment, $s as PlayIcon, $t as deleteEntrySlotBlock, $u as parseSiteId, Aa as resolveOfferingsPreviewGroupCta, Ac as resolveMediaTransformForAspect, Ad as Minus, Ai as surfaceResolutionContextFromTheme, Al as TabsTrigger, An as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Ao as formatEventPrice, Ar as formatCommercePrice, As as ArrowDownIcon, At as createRoutingHelpers, Au as unsafeAsEditorBlockId, Ba as resolveEventListPaginationAction, Bc as generateShadowValue$1, Bd as FilePlay, Bi as defaultSectionTransitionVariantForFamily, Bl as DialogFooter, Bn as isInternalResolvedLinkValue, Bo as getLocalDateKey, Br as augmentManifestWithStyleGroups, Bs as CirclePlusIcon, Bt as ManifestForm, Bu as resolveBookingTimeZoneId, Ca as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, Cc as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, Cd as RotateCcw, Ci as retargetCompiledRuntimeFieldsForContentAdjacency, Cl as Popover, Cn as isSupportedLoaderEndpoint, Co as featuresFromHex, Cr as buildProductDetailInteractiveIslandProps, Cs as resolveBlockIconRenderValue, Ct as pushHistoryEntry, Cu as cva, Da as normalizeOfferingsPreviewGroupOrder, Dc as normalizeRightAngle, Dl as Tabs, Dn as listBlockDescriptors, Do as formatDate$3, Dr as buildCartDisplay, Ds as SEMANTIC_ICON_DEFINITIONS, Dt as recordsEqual, Du as createEditorInsertBlockCommand, Ea as isOfferingsPreviewSourceKey, Ec as isRotationDimensionSwap, Ed as Pencil, Ei as resolveVisiblePromotedFieldPathsForEditorBlock, El as Input, En as getBlockDefinition, Eo as toLocationMapHydrationProps, Er as getShopDisplayForItems, Es as resolveIconPickerPreset, Et as unsafeAsLinkedContentEntryId, Eu as clsx, Fa as buildEventRuntimeFilters, Fc as siblingPath$1, Fd as ImagePlus, Fl as ScrollableDialogContent, Fn as mediaTransforms, Fo as getContainerClass, Fr as deriveCommerceCheckoutState, Fs as ChevronDownIcon, Ft as PaletteProvider, Fu as formatBookingInstant, G as beginAutosaveBatch, Ga as columnOptionSchema, Gc as themeButtonClassName, Gd as EllipsisVertical, Gi as backgroundAppearanceColorTokenNames, Gn as productDetailBlockDefinition, Go as createInteractiveIslandCodec, Gr as faqHeadingFragment, Gs as FileAudioIcon, Gt as createStoreBackend, Gu as publicEventPricingMode, Ha as normalizeCsvString, Hc as generateInteractiveChildInheritanceCSS, Hd as FileArchive, Hi as sectionTransitionFamilyForBoundaryOptionId, Hl as DialogTitle, Hn as useImageResolveContextOptional, Ho as resolveRuntimeEventPricing, Hr as headingFragment, Hs as DownloadIcon, Hu as toScheduledBookingDateTime, Ia as eventListPaginationActionSchema, Id as GripVertical, Il as Dialog, In as layoutTransforms, Io as groupEventsByDate, Ir as parseStoredCommerceCartState, Is as ChevronLeftIcon, It as usePalette, Iu as formatBookingTime, J as enqueueTransaction, Ja as eventLayoutSchema, Jc as mergeStyles, Jd as Copy, Ji as parseBackgroundAppearanceColorToken, Jl as Trigger, Jn as eventListingBlockDefinition, Jo as defineClientOwnedBlockRuntime, Jr as footerBottomTextFragment, Js as InfoIcon, Jt as applyPageDesignEditorAction, Ju as publicEventTicketTypes, K as confirmAutosaveBatch, Ka as eventButtonVariantSchema, Kc as backgroundColorStyle, Kd as Crop, Ki as backgroundAppearanceQuickColorTokenNames, Kl as Content, Kn as newsletterSignupBlockDefinition, Ko as defineInteractiveIslandMetaKeys, Kr as blogFeaturedPostFragment, Ks as FileSpreadsheetIcon, Kt as listContentTypes, Ku as publicEventPricingType, La as eventPageSizeSchema, Ld as File, Ll as DialogClose, Ln as uiTransforms, Lo as resolveEventCta, Lr as productItemKey, Ls as ChevronRightIcon, Lt as recoveryConflictCopy, Lu as formatLocalScheduleDate, Ma as resolveOfferingsPreviewGroups, Mc as getDirectImageUrlForMediaAsset, Md as LoaderCircle, Ml as List, Mn as planSiteOverlayHeaderClearance, Mo as formatEventTeacherLine, Mr as EMPTY_COMMERCE_CART_STATE, Ms as ArrowRightIcon, Mu as addLocalScheduleDays, Na as isSemanticSpacing, Nc as getImageUrl, Nd as Image, Nl as Root2$1, Nn as visibleHeaderClearancePx, No as formatTime$3, Nr as buildPassCartItem, Ns as CalendarIcon$1, Nu as formatBookingDate, Oa as normalizeOfferingsPreviewItemLimit, Oc as formatAspectRatioToken, Oi as designRuntimeRulesForTheme, Ol as TabsContent, On as siteFooterManifest, Oo as formatEventCompactDateRail, Or as buildProductCardDisplay, Os as getSemanticIconComponent, Ou as createEditorRemoveBlockCommand, Pa as resolveSpacing, Pc as getAtPath, Pd as ImageUp, Pl as Trigger$1, Pn as contentTransforms, Po as getCardOrientation, Pr as buildProductCartItem, Ps as CheckIcon$1, Pu as formatBookingDateTime, Q as resolvePreviewSidebarTab, Qa as eventCalendarListLayoutCompatibleDisplayModeValues, Qc as getFieldIntent, Qd as CircleAlert, Ql as CardHeader, Qn as buildEventCalendarListingDisplay, Qo as markEditableSurfaceForwarding, Qr as testimonialsHeadingFragment, Qs as PhoneIcon, Qt as deleteBlock, Qu as parseMediaAssetId, Ra as getEventRuntimeFiltersKey, Rc as generateButtonCss, Rd as FileText, Rl as DialogContent, Rn as formattingTransforms, Ro as resolveEventLinkProps, Rr as reduceCommerceCart, Rs as ChevronUpIcon, Rt as unfinishedBlockCopy, Ru as getBookingLocalDateKey, Sc as setContextResolveImageUrlContext, Sd as Search, Si as retargetCompiledBoundaryRuntimeForContentAdjacency, Sl as Badge, Sn as useUniqueId, So as getTextColorForBackground, Sr as buildCheckoutInteractiveIslandProps, Ss as parseBlockIconValue, St as createHistoryState, Su as Button, Ta as inferLegacyOfferingsPreviewGroupOrder, Tc as attachRenderableMediaAssetFields, Td as Plus, Ti as planPageDesignLayoutLookCompatibility, Tl as PopoverTrigger, Tn as GRADIENT_PRESETS, To as normalizeLocationMapProps, Tr as buildShopInteractiveIslandProps, Ts as isIconPickerPreset, Tt as undoHistory, Tu as cn$1, Ua as normalizeOptionalId, Uc as TokenResolver, Ui as sectionTransitionVariantForBoundaryOptionId, Ul as Collapsible, Un as shopBlockDefinition, Uo as blockBookingPaymentTermsSchema, Ur as cardFragment, Us as ExternalLinkIcon, Ut as FormRenderer, Uu as formatBookingPriceDisplay, Va as normalizeCsvIds, Vc as generateBaseInteractiveCSS, Vd as FileHeadphone, Vi as sectionTransitionFamilies, Vl as DialogHeader, Vn as ImageResolveContextProvider, Vo as getLocalMinuteOfDay, Vr as richTextFragment, Vs as ClockIcon$1, Vt as createManifestFormAdapter, Vu as toBookingTimeZone, Wa as calendarTabViewsSchema, Wc as parseThemeButtonVariantId, Wd as EyeOff, Wi as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, Wl as CollapsibleContent, Wn as productListBlockDefinition, Wo as buildInteractiveIslandProps, Wr as faqAccordionFragment, Ws as FileArchiveIcon, Wt as evaluateVisibility, Wu as publicEventPricingCurrency, X as rejectAutosaveBatch, Xa as previewStageSchema, Xc as textColorStyle, Xd as CircleMinus, Xl as Card, Xn as eventCalendarBlockDefinition, Xr as formCopyFragment, Xs as MapPinIcon$1, Xt as createBlock, Xu as assertNever$5, Y as idleEditorTransactionQueueState, Ya as filterAutoShowSchema, Yc as rgbColorValue, Yd as CirclePlus, Yi as defaultThemeTokens, Yl as createCollapsibleScope, Yn as buildEventListingInteractiveIslandProps, Yo as defineProgressiveBlockRuntime, Yr as formEmbedFragment, Ys as MailIcon, Yt as getPageDesignEditorState, Yu as formatCurrencyAmount, Za as weekStartSchema, Zc as useBackendWatch, Zd as CircleCheck, Zl as CardContent, Zn as buildEventCalendarInteractiveIslandProps, Zo as composeHeaderSectionWrapperClassName, Zr as testimonialsCarouselFragment, Zs as MinusIcon, Zt as createEntrySlotBlock, Zu as expectParsedBrandedId, _a as createTransformRegistry, _c as renderAudio, _i as mergeHeaderNavTypographyPreference, _l as SelectContent, _n as useSensors, _o as normalizeBoxStylesCardVariant, _r as courseRegistrationBlockDefinition, _s as suggestSemanticIconForFeatureCard, _t as useEditorUiStore, _u as createCollection, aa as parseCustomCssRules, ac as unwrapRichTextRoot, ad as unsafeAsPassId, af as Box, ai as PUBLIC_FILE_FIELD_KINDS, al as hasEmptyOption, an as DEFAULT_LAUNCH_READINESS_INPUT, ao as eventSurfaceScopeValues, ar as findEventByOccurrenceId, as as ACCORDION_TRIGGER_FONT_SCALE, at as getRichTextImagePositionFromTarget, au as DropdownMenuSeparator, bc as resolveMediaNodeResponsiveImage, bi as applyCompiledRuntimeFieldsToContent, bl as SelectValue, bn as useCombinedRefs, bo as resolveOnColorForThemeToken, br as cartBlockDefinition, bs as getBlockIconSemanticFallbackId, bt as canRedoHistory, bu as composeEventHandlers, ca as NAV_LINK_PADDING_MAP, cc as coerceInlineTextWithFallback, cd as err$2, cf as Archive, ci as MQ_MD_DOWN, cl as unmapValueFromSelect, cn as DndContext, co as normalizeEventScheduleScope, cr as resolveEventRequiresPayment, cs as ICON_SIZE_PX, ct as EditorProvider, cu as __awaiter, da as FONT_WEIGHT_MAP, dc as parseInlineTextFromUnknown, dd as X, df as __toESM, di as MQ_TABLET_ONLY, dl as Tooltip, dn as closestCenter, do as normalizeEventSurfaceScope, dr as getStepNumber$1, ds as FEATURE_CARD_ICON_TREATMENTS, dt as useUISelector, du as __read, ea as isThemeV2NormalEditorRawStylePath, ec as PlusIcon, ed as unsafeAsAppointmentResourceId, ef as ChevronUp, ei as heroCtaRowFragment, el as isHeaderField, eo as el, er as formBlockDefinition, es as planSiteChromePlacement, et as PreviewInlineTextEditor, fa as INPUT_FONT_SIZE_MAP, fc as ImagePresets, fd as Upload, fi as BACKGROUND_POSITION_PRESET_VALUES, fl as TooltipContent, fn as getClientRect, fo as normalizeEventVenueId, fr as getWizardStepsForContext$1, fs as applyFeatureCardIconSuggestions, ft as EditableBlockProvider, fu as __rest, g as PreviewDesignCoordinatorProvider, ga as generateCssVars, gc as getCurrentResolveImageUrlContext, gd as Ticket, gi as resolveBackgroundColorValue, gl as Select, gn as useSensor, go as generateShadowValue, gr as buildGiftingInteractiveIslandProps, gs as suggestFeatureCardSemanticIcons, gu as useDirection, ha as expandPalette, hc as computeMediaTransformStyle, hd as Trash2, hi as resolveSectionForegroundStyles, hl as Textarea, hn as useDroppable, ho as statusMutedColorDeclaration, hr as giftingBlockDefinition, hs as shouldReserveFeatureCardIconZone, ht as useEntryEditorController, hu as useId$1, i as usePreviewDesignHistoryOrder, ia as parseBlockCustomCssRules, ic as createRichTextDocFromMarkdown, id as unsafeAsMediaAssetId, if as Check, ii as defineFragment, il as useSdkConfig, in as decodePublicProductCategorySelectorQuery, io as eventScheduleScopeValues, ir as toRegistrationEvents, is as ACCORDION_SPACING_MAP, it as RichTextEditorSurface, ja as resolveOfferingsPreviewGroupOrderEntries, jc as asRecord, jl as Content$1, jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jo as formatEventPriceDisplay, jr as formatInterval, js as ArrowLeftIcon, jt as createSnapshotFromPageRecord, ju as unsafeAsEditorBlockValues, ka as resolveOfferingsPreviewCoursePath, kc as parseAspectRatioValue, ki as getCuratedSiteStyle, kl as TabsList, kn as siteHeaderManifest, ko as formatEventDateParts, kr as buildProductDetailDisplay, ks as isSemanticIconId, kt as useDebouncedLatestSave, ku as createEditorReorderBlocksCommand, la as NAV_LINK_PADDING_X_MAP, lc as inlineTextToPlainText, ld as ok$3, lf as __commonJSMin, li as MQ_SM_DOWN, ll as FieldFrame, ln as KeyboardCode, lo as normalizeEventStaffMemberId, lr as resolveRegistrationTarget, ls as PUBLIC_DOWNLOAD_MEDIA_TYPES, lt as useEditor, lu as __extends, ma as LABEL_FONT_SIZE_MAP, mc as buildResolveImageUrlContext, mi as boxStylesTransforms, ml as TooltipTrigger, mn as useDraggable, mo as generateCardCss, mr as resolveEventRegistrationScopedEvents, ms as getFeatureCardIconCompletion, mu as __spreadArrays, n as useSiteChromeCustomizeOptional, na as getComponentBorderWidthPx, nc as UploadIcon, nd as unsafeAsCustomerPassId, nf as ChevronLeft, ni as heroCopyFragment, nl as useBlockContext, nn as reorderBlocks, no as bindingSchema, nr as eventRegistrationBlockDefinition, ns as assertNever$6, nt as useRichTextEditor, nu as DropdownMenuContent, oa as NAV_LINK_BORDER_RADIUS_MAP, oc as isObjectRecord, od as unsafeAsPositiveByteCount$1, of as ArrowUp, oi as siteOptionSources, ol as mapCurrentValueForSelect, on as deriveLaunchReadiness, oo as normalizeEventBlockKind, or as findPreSelectedEvent, os as ACCORDION_TRIGGER_LETTER_SPACING, ot as insertOrReplaceRichTextImage, ou as DropdownMenuTrigger, pa as INPUT_SPACING_MAP, pc as MediaPlaceholder, pi as getAnchorClasses, pl as TooltipProvider, pn as useDndContext, po as publicEventSchema, pr as normalizeEventRegistrationPageSurfaceSubject, ps as createFeatureCardIconKey, pt as EntryControllerProvider, pu as __spreadArray, q as deriveTransactionCapabilities, qa as eventCalendarDefaultViewSchema, qc as borderColorStyle, qd as CreditCard, qi as foregroundTokenForBackgroundAppearanceColorToken, ql as Root, qn as buildNewsletterFormInteractiveIslandProps, qo as createZodCodec, qr as singleButtonFragment, qs as FileTextIcon, qt as toRoutableLinkPayload, qu as publicEventScalarPrice, r as PreviewDesignHistoryOrderProvider, ra as getComponentShadowVar, rc as XIcon, rd as unsafeAsFormId, rf as ChevronDown, ri as bodyCopyFragment, rl as SdkConfigProvider, rn as reorderEntrySlotBlocks, ro as eventBlockKindValues, rr as buildEventRegistrationInteractiveIslandProps, rs as ACCORDION_OPEN_ACCENT_THICKNESS, rt as EMPTY_DOC, ru as DropdownMenuItem, sa as NAV_LINK_LETTER_SPACING_MAP, sc as isRecord$19, sd as unsafeAsPositiveSeconds, sf as ArrowDown, si as MQ_LG_UP, sl as mapOptionValueForSelect, sn as AMBIENT_BACKGROUND_ROLES$1, so as normalizeEventCategoryIdsCsv, sr as resolveDiscountContext, ss as ICON_CONFIG, st as InlineTextEditor, su as __assign, t as SiteChromeCustomizeProvider, ta as pageDesignEditorBackgroundOverrideOwner, tc as ShoppingCartIcon, td as unsafeAsAppointmentServiceId, tf as ChevronRight, ti as ctaRowFragment, tl as isNonEmptyValue, tn as mutateBlockContent, to as when, tr as buildFormInteractiveIslandProps, ts as asDesignBlockId, tt as PreviewTextEditor, tu as DropdownMenu, ua as NAV_LINK_TEXT_SIZE_MAP, uc as isInlineTextEmpty, ud as lucide_react_exports, uf as __exportAll, ui as MQ_SM_UP, ul as useField, un as PointerSensor, uo as normalizeEventSurfacePresetsCsv, ur as WIZARD_STEPS$1, us as mediaSchema, uu as __generator, v as PreviewThemeOverlayProvider, va as runTransforms, vc as renderVideo, vd as Star, vi as formatSiteChromeBackgroundTokenLabel, vl as SelectItem, vn as CSS, vo as normalizeCardVariantRole, vr as buildCourseRegistrationInteractiveIslandProps, vs as toFeatureCardIconSuggestionInputs, vt as useEditorUiStoreInstance, vu as useControllableState, wa as buildOfferingsPreviewRenderStates, wc as resolveMediaSlotContract, wi as normalEditorCuratedPromotedFieldPaths, wl as PopoverContent, wn as gradientToCss, wo as buildGoogleMapsDirectionsUrl, wr as buildProductListInteractiveIslandProps, ws as parseSiteIconStyleGuideVersionId, wt as redoHistory, wu as useComposedRefs, xc as resolveMediaStorageUrl, xd as Settings, xi as compileEditorModelRuntime, xl as Label, xn as useIsomorphicLayoutEffect, xo as resolveTokenOrCssColorValue, xr as buildCartInteractiveIslandProps, xs as getGeneratedBlockIconStyleState, xt as canUndoHistory, xu as Primitive, y as usePreviewThemeOverlay, ya as ctaButton, yc as resolveImageUrlWithContext, yd as Sparkles, yi as PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, yl as SelectTrigger, yn as isKeyboardEvent, yo as isCssColorLiteral, yr as checkoutBlockDefinition, ys as buildGeneratedBlockIconRenderAssetLookupFromUnknown, yt as useOptionalEditorUiStoreInstance, yu as createContextScope, za as resolveEventCalendarListPageSize, zc as generateEffectsCSS, zd as FileSpreadsheet, zi as boundaryRuntimeMetricsForTransition, zl as DialogDescription, zn as createManifestValidator, zo as getEventAvailability, zr as augmentManifest, zs as CircleMinusIcon, zt as validateBlockManifestIssues, zu as parseBookingLocalDate } from "./SiteChromeCustomizeContext-CO1sTK_W.mjs";
+import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-ZF6TXq5Q.mjs";
+import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, l as ApiEnvelopeError, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-ByPPZqmp.mjs";
 import * as React$1 from "react";
 import React, { Children, Component, Fragment, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, memo, startTransition, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1280,7 +1280,7 @@ var BlockApiError = class extends Error {
 		this.name = "BlockApiError";
 	}
 };
-function isRecord$16(value) {
+function isRecord$18(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -1304,8 +1304,8 @@ async function parseJsonBody(response) {
 	}
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$16(data)) return {};
-	const nestedError = isRecord$16(data.error) ? data.error : void 0;
+	if (!isRecord$18(data)) return {};
+	const nestedError = isRecord$18(data.error) ? data.error : void 0;
 	return {
 		message: typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0,
 		code: typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0
@@ -2065,15 +2065,15 @@ function Grid({ as: Comp = "div", cols = {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/layout.tsx
-const SectionNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, allowOverflow, ...props }) => /* @__PURE__ */ jsx(Section, {
+const SectionNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, allowOverflow, ...props }) => /* @__PURE__ */ jsx(Section, {
 	...props,
 	allowOverflow
 });
-const StackNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Stack, { ...props });
-const InlineNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Inline, { ...props });
-const GridNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Grid, { ...props });
-const DivNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("div", { ...props });
-const FigureNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("figure", { ...props });
+const StackNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Stack, { ...props });
+const InlineNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Inline, { ...props });
+const GridNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx(Grid, { ...props });
+const DivNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("div", { ...props });
+const FigureNode = ({ blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, previewAuthoring: _previewAuthoring, pathBase: _pathBase, ...props }) => /* @__PURE__ */ jsx("figure", { ...props });
 //#endregion
 //#region ../blocks/src/primitives/content/utils/sanitizeHref.ts
 const SAFE_PROTOCOLS = /* @__PURE__ */ new Set([
@@ -2517,7 +2517,7 @@ function Text$1({ as: Comp = "span", children, className = "", path, maxLength:
 function coerceRichTextDoc(value) {
 	const raw = unwrapRichTextRoot(value);
 	if (typeof raw === "string") return createRichTextDocFromMarkdown(raw);
-	if (isRecord$17(raw) && typeof raw.type === "string") return raw;
+	if (isRecord$19(raw) && typeof raw.type === "string") return raw;
 	return null;
 }
 //#endregion
@@ -3634,12 +3634,12 @@ function resolveBookingSiteId(siteId, form) {
 	return siteId || form?.siteId || "";
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$15(form)) return null;
+	if (!isRecord$17(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$15(form.schema) ? form.schema : isRecord$15(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$15(form.settings) ? form.settings : isRecord$15(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$17(form.schema) ? form.schema : isRecord$17(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$17(form.settings) ? form.settings : isRecord$17(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -3659,8 +3659,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$15(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$15(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$17(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$17(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -3671,7 +3671,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$15(value)) return null;
+	if (!isRecord$17(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -3715,7 +3715,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$15(value)) return null;
+	if (!isRecord$17(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -3735,7 +3735,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$15(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
+	return isRecord$17(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
 }
 function collectBookingCustomFields(data) {
 	const customFields = {};
@@ -3785,7 +3785,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$15(value) {
+function isRecord$17(value) {
 	return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -19249,7 +19249,7 @@ const LEAFLET_JS_INTEGRITY = "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo
 let leafletLoaded = false;
 let leafletLoadPromise = null;
 function isLeafletApi(value) {
-	if (!isRecord$17(value)) return false;
+	if (!isRecord$19(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -20571,7 +20571,7 @@ Autoplay.globalOptions = void 0;
 function isObject$2(subject) {
 	return Object.prototype.toString.call(subject) === "[object Object]";
 }
-function isRecord$14(subject) {
+function isRecord$16(subject) {
 	return isObject$2(subject) || Array.isArray(subject);
 }
 function canUseDOM() {
@@ -20586,7 +20586,7 @@ function areOptionsEqual(optionsA, optionsB) {
 		const valueA = optionsA[key];
 		const valueB = optionsB[key];
 		if (typeof valueA === "function") return `${valueA}` === `${valueB}`;
-		if (!isRecord$14(valueA) || !isRecord$14(valueB)) return valueA === valueB;
+		if (!isRecord$16(valueA) || !isRecord$16(valueB)) return valueA === valueB;
 		return areOptionsEqual(valueA, valueB);
 	});
 }
@@ -27129,7 +27129,7 @@ function WeeklySlotAvailabilityClient({ serviceId, resourceId, horizonWeeks, tim
 }
 //#endregion
 //#region ../blocks/src/system/runtime/components/registry.client.tsx
-function isRecord$13(value) {
+function isRecord$15(value) {
 	return typeof value === "object" && value !== null;
 }
 function buildRenderFromLooseProps(runtime, mode, props) {
@@ -27148,12 +27148,12 @@ function withRuntimeBackedEnvelope(source, runtime, render) {
 function normalizeLegacyInteractiveRenderProps(runtime, mode, props) {
 	const source = props;
 	const render = props["render"];
-	if (!isRecord$13(render)) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
-	if (isRecord$13(render["hydration"])) return withRuntimeBackedEnvelope(source, runtime, {
+	if (!isRecord$15(render)) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
+	if (isRecord$15(render["hydration"])) return withRuntimeBackedEnvelope(source, runtime, {
 		...render,
 		mode
 	});
-	if (!isRecord$13(render["display"])) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
+	if (!isRecord$15(render["display"])) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
 	const { display, mode: _legacyMode, ...legacyHydration } = render;
 	return withRuntimeBackedEnvelope(source, runtime, {
 		display,
@@ -27699,7 +27699,7 @@ const defaultTransforms = createTransformRegistry([
 //#region ../blocks/src/system/data/linkedContentEntries.ts
 const LINKED_CONTENT_ENTRY_META_KEY = "__rbLinkedContentEntry";
 function coerceLinkedContentEntriesPayload(payload) {
-	if (!isRecord$12(payload)) return payload;
+	if (!isRecord$14(payload)) return payload;
 	const response = payload;
 	if (!Array.isArray(response.entries)) return payload;
 	const contentType = parsePublicContentTypeMeta(response.contentType);
@@ -27707,16 +27707,16 @@ function coerceLinkedContentEntriesPayload(payload) {
 	return response.entries.map((entry) => enrichLinkedContentEntry(entry, contentType));
 }
 function getLinkedContentEntryMeta(value) {
-	if (!isRecord$12(value)) return null;
+	if (!isRecord$14(value)) return null;
 	const candidate = value[LINKED_CONTENT_ENTRY_META_KEY];
 	return isLinkedContentEntryMeta(candidate) ? candidate : null;
 }
 function buildLinkedContentEditTarget(input) {
 	const { entry, sourceBlockId, sourceBlockKind, itemIndex } = input;
-	if (!isRecord$12(entry)) return null;
+	if (!isRecord$14(entry)) return null;
 	const meta = getLinkedContentEntryMeta(entry);
 	if (!meta || meta.support.kind !== "supported") return null;
-	const content = isRecord$12(entry.content) ? entry.content : {};
+	const content = isRecord$14(entry.content) ? entry.content : {};
 	return {
 		kind: "linked-content-entry",
 		entryId: meta.entryId,
@@ -27780,12 +27780,12 @@ function resolveLinkedEntryInlineFieldEligibility(input) {
 	};
 }
 function enrichLinkedContentEntry(entry, contentType) {
-	if (!isRecord$12(entry)) return entry;
+	if (!isRecord$14(entry)) return entry;
 	const entryId = typeof entry.id === "string" ? entry.id : null;
 	if (!entryId) return entry;
 	const title = typeof entry.title === "string" && entry.title.trim().length > 0 ? entry.title : entryId;
 	const optimisticHash = typeof entry.optimisticHash === "string" && entry.optimisticHash.length > 0 ? entry.optimisticHash : null;
-	const content = isRecord$12(entry.content) ? entry.content : {};
+	const content = isRecord$14(entry.content) ? entry.content : {};
 	const meta = {
 		kind: "linked-content-entry",
 		entryId,
@@ -27881,7 +27881,7 @@ function capitalize(value) {
 	return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
 }
 function parsePublicContentTypeMeta(value) {
-	if (!isRecord$12(value)) return null;
+	if (!isRecord$14(value)) return null;
 	if (typeof value.key !== "string" || value.key.trim().length === 0) return null;
 	return {
 		key: value.key,
@@ -27891,7 +27891,7 @@ function parsePublicContentTypeMeta(value) {
 	};
 }
 function parsePublicContentTypeLinkedEntryEditing(value) {
-	if (!isRecord$12(value) || typeof value.kind !== "string") return null;
+	if (!isRecord$14(value) || typeof value.kind !== "string") return null;
 	switch (value.kind) {
 		case "generic": return { kind: "generic" };
 		case "unsupported-domain-backed": return {
@@ -27902,7 +27902,7 @@ function parsePublicContentTypeLinkedEntryEditing(value) {
 	}
 }
 function parsePublicContentTypeFieldMeta(value) {
-	if (!isRecord$12(value)) return [];
+	if (!isRecord$14(value)) return [];
 	if (typeof value.id !== "string" || typeof value.type !== "string") return [];
 	return [{
 		id: value.id,
@@ -27917,14 +27917,14 @@ function parseStringArray(value) {
 	return value.filter((item) => typeof item === "string");
 }
 function isLinkedContentEntryMeta(value) {
-	if (!isRecord$12(value)) return false;
+	if (!isRecord$14(value)) return false;
 	if (value.kind !== "linked-content-entry") return false;
 	if (typeof value.entryId !== "string") return false;
 	if (typeof value.contentTypeKey !== "string") return false;
 	if (typeof value.contentTypeLabel !== "string") return false;
 	if (typeof value.title !== "string") return false;
 	if (!(value.optimisticHash === null || typeof value.optimisticHash === "string")) return false;
-	if (!isRecord$12(value.contentType)) return false;
+	if (!isRecord$14(value.contentType)) return false;
 	if (!isLinkedEntryFieldSourceArray(value.fieldSources)) return false;
 	return isLinkedContentEditSupport(value.support);
 }
@@ -27932,7 +27932,7 @@ function isLinkedEntryFieldSourceArray(value) {
 	return Array.isArray(value) && value.every(isLinkedEntryFieldSource);
 }
 function isLinkedEntryFieldSource(value) {
-	if (!isRecord$12(value)) return false;
+	if (!isRecord$14(value)) return false;
 	if (typeof value.displayPath !== "string") return false;
 	switch (value.kind) {
 		case "content-field": return typeof value.fieldPath === "string" && (value.fieldType === "text" || value.fieldType === "richText");
@@ -27953,7 +27953,7 @@ function isLinkedEntryInlineFieldReadOnlyReason(value) {
 	}
 }
 function isLinkedContentEditSupport(value) {
-	if (!isRecord$12(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$14(value) || typeof value.kind !== "string") return false;
 	switch (value.kind) {
 		case "supported": return true;
 		case "unsupported-domain-backed":
@@ -27962,7 +27962,7 @@ function isLinkedContentEditSupport(value) {
 		default: return false;
 	}
 }
-function isRecord$12(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -28016,14 +28016,14 @@ function isDecoratedHeadingBlockKind(blockKind) {
 	return blockKind === "block.intro" || blockKind === "block.feature-cards" || blockKind === "block.testimonials" || blockKind === "block.faq";
 }
 function readVariant(blockContent) {
-	if (!isRecord$11(blockContent)) return void 0;
+	if (!isRecord$13(blockContent)) return void 0;
 	const variant = blockContent.variant;
 	return typeof variant === "string" ? variant : void 0;
 }
 function isFaqDecoratedVariant(variant) {
 	return variant === "default" || variant === "question-columns";
 }
-function isRecord$11(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildHeadingDecorationWrapperClassName(className) {
@@ -28280,6 +28280,7 @@ function applyTransformsAndFallback(value, binding, context) {
 		viewModel: context.viewModel
 	}, transforms);
 	if (binding.transforms && binding.transforms.length > 0 && transformed === null) {
+		if (binding.fallback !== void 0) return binding.fallback;
 		console.warn("[block-system] Transform returned null for binding", {
 			bindingFrom: binding.from,
 			transforms: binding.transforms?.map((t) => t.id)
@@ -30202,7 +30203,7 @@ function generateHeaderRootStyles(header, themeId, tokens, _theme) {
 		}
 	}
 	if (header.positioning === "sticky" || header.positioning === "fixed") {
-		const shadowVar = getComponentShadowVar(header.shadow?.elevation ?? "sm");
+		const shadowVar = getComponentShadowVar(header.shadow?.elevation ?? "none");
 		if (shadowVar) rules.push(`box-shadow: ${shadowVar};`);
 	}
 	const baseBlock = `\n${selector} {\n  ${rules.join("\n  ")}\n}\n`;
@@ -30285,15 +30286,19 @@ function generateLogoTextBehaviorStyles(logoText, themeId) {
 * legacy navStyle, navWeight, navColor, and navEffects settings.
 */
 function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment, navTextSize) {
+	const navPreferences = {
+		typography: header.navTypography ?? "inherit",
+		fontSize: header.navTextSize ?? "inherit"
+	};
 	if (header.navLinkStyle) return generateNavLinkCSS({
 		themeId,
 		tokens,
 		theme,
-		style: contrastTreatment || navTextSize ? {
+		style: mergeHeaderNavTypographyPreference(contrastTreatment || navTextSize ? {
 			...header.navLinkStyle,
 			...contrastTreatment ? { contrastTreatment } : {},
 			...navTextSize ? { textSize: navTextSize } : {}
-		} : header.navLinkStyle,
+		} : header.navLinkStyle, navPreferences),
 		className: "header-nav-link"
 	});
 	const navStyle = header.navStyle ?? "minimal";
@@ -30365,7 +30370,7 @@ function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment
 		themeId,
 		tokens,
 		theme,
-		style: mergedStyle,
+		style: mergeHeaderNavTypographyPreference(mergedStyle, navPreferences),
 		className: "header-nav-link"
 	});
 }
@@ -30756,6 +30761,9 @@ const boldWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='htt
 const driftWaveTransitionMask = 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 generateSiteStyleTransitionCss(themeId) {
 	const selector = `:where([data-theme-scope="${themeId}"])`;
+	const compactBoundaryHeight = requiredBoundaryHeightCss("wave-edge-gentle");
+	const mediumBoundaryHeight = requiredBoundaryHeightCss("wave-edge");
+	const largeBoundaryHeight = requiredBoundaryHeightCss("wave-edge-bold");
 	return `${selector} [data-style-group^='site-style-transition-'] {
   position: relative;
   z-index: 2;
@@ -30763,23 +30771,48 @@ function generateSiteStyleTransitionCss(themeId) {
   --site-style-transition-to: rgb(var(--tb-background));
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-'] {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-'] {
   position: relative;
   z-index: 3;
   height: 0;
   pointer-events: none;
+  --site-style-boundary-height: ${mediumBoundaryHeight};
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-']::after,
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-']::after,
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade']::after {
+${selector} [data-block][data-site-style-boundary-before] > :where([data-slot='section']) {
+  padding-top: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-before-reserve, 0rem));
+}
+
+${selector} [data-block][data-site-style-boundary-after] > :where([data-slot='section']) {
+  padding-bottom: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-after-reserve, 0rem));
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::before,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::before,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
-  bottom: -2px;
+  top: 0;
+  transform: translateY(-50%);
+  z-index: 0;
+  height: var(--site-style-boundary-height);
+  background: var(--site-style-transition-from);
+  pointer-events: none;
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  transform: translateY(-50%);
   z-index: 1;
-  height: calc(6rem + 2px);
+  height: var(--site-style-boundary-height);
   pointer-events: none;
 }
 
@@ -30817,7 +30850,7 @@ ${selector} [data-style-group$='-to-brand-depth-band'] {
   --site-style-transition-to: rgb(var(--tb-primary-800));
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
   /* Fallback for browsers without color-mix(). */
   background: linear-gradient(
     to bottom,
@@ -30833,30 +30866,37 @@ ${selector} [data-block-transition][data-style-group^='site-style-transition-sof
   );
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade-long-']::after {
-  height: 10rem;
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-long-'] {
+  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-long")};
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade-expansive-']::after {
-  height: 14rem;
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-expansive-'] {
+  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-expansive")};
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after {
+  height: calc(var(--site-style-boundary-height) + 2px);
   background: var(--site-style-transition-to);
   clip-path: polygon(0 42%, 100% 8%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-subtle-']::after {
-  height: calc(4.5rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-'] {
+  --site-style-boundary-height: ${compactBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-']::after {
   clip-path: polygon(0 34%, 100% 18%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-steep-']::after {
-  height: calc(7rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-'] {
+  --site-style-boundary-height: ${largeBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-']::after {
   clip-path: polygon(0 54%, 100% 0%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after {
   background: var(--site-style-transition-to);
   mask-image: url("${classicWaveTransitionMask}");
   mask-repeat: no-repeat;
@@ -30866,28 +30906,39 @@ ${selector} [data-block-transition][data-style-group^='site-style-transition-wav
   -webkit-mask-size: 100% 100%;
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-balanced-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-balanced-']::after {
   mask-image: url("${balancedWaveTransitionMask}");
   -webkit-mask-image: url("${balancedWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-gentle-']::after {
-  height: calc(4.5rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-'] {
+  --site-style-boundary-height: ${compactBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-']::after {
   mask-image: url("${gentleWaveTransitionMask}");
   -webkit-mask-image: url("${gentleWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-bold-']::after {
-  height: calc(7rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-'] {
+  --site-style-boundary-height: ${largeBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-']::after {
   mask-image: url("${boldWaveTransitionMask}");
   -webkit-mask-image: url("${boldWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-drift-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-drift-']::after {
   mask-image: url("${driftWaveTransitionMask}");
   -webkit-mask-image: url("${driftWaveTransitionMask}");
 }`;
 }
+function requiredBoundaryHeightCss(transition) {
+	const metrics = boundaryRuntimeMetricsForTransition(transition);
+	if (!metrics) throw new Error(`Missing boundary runtime metrics for ${transition}`);
+	return metrics.heightCss;
+}
 function svgDataUrl(svg) {
 	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
 }
@@ -32821,7 +32872,7 @@ function hydrateValue(value, context) {
 			const resolvedItems = value.map((item) => hydrateValue(item, context));
 			return resolvedItems.every((item, index) => item === value[index]) ? value : resolvedItems;
 		}
-		if (isRecord$17(value)) {
+		if (isRecord$19(value)) {
 			if (isInternalLink(value)) return hydrateInternalLink(value, context.routes);
 			if (isPageLink(value)) return hydratePageLink(value, context);
 			if (isEntryLink(value)) return hydrateEntryLink(value, context);
@@ -33023,13 +33074,15 @@ function mergeBlockDescriptorsWithRegistry(systemBlocks, registry, onConflict) {
 }
 //#endregion
 //#region ../blocks/src/PageRenderer.tsx
-function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapBlock, registry, themeTokens: providedThemeTokens, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring }) {
+function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false, dataContext, wrapBlock, wrapBoundary, registry, themeTokens: providedThemeTokens, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring }) {
 	const imageResolveContext = React$1.useMemo(() => resolvePageRendererImageResolveContext(dataContext), [
 		dataContext?.imageResolveContext,
 		dataContext?.mediaAssets,
 		dataContext?.siteId,
 		dataContext?.supabaseUrl
 	]);
+	const boundaryByAdjacentBlockIds = React$1.useMemo(() => boundaryMapForAdjacentBlockIds(runtimeBoundaries ?? []), [runtimeBoundaries]);
+	const usesRuntimeBoundaries = runtimeBoundaries !== void 0;
 	if (!page || page.blocks.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "rb-p-6 rb-caption",
 		style: textColorStyle("mutedText"),
@@ -33041,6 +33094,17 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 	return /* @__PURE__ */ jsx("div", { children: page.blocks.map((block, index) => {
 		const blockPosition = pageBlockPosition(index, page.blocks.length);
 		const blockKey = block.id ?? `${block.kind}-${index}`;
+		const previousBlock = page.blocks[index - 1] ?? null;
+		const nextBlock = page.blocks[index + 1] ?? null;
+		const boundaryBefore = boundaryBetweenBlocks(previousBlock, block, boundaryByAdjacentBlockIds);
+		const boundaryAfter = boundaryBetweenBlocks(block, nextBlock, boundaryByAdjacentBlockIds);
+		const boundaryElement = renderBoundaryAfterBlock({
+			block,
+			nextBlock,
+			blockKey,
+			boundaryByAdjacentBlockIds,
+			wrapBoundary
+		});
 		const cleanKind = block.kind.replace(/^block\./, "");
 		const definition = getBlockDefinition(block.kind);
 		const managesOwnWrapper = definition?.manifest.behaviours?.managesOwnWrapper;
@@ -33063,10 +33127,18 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 			imageResolveContext,
 			previewAuthoring
 		};
-		if (!shouldUseWrapper) return /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps }, blockKey);
+		if (!shouldUseWrapper) {
+			const rendered = /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps }, `${blockKey}:block`);
+			return boundaryElement ? /* @__PURE__ */ jsxs(React$1.Fragment, { children: [rendered, boundaryElement] }, blockKey) : rendered;
+		}
 		const wrapperClassName = [`block-${cleanKind}`, wrapBlock ? "group relative" : null].filter(Boolean).join(" ");
 		const styleGroup = typeof renderableContent.styleGroup === "string" ? renderableContent.styleGroup : void 0;
 		const blockLook = typeof renderableContent.blockLook === "string" ? renderableContent.blockLook : void 0;
+		const transitionStyle = transitionCssVarsStyle(renderableContent);
+		const blockStyle = mergeStyleObjects(transitionStyle, boundaryReserveCssVarsStyle({
+			before: boundaryBefore,
+			after: boundaryAfter
+		}));
 		const blockElement = /* @__PURE__ */ jsx("div", {
 			className: wrapperClassName,
 			"data-block": cleanKind,
@@ -33076,21 +33148,92 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 			"data-block-variant": variantKey ?? void 0,
 			"data-block-look": blockLook,
 			"data-page-block-position": blockPosition,
+			"data-site-style-boundary-before": boundaryBefore?.metrics.size,
+			"data-site-style-boundary-after": boundaryAfter?.metrics.size,
 			"data-style-group": styleGroup,
+			style: blockStyle,
 			children: /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps })
 		}, blockKey);
-		if (!isSiteStyleTransitionStyleGroup(styleGroup)) return blockElement;
+		if (boundaryElement) return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [blockElement, boundaryElement] }, blockKey);
+		if (usesRuntimeBoundaries || !isSiteStyleTransitionStyleGroup(styleGroup)) return blockElement;
 		return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [blockElement, /* @__PURE__ */ jsx("div", {
 			"aria-hidden": "true",
 			"data-block-transition": "",
 			"data-block-transition-for": block.id ?? blockKey,
-			"data-style-group": styleGroup
+			"data-style-group": styleGroup,
+			style: transitionStyle
 		})] }, blockKey);
 	}) });
 }
 function isSiteStyleTransitionStyleGroup(value) {
 	return value?.startsWith("site-style-transition-") === true;
 }
+function boundaryMapForAdjacentBlockIds(boundaries) {
+	return new Map(boundaries.map((boundary) => [boundaryKey(boundary.previousBlockId, boundary.nextBlockId), boundary]));
+}
+function boundaryKey(previousBlockId, nextBlockId) {
+	return `${previousBlockId}\u0000${nextBlockId}`;
+}
+function boundaryBetweenBlocks(previousBlock, nextBlock, boundaryByAdjacentBlockIds) {
+	const previousBlockId = previousBlock?.id ?? null;
+	const nextBlockId = nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	return boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId)) ?? null;
+}
+function renderBoundaryAfterBlock(input) {
+	const previousBlockId = input.block.id;
+	const nextBlockId = input.nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	const boundary = input.boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId));
+	if (!boundary) return null;
+	const rendered = /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		"data-block-boundary": "",
+		"data-boundary-id": boundary.boundaryId,
+		"data-boundary-previous-block-id": boundary.previousBlockId,
+		"data-boundary-next-block-id": boundary.nextBlockId,
+		"data-style-group": boundary.styleGroup,
+		style: boundaryCssVarsStyle(boundary)
+	}, `${input.blockKey}:boundary`);
+	return input.wrapBoundary ? input.wrapBoundary(boundary, rendered) : rendered;
+}
+function boundaryCssVarsStyle(boundary) {
+	return {
+		"--site-style-transition-from": boundary.cssVars.from,
+		"--site-style-transition-to": boundary.cssVars.to
+	};
+}
+function boundaryReserveCssVarsStyle(input) {
+	const before = input.before ? boundaryReserveValueForTreatment(input.before) : null;
+	const after = input.after ? boundaryReserveValueForTreatment(input.after) : null;
+	if (!before && !after) return void 0;
+	return {
+		...before ? { "--site-style-boundary-before-reserve": before } : {},
+		...after ? { "--site-style-boundary-after-reserve": after } : {}
+	};
+}
+function boundaryReserveValueForTreatment(boundary) {
+	return boundary.metrics.reserveCss;
+}
+function transitionCssVarsStyle(content) {
+	const transitionStyles = isObjectRecord(content._transitionStyles) ? content._transitionStyles : null;
+	const cssVars = isObjectRecord(transitionStyles?.cssVars) ? transitionStyles.cssVars : null;
+	const from = typeof cssVars?.from === "string" ? cssVars.from : null;
+	const to = typeof cssVars?.to === "string" ? cssVars.to : null;
+	if (!from && !to) return void 0;
+	return {
+		...from ? { "--site-style-transition-from": from } : {},
+		...to ? { "--site-style-transition-to": to } : {}
+	};
+}
+function mergeStyleObjects(left, right) {
+	if (!left) return right;
+	if (!right) return left;
+	return {
+		...left,
+		...right
+	};
+}
 function pageBlockPosition(index, blockCount) {
 	if (blockCount <= 1) return "only";
 	if (index === 0) return "first";
@@ -35002,52 +35145,53 @@ const containerResponsiveThemeCss = `/*
 
   /* Semantic spacing tokens (replaces Tailwind maps in src/system/spacing.ts) */
   .rb-section-pad-none {
-    padding-top: 0;
-    padding-bottom: 0;
+    --rb-section-pad-y: 0rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-compact {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+    --rb-section-pad-y: 1.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-cozy {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+    --rb-section-pad-y: 2.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-medium {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    --rb-section-pad-y: 3rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-comfortable {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+    --rb-section-pad-y: 4rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-spacious {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+    --rb-section-pad-y: 5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
 
   @container rb-site (min-width: 640px) {
 
     @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
       .rb-section-pad-compact {
-        padding-top: 2rem;
-        padding-bottom: 2rem;
+        --rb-section-pad-y: 2rem;
       }
       .rb-section-pad-cozy {
-        padding-top: 3.5rem;
-        padding-bottom: 3.5rem;
+        --rb-section-pad-y: 3.5rem;
       }
       .rb-section-pad-medium {
-        padding-top: 4rem;
-        padding-bottom: 4rem;
+        --rb-section-pad-y: 4rem;
       }
       .rb-section-pad-comfortable {
-        padding-top: 5rem;
-        padding-bottom: 5rem;
+        --rb-section-pad-y: 5rem;
       }
       .rb-section-pad-spacious {
-        padding-top: 7rem;
-        padding-bottom: 7rem;
+        --rb-section-pad-y: 7rem;
       }
     }
 
@@ -36437,30 +36581,122 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
     line-height: 1.75rem;
+    margin-inline: -0.18em;
+    padding-inline: 0.18em;
     transition: font-size 300ms var(--motion-ease, ease);
   }
 
-  /* Mobile: reduce site title size (~30%) to keep header compact */
+  /* Centered variant uses larger title */
+  :where(.theme-scope) .header-variant-centered .header-logo-text {
+    font-size: 1.25rem; /* matches rb-text-xl */
+    line-height: 1.75rem;
+  }
+
+  :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+    font-size: 0.95rem;
+    line-height: 1.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+    font-size: 1.35rem;
+    line-height: 1.9rem;
+  }
+  :where(.theme-scope) .header-logo-size-display .header-logo-text {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+  }
+
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-compact
+    .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-standard
+    .header-logo-text {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-generous
+    .header-logo-text {
+    font-size: 1.6rem;
+    line-height: 2rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-display
+    .header-logo-text {
+    font-size: 2.1rem;
+    line-height: 2.5rem;
+  }
+
+  /* Mobile: reduce site title size to keep header compact */
   @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) .header-logo-text {
+:where(.theme-scope) .header-logo-text,
+    :where(.theme-scope) .header-logo-size-standard .header-logo-text {
       font-size: 0.8rem;
       line-height: 1.25rem;
     }
 
-    :where(.theme-scope) .header-variant-centered .header-logo-text {
+    :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+      font-size: 0.75rem;
+      line-height: 1.15rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+      font-size: 1rem;
+      line-height: 1.4rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display .header-logo-text {
+      font-size: 1.25rem;
+      line-height: 1.65rem;
+    }
+
+    :where(.theme-scope) .header-variant-centered .header-logo-text,
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-standard
+      .header-logo-text {
       font-size: 0.875rem;
       line-height: 1.25rem;
     }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-compact
+      .header-logo-text {
+      font-size: 0.8rem;
+      line-height: 1.2rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-generous
+      .header-logo-text {
+      font-size: 1.125rem;
+      line-height: 1.5rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-display
+      .header-logo-text {
+      font-size: 1.35rem;
+      line-height: 1.75rem;
+    }
 }
 }
 
-  /* Centered variant uses larger title */
-  :where(.theme-scope) .header-variant-centered .header-logo-text {
-    font-size: 1.25rem; /* matches rb-text-xl */
-    line-height: 1.75rem;
-  }
-
   /* =================================================================
    Shrink on Scroll - Logo & Title
    ================================================================= */
@@ -52801,7 +53037,7 @@ function asPositiveSeconds(value) {
 	if (!Number.isSafeInteger(value) || value <= 0) return err("not-positive-seconds");
 	return ok$1(value);
 }
-function isRecord$10(value) {
+function isRecord$12(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function parseFileKindJson(value) {
@@ -53022,7 +53258,7 @@ function parseEntitledCustomerAccessScopeJson(value) {
 	}
 }
 function requireRecord(value) {
-	if (!isRecord$10(value)) return err("expected-object");
+	if (!isRecord$12(value)) return err("expected-object");
 	return ok$1(value);
 }
 function requireString(value) {
@@ -53277,7 +53513,7 @@ const DEFAULT_MESSAGES = {
 	update: "Failed to update media asset",
 	delete: "Failed to delete media asset"
 };
-function isRecord$9(value) {
+function isRecord$11(value) {
 	return typeof value === "object" && value !== null;
 }
 const normalizeLabels = (labels) => labels !== void 0 && labels.length > 0 ? labels.map((label) => label.trim()).filter((label) => label.length > 0).join(",") : void 0;
@@ -53311,7 +53547,7 @@ const filterUpdatePayload = (input) => {
 	return payload;
 };
 const extractErrorMessage = (body) => {
-	if (!isRecord$9(body)) return typeof body === "string" && body.trim().length > 0 ? body : null;
+	if (!isRecord$11(body)) return typeof body === "string" && body.trim().length > 0 ? body : null;
 	for (const key of [
 		"error",
 		"message",
@@ -53324,11 +53560,11 @@ const extractErrorMessage = (body) => {
 	const details = body.details;
 	if (Array.isArray(details)) for (const entry of details) {
 		if (typeof entry === "string" && entry.trim().length > 0) return entry;
-		if (isRecord$9(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
+		if (isRecord$11(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
 	}
 	const errors = body.errors;
 	if (Array.isArray(errors)) {
-		for (const entry of errors) if (isRecord$9(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
+		for (const entry of errors) if (isRecord$11(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
 	}
 	return null;
 };
@@ -60691,11 +60927,14 @@ function buildPreviewDashboardSetupUrl(dashboardBaseUrl, handoff) {
 //#region ../preview-next/src/client/preview/sidebarTabPreference.ts
 const STORAGE_KEY = "preview-sidebar-tab";
 const REQUEST_EVENT = "riverbank:preview-sidebar:request-open";
+function normalizeOpenRequest(input) {
+	return parsePreviewSidebarOpenRequestDetail(typeof input === "string" ? { tab: input } : input);
+}
 function parsePreviewSidebarOpenRequestDetail(detail) {
-	const request = isRecord$8(detail) ? detail : {};
+	const request = isRecord$10(detail) ? detail : {};
 	return {
 		tab: resolvePreviewSidebarTab(request.tab === "assistant" ? "assistant" : "editor"),
-		...request.designRow === "header" || request.designRow === "footer" ? { designRow: request.designRow } : {}
+		...isPreviewDesignRow(request.designRow) ? { designRow: request.designRow } : {}
 	};
 }
 function getPreviewSidebarTab() {
@@ -60712,18 +60951,27 @@ function setPreviewSidebarTab(tab) {
 		window.localStorage.setItem(STORAGE_KEY, resolvePreviewSidebarTab(tab));
 	} catch {}
 }
+function requestPreviewSidebarOpen(input) {
+	if (typeof window === "undefined") return;
+	const request = normalizeOpenRequest(input);
+	setPreviewSidebarTab(request.tab);
+	window.dispatchEvent(new window.CustomEvent(REQUEST_EVENT, { detail: request }));
+}
 function onPreviewSidebarOpenRequest(handler) {
 	if (typeof window === "undefined") return () => void 0;
 	const listener = (event) => {
-		if (!(event instanceof CustomEvent)) return;
+		if (!("detail" in event)) return;
 		handler(parsePreviewSidebarOpenRequestDetail(event.detail));
 	};
 	window.addEventListener(REQUEST_EVENT, listener);
 	return () => window.removeEventListener(REQUEST_EVENT, listener);
 }
-function isRecord$8(value) {
+function isRecord$10(value) {
 	return typeof value === "object" && value !== null;
 }
+function isPreviewDesignRow(value) {
+	return value === "header" || value === "footer" || value === "header-layout" || value === "header-style" || value === "footer-layout";
+}
 //#endregion
 //#region ../preview-next/src/client/preview/previewChromeSurface.ts
 const PREVIEW_CHROME_THEME_CLASS_NAME = "builder-dashboard-chrome-theme";
@@ -60919,14 +61167,14 @@ function backgroundCapabilityFromModes(modeCapabilities) {
 	};
 }
 function parseBackgroundOverrideFromContent(content) {
-	return parseBackgroundOverride((isRecord$7(content._sectionStyles) ? content._sectionStyles : null)?.background);
+	return parseBackgroundOverride((isRecord$9(content._sectionStyles) ? content._sectionStyles : null)?.background);
 }
 function parseBackgroundOverride(value) {
 	if (value === null || value === void 0) return {
 		kind: "supported",
 		override: DEFAULT_BACKGROUND_OVERRIDE
 	};
-	if (!isRecord$7(value)) return {
+	if (!isRecord$9(value)) return {
 		kind: "legacy",
 		reason: "unsupported-shape",
 		background: {}
@@ -61042,7 +61290,7 @@ function serializeBackgroundOverride(override) {
 	}
 }
 function applyBackgroundOverrideContentPatch(content, override) {
-	const sectionStyles = isRecord$7(content._sectionStyles) ? content._sectionStyles : {};
+	const sectionStyles = isRecord$9(content._sectionStyles) ? content._sectionStyles : {};
 	const serialized = serializeBackgroundOverride(override);
 	if (serialized === null) return withSectionStyles(content, omitRecordKey$1(sectionStyles, "background"));
 	return withSectionStyles(content, {
@@ -61271,7 +61519,7 @@ function imageAllowed(mediaId, pool) {
 	return pool?.some((item) => item.mediaId === mediaId) ?? false;
 }
 function parseImageMediaAssetId(value) {
-	if (!isRecord$7(value)) return { kind: "missing" };
+	if (!isRecord$9(value)) return { kind: "missing" };
 	if (value.type !== void 0 && value.type !== "image") return { kind: "missing" };
 	const parsed = parseMediaAssetId(value.assetId);
 	if (!parsed.ok) return value.assetId === void 0 || value.assetId === null ? { kind: "missing" } : { kind: "invalid" };
@@ -61312,7 +61560,7 @@ function withSectionStyles(content, sectionStyles) {
 function omitRecordKey$1(content, key) {
 	return Object.fromEntries(Object.entries(content).filter(([entryKey]) => entryKey !== key));
 }
-function isRecord$7(value) {
+function isRecord$9(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -62109,8 +62357,8 @@ function contentWithPreviousLayoutVariant(currentContent, previousContent) {
 	return nextContent;
 }
 function contentWithPreviousBackground(currentContent, previousContent) {
-	const previousSectionStyles = isRecord$6(previousContent._sectionStyles) ? previousContent._sectionStyles : {};
-	const nextSectionStyles = { ...isRecord$6(currentContent._sectionStyles) ? currentContent._sectionStyles : {} };
+	const previousSectionStyles = isRecord$8(previousContent._sectionStyles) ? previousContent._sectionStyles : {};
+	const nextSectionStyles = { ...isRecord$8(currentContent._sectionStyles) ? currentContent._sectionStyles : {} };
 	if (Object.prototype.hasOwnProperty.call(previousSectionStyles, "background")) nextSectionStyles.background = previousSectionStyles.background;
 	else delete nextSectionStyles.background;
 	if (Object.keys(nextSectionStyles).length > 0) return {
@@ -62123,9 +62371,9 @@ function contentWithPreviousBackground(currentContent, previousContent) {
 }
 function withRuntimeBackgroundImageAsset(content, imageAsset) {
 	if (!imageAsset) return content;
-	const sectionStyles = isRecord$6(content._sectionStyles) ? content._sectionStyles : null;
-	const background = isRecord$6(sectionStyles?.background) ? sectionStyles.background : null;
-	const image = isRecord$6(background?.image) ? background.image : null;
+	const sectionStyles = isRecord$8(content._sectionStyles) ? content._sectionStyles : null;
+	const background = isRecord$8(sectionStyles?.background) ? sectionStyles.background : null;
+	const image = isRecord$8(background?.image) ? background.image : null;
 	if (!sectionStyles || !background || !image || background.type !== "image") return content;
 	return {
 		...content,
@@ -62138,7 +62386,7 @@ function withRuntimeBackgroundImageAsset(content, imageAsset) {
 		}
 	};
 }
-function isRecord$6(value) {
+function isRecord$8(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -62149,6 +62397,7 @@ function applyPreviewCustomizeDraftPatch(uiStore, patch, editorModel) {
 		targetBlockId: patch.blockId,
 		nextContent: patch.nextContent,
 		previousContent: patch.previousContent,
+		baselineEquivalentContent: null,
 		editorModel
 	});
 }
@@ -62161,19 +62410,20 @@ function rollbackPreviewCustomizeDraftPatch(uiStore, patch) {
 		targetBlockId: patch.blockId,
 		nextContent: patch.rollback(currentContent),
 		previousContent: patch.previousContent,
+		baselineEquivalentContent: patch.previousContent,
 		editorModel: null
 	});
 }
 function currentLocalBlockContent(uiStore, targetBlockId) {
 	const current = uiStore.getState().drafts.getCurrentValues(unsafeAsEditorBlockId(targetBlockId));
-	return isRecord$5(current) ? current : null;
+	return isRecord$7(current) ? current : null;
 }
 function replaceLocalBlockContentWithoutHistory(input) {
 	const editorBlockId = unsafeAsEditorBlockId(input.targetBlockId);
 	const history = input.uiStore.getState().history;
 	const snapshot = history.getState().present;
 	const draft = snapshot.drafts[editorBlockId];
-	const nextDraft = draft ? applyDraftContentPatch(draft, input.nextContent) : localRuntimeDraftForBlock({
+	const nextDraft = draft ? applyDraftContentPatch(draft, input.nextContent, input.baselineEquivalentContent) : localRuntimeDraftForBlock({
 		editorBlockId,
 		targetBlockId: input.targetBlockId,
 		editorModel: input.editorModel,
@@ -62190,11 +62440,15 @@ function replaceLocalBlockContentWithoutHistory(input) {
 	});
 	return { kind: "applied" };
 }
-function applyDraftContentPatch(draft, nextContent) {
+function applyDraftContentPatch(draft, nextContent, baselineEquivalentContent) {
+	const nextValues = unsafeAsEditorBlockValues(nextContent);
+	const baselineEquivalentValues = baselineEquivalentContent ? unsafeAsEditorBlockValues(baselineEquivalentContent) : null;
+	const current = baselineEquivalentValues && recordsEqual(nextValues, baselineEquivalentValues) ? draft.baseline : nextValues;
 	return {
 		...draft,
 		version: draft.version + 1,
-		current: unsafeAsEditorBlockValues(nextContent)
+		current,
+		syncState: recordsEqual(draft.baseline, current) ? { kind: "baseline" } : { kind: "pending" }
 	};
 }
 function localRuntimeDraftForBlock(input) {
@@ -62214,7 +62468,7 @@ function localRuntimeDraftForBlock(input) {
 		}
 	};
 }
-function isRecord$5(value) {
+function isRecord$7(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -63043,25 +63297,25 @@ const INITIAL_ONBOARDING_CONFIRMATION_STATE = {
 	resendFeedback: null,
 	statusLoadFailed: false
 };
-function isRecord$4(value) {
+function isRecord$6(value) {
 	return value !== null && typeof value === "object";
 }
 function getErrorMessageFromEnvelope(payload, fallback) {
-	const error = isRecord$4(payload) ? payload.error : null;
-	const message = isRecord$4(error) ? error.message : null;
+	const error = isRecord$6(payload) ? payload.error : null;
+	const message = isRecord$6(error) ? error.message : null;
 	return typeof message === "string" && message.trim().length > 0 ? message : fallback;
 }
 function isLaunchReadiness(value) {
-	return isRecord$4(value) && Array.isArray(value.requirements) && typeof value.pendingRequiredCount === "number" && typeof value.pendingRecommendedCount === "number" && typeof value.pendingOptionalCount === "number" && isRecord$4(value.goLiveDecision) && (value.goLiveDecision.kind === "allowed" || value.goLiveDecision.kind === "blocked");
+	return isRecord$6(value) && Array.isArray(value.requirements) && typeof value.pendingRequiredCount === "number" && typeof value.pendingRecommendedCount === "number" && typeof value.pendingOptionalCount === "number" && isRecord$6(value.goLiveDecision) && (value.goLiveDecision.kind === "allowed" || value.goLiveDecision.kind === "blocked");
 }
 function isOnboardingPreviewStatusResponse(value) {
-	return isRecord$4(value) && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
+	return isRecord$6(value) && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
 }
 function isResendOnboardingPreviewConfirmationResponse(value) {
-	return isRecord$4(value) && (value.result === "resent" || value.result === "already_confirmed") && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
+	return isRecord$6(value) && (value.result === "resent" || value.result === "already_confirmed") && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
 }
 function getSuccessData(payload, isData) {
-	if (!isRecord$4(payload) || payload.success !== true || !isData(payload.data)) return null;
+	if (!isRecord$6(payload) || payload.success !== true || !isData(payload.data)) return null;
 	return payload.data;
 }
 function useOnboardingConfirmationCheck(input) {
@@ -63579,12 +63833,14 @@ function PreviewChromeLayerProvider({ children }) {
 function usePreviewChromeLayerOptional() {
 	return useContext(PreviewChromeLayerContext);
 }
-function PreviewChromeFloatingControl({ anchorSelector, placement, fallbackClassName, fallbackStyle, portalClassName = "absolute z-[70] flex gap-1 transition", forceVisible = false, children }) {
+function PreviewChromeFloatingControl({ anchorSelector, anchorTargetSelector, placement, fallbackClassName, fallbackStyle, portalClassName = "absolute z-[70] flex gap-1 transition", forceVisible = false, children }) {
 	const layer = usePreviewChromeLayerOptional();
 	const probeRef = useRef(null);
 	const anchorElementRef = useRef(null);
+	const anchorTargetElementRef = useRef(null);
 	const [controlElement, setControlElement] = useState(null);
 	const [anchorElement, setAnchorElement] = useState(null);
+	const [anchorTargetElement, setAnchorTargetElement] = useState(null);
 	const [anchorBox, setAnchorBox] = useState(null);
 	const [themeCustomProperties, setThemeCustomProperties] = useState({});
 	const [isActive, setIsActive] = useState(false);
@@ -63594,18 +63850,30 @@ function PreviewChromeFloatingControl({ anchorSelector, placement, fallbackClass
 	});
 	useEffect(() => {
 		if (!layer?.portalTarget) return;
-		let resizeObserver = null;
+		let anchorResizeObserver = null;
+		let targetResizeObserver = null;
 		const readAnchor = () => probeRef.current?.closest(anchorSelector);
 		const update = () => {
 			const anchor = readAnchor();
+			const anchorTarget = resolveAnchorTarget(anchor, anchorTargetSelector);
 			if (anchor !== anchorElementRef.current) {
-				resizeObserver?.disconnect();
-				resizeObserver = null;
+				anchorResizeObserver?.disconnect();
+				anchorResizeObserver = null;
 				anchorElementRef.current = anchor;
 				setAnchorElement(anchor);
 				if (anchor && typeof ResizeObserver !== "undefined") {
-					resizeObserver = new ResizeObserver(update);
-					resizeObserver.observe(anchor);
+					anchorResizeObserver = new ResizeObserver(update);
+					anchorResizeObserver.observe(anchor);
+				}
+			}
+			if (anchorTarget !== anchorTargetElementRef.current) {
+				targetResizeObserver?.disconnect();
+				targetResizeObserver = null;
+				anchorTargetElementRef.current = anchorTarget;
+				setAnchorTargetElement(anchorTarget);
+				if (anchorTarget && anchorTarget !== anchor && typeof ResizeObserver !== "undefined") {
+					targetResizeObserver = new ResizeObserver(update);
+					targetResizeObserver.observe(anchorTarget);
 				}
 			}
 			if (!anchor) {
@@ -63613,7 +63881,7 @@ function PreviewChromeFloatingControl({ anchorSelector, placement, fallbackClass
 				setThemeCustomProperties({});
 				return;
 			}
-			const rect = anchor.getBoundingClientRect();
+			const rect = (anchorTarget ?? anchor).getBoundingClientRect();
 			setThemeCustomProperties(readThemeCustomProperties(anchor));
 			setAnchorBox({
 				top: rect.top,
@@ -63625,48 +63893,59 @@ function PreviewChromeFloatingControl({ anchorSelector, placement, fallbackClass
 		update();
 		const unsubscribe = layer.subscribeLayout(update);
 		return () => {
-			resizeObserver?.disconnect();
+			anchorResizeObserver?.disconnect();
+			targetResizeObserver?.disconnect();
 			anchorElementRef.current = null;
+			anchorTargetElementRef.current = null;
 			unsubscribe();
 		};
-	}, [anchorSelector, layer]);
+	}, [
+		anchorSelector,
+		anchorTargetSelector,
+		layer
+	]);
 	useEffect(() => {
-		if (!anchorElement || !controlElement) return;
+		const hoverAnchorElement = anchorTargetElement ?? anchorElement;
+		if (!anchorElement || !hoverAnchorElement || !controlElement) return;
 		hoverStateRef.current = {
 			anchor: false,
 			control: false
 		};
 		const show = (event) => {
-			updatePreviewChromeHoverState(hoverStateRef.current, event.currentTarget, anchorElement, controlElement, true);
+			updatePreviewChromeHoverState(hoverStateRef.current, event.currentTarget, hoverAnchorElement, controlElement, true);
 			setIsActive(true);
 		};
 		const hideIfFocusLeft = (event) => {
-			updatePreviewChromeHoverState(hoverStateRef.current, event.currentTarget, anchorElement, controlElement, false);
+			updatePreviewChromeHoverState(hoverStateRef.current, event.currentTarget, hoverAnchorElement, controlElement, false);
 			window.setTimeout(() => {
 				const active = document.activeElement;
 				const hoverState = hoverStateRef.current;
-				setIsActive(Boolean(hoverState.anchor || hoverState.control || active && (anchorElement.contains(active) || controlElement.contains(active))));
+				setIsActive(Boolean(hoverState.anchor || hoverState.control || active && (hoverAnchorElement.contains(active) || controlElement.contains(active))));
 			}, 0);
 		};
-		anchorElement.addEventListener("mouseenter", show);
-		anchorElement.addEventListener("mouseleave", hideIfFocusLeft);
-		anchorElement.addEventListener("focusin", show);
-		anchorElement.addEventListener("focusout", hideIfFocusLeft);
+		hoverAnchorElement.addEventListener("mouseenter", show);
+		hoverAnchorElement.addEventListener("mouseleave", hideIfFocusLeft);
+		hoverAnchorElement.addEventListener("focusin", show);
+		hoverAnchorElement.addEventListener("focusout", hideIfFocusLeft);
 		controlElement.addEventListener("mouseenter", show);
 		controlElement.addEventListener("mouseleave", hideIfFocusLeft);
 		controlElement.addEventListener("focusin", show);
 		controlElement.addEventListener("focusout", hideIfFocusLeft);
 		return () => {
-			anchorElement.removeEventListener("mouseenter", show);
-			anchorElement.removeEventListener("mouseleave", hideIfFocusLeft);
-			anchorElement.removeEventListener("focusin", show);
-			anchorElement.removeEventListener("focusout", hideIfFocusLeft);
+			hoverAnchorElement.removeEventListener("mouseenter", show);
+			hoverAnchorElement.removeEventListener("mouseleave", hideIfFocusLeft);
+			hoverAnchorElement.removeEventListener("focusin", show);
+			hoverAnchorElement.removeEventListener("focusout", hideIfFocusLeft);
 			controlElement.removeEventListener("mouseenter", show);
 			controlElement.removeEventListener("mouseleave", hideIfFocusLeft);
 			controlElement.removeEventListener("focusin", show);
 			controlElement.removeEventListener("focusout", hideIfFocusLeft);
 		};
-	}, [anchorElement, controlElement]);
+	}, [
+		anchorElement,
+		anchorTargetElement,
+		controlElement
+	]);
 	if (!layer?.portalTarget) return /* @__PURE__ */ jsx("div", {
 		className: fallbackClassName,
 		style: fallbackStyle,
@@ -63702,6 +63981,17 @@ function readThemeCustomProperties(element) {
 	for (let current = element; current; current = current.parentElement) copyThemeCustomProperties(current.style, properties);
 	return properties;
 }
+function resolveAnchorTarget(anchor, selector) {
+	if (!anchor) return null;
+	if (!selector) return anchor;
+	return Array.from(anchor.querySelectorAll(selector)).find(isUsableElementBox) ?? anchor;
+}
+function isUsableElementBox(element) {
+	const rect = element.getBoundingClientRect();
+	if (!Number.isFinite(rect.top) || !Number.isFinite(rect.right) || !Number.isFinite(rect.bottom) || !Number.isFinite(rect.height) || rect.height <= 0) return false;
+	if (typeof window === "undefined") return true;
+	return window.getComputedStyle(element).display !== "none";
+}
 function copyThemeCustomProperties(style, target) {
 	for (let index = 0; index < style.length; index += 1) {
 		const propertyName = style.item(index);
@@ -63947,6 +64237,84 @@ function cycleAvailabilityFromFlags(input) {
 	return { kind: "available" };
 }
 //#endregion
+//#region ../preview-next/src/client/preview/CustomizeColorTokenPicker.tsx
+function CustomizeColorTokenPicker({ title, selectedToken, recommendedTokens, advancedTokens = [], disabled = false, columnsClassName = "grid-cols-2", showTitle = true, labelForToken, swatchColorForToken, onChooseToken }) {
+	if (recommendedTokens.length === 0 && advancedTokens.length === 0) return null;
+	const renderGrid = (tokens) => /* @__PURE__ */ jsx("div", {
+		className: `grid gap-1 ${columnsClassName}`,
+		children: tokens.map((token) => /* @__PURE__ */ jsx(ColorTokenButton, {
+			token,
+			label: labelForToken(token),
+			swatchColor: swatchColorForToken(token),
+			selected: selectedToken === token,
+			disabled,
+			onClick: (event) => onChooseToken(token, event)
+		}, token))
+	});
+	return /* @__PURE__ */ jsxs("div", { children: [
+		showTitle ? /* @__PURE__ */ jsx("div", {
+			className: "mb-1 text-xs font-medium text-muted-foreground",
+			children: title
+		}) : null,
+		renderGrid(recommendedTokens),
+		advancedTokens.length > 0 ? /* @__PURE__ */ jsxs("details", {
+			className: "mt-1",
+			children: [/* @__PURE__ */ jsx("summary", {
+				className: "cursor-pointer text-xs text-muted-foreground",
+				children: "More colors"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-1",
+				children: renderGrid(advancedTokens)
+			})]
+		}) : null
+	] });
+}
+function CustomizeBackgroundColorPicker({ title = "Colors", selectedToken, recommendedTokens, advancedTokens = [], disabled = false, columnsClassName = "grid-cols-2", defaultSelected = false, defaultLabel = "Default", labelForToken, swatchColorForToken, onChooseDefault, onChooseToken }) {
+	const hasTokens = recommendedTokens.length > 0 || advancedTokens.length > 0;
+	if (!onChooseDefault && !hasTokens) return null;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "mb-2 flex items-center justify-between gap-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: title
+		}), onChooseDefault ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `rounded-md border px-2 py-1 text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${defaultSelected ? "border-foreground" : "bg-background"}`,
+			disabled,
+			onClick: onChooseDefault,
+			children: defaultLabel
+		}) : null]
+	}), hasTokens ? /* @__PURE__ */ jsx(CustomizeColorTokenPicker, {
+		title,
+		selectedToken,
+		recommendedTokens,
+		advancedTokens,
+		disabled,
+		columnsClassName,
+		labelForToken,
+		swatchColorForToken,
+		onChooseToken,
+		showTitle: false
+	}) : null] });
+}
+function ColorTokenButton({ token, label, swatchColor, selected, disabled, onClick }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${selected ? "border-foreground" : "bg-background"}`,
+		disabled,
+		"aria-label": `Choose ${label}`,
+		onClick,
+		"data-token": token,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "h-3 w-3 shrink-0 rounded-full border",
+			style: { backgroundColor: swatchColor }
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		})]
+	});
+}
+//#endregion
 //#region ../preview-next/src/client/preview/SiteChromeCustomizeButton.tsx
 function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-events-auto absolute right-2 top-2 z-50 opacity-0 transition group-focus-within/site-chrome:opacity-100 group-hover/site-chrome:opacity-100" }) {
 	const customize = useSiteChromeCustomizeOptional();
@@ -64018,6 +64386,7 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 	]);
 	return /* @__PURE__ */ jsxs(PreviewChromeFloatingControl, {
 		anchorSelector: "[data-preview-site-chrome-surface]",
+		anchorTargetSelector: surface === "header" ? SITE_CHROME_VISIBLE_HEADER_SELECTOR : void 0,
 		placement: (anchorBox) => planSiteChromeCustomizePlacement({
 			surface,
 			anchorBox
@@ -64045,7 +64414,6 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 			children: [
 				controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
 				background?.available ? /* @__PURE__ */ jsx(SiteChromeBackgroundPalette, {
-					surface: surfaceState.surface,
 					background,
 					applyAllowed: surfaceState.applyAllowed,
 					onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
@@ -64070,7 +64438,7 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 						})]
 					}), /* @__PURE__ */ jsxs("label", {
 						className: "block text-xs font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ jsx("span", { children: "Logo size" }), /* @__PURE__ */ jsx("select", {
+						children: [/* @__PURE__ */ jsx("span", { children: surfaceState.brandSizeLabel }), /* @__PURE__ */ jsx("select", {
 							className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
 							value: surfaceState.logoSize,
 							onChange: (event) => {
@@ -64085,6 +64453,23 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 						})]
 					})]
 				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "border-t pt-2",
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "w-full rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-muted",
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							requestPreviewSidebarOpen({
+								tab: "editor",
+								designRow: surfaceState.surface === "header" ? "header-style" : "footer"
+							});
+							popover.close();
+						},
+						children: "More options"
+					})
+				}),
 				surfaceState.diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", {
 					className: "space-y-1 text-xs text-amber-700",
 					children: surfaceState.diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic))
@@ -64165,77 +64550,32 @@ function chooseSiteChromeCustomizePopoverSide(input) {
 	if (measuredPanelHeight <= availableBelow) return "below";
 	return availableAbove > availableBelow ? "above" : "below";
 }
-function SiteChromeBackgroundPalette({ surface, background, applyAllowed, onChoose }) {
+function SiteChromeBackgroundPalette({ background, applyAllowed, onChoose }) {
 	const choose = (override) => (event) => {
 		event.preventDefault();
 		event.stopPropagation();
 		onChoose(override);
 	};
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		className: "border-t pt-3",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-2 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "text-xs font-medium text-muted-foreground",
-					children: "Background colors"
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: `rounded-md border px-2 py-1 text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${background.current.kind === "default" ? "border-foreground" : "bg-background"}`,
-					disabled: !applyAllowed,
-					onClick: choose({ kind: "default" }),
-					children: "Default"
-				})]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "grid grid-cols-3 gap-1",
-				children: background.quickTokens.map((token) => /* @__PURE__ */ jsx(BackgroundSwatchButton, {
-					token,
-					surface,
-					selected: background.current.kind === "color" && background.current.token === token,
-					disabled: !applyAllowed,
-					onClick: choose({
-						kind: "color",
-						token
-					})
-				}, token))
-			}),
-			background.advancedTokens.length ? /* @__PURE__ */ jsxs("details", {
-				className: "mt-2",
-				children: [/* @__PURE__ */ jsx("summary", {
-					className: "cursor-pointer text-xs text-muted-foreground",
-					children: "More colors"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "mt-1 grid grid-cols-3 gap-1",
-					children: background.advancedTokens.map((token) => /* @__PURE__ */ jsx(BackgroundSwatchButton, {
-						token,
-						surface,
-						selected: background.current.kind === "color" && background.current.token === token,
-						disabled: !applyAllowed,
-						onClick: choose({
-							kind: "color",
-							token
-						})
-					}, token))
-				})]
-			}) : null
-		]
-	});
-}
-function BackgroundSwatchButton({ token, surface, selected, disabled, onClick }) {
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${selected ? "border-foreground" : "bg-background"}`,
-		disabled,
-		"aria-label": `Set ${surface} background to ${token}`,
-		onClick,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "h-3 w-3 shrink-0 rounded-full border",
-			style: { backgroundColor: tokenSwatchCss$1(token) }
-		}), /* @__PURE__ */ jsx("span", {
-			className: "truncate",
-			children: formatSiteChromeBackgroundTokenLabel(token)
-		})]
+		children: /* @__PURE__ */ jsx(CustomizeBackgroundColorPicker, {
+			title: "Background colors",
+			defaultSelected: background.current.kind === "default",
+			onChooseDefault: choose({ kind: "default" }),
+			selectedToken: background.current.kind === "color" ? background.current.token : null,
+			recommendedTokens: background.quickTokens,
+			advancedTokens: background.advancedTokens,
+			disabled: !applyAllowed,
+			columnsClassName: "grid-cols-3",
+			labelForToken: formatSiteChromeBackgroundTokenLabel,
+			swatchColorForToken: tokenSwatchCss$1,
+			onChooseToken: (token, event) => {
+				choose({
+					kind: "color",
+					token
+				})(event);
+			}
+		})
 	});
 }
 function tokenSwatchCss$1(token) {
@@ -64507,10 +64847,10 @@ function LinkedEntryEditEventBridge() {
 //#region ../preview-next/src/client/preview/PreviewShellLayout.tsx
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-DBpy0KTh.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-DkNpCPja.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-Fg6I2R2T.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DeNKtqk3.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
@@ -64905,11 +65245,11 @@ function defaultDesignEditorEligibility(input) {
 //#region ../preview-next/src/client/utils/path.ts
 const PATH_SEPARATOR_REGEX = /\./g;
 const BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
-function isRecord$3(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$3(value);
+	return Array.isArray(value) || isRecord$5(value);
 }
 function createPathContainer(nextIsIndex) {
 	return nextIsIndex ? [] : {};
@@ -65062,25 +65402,33 @@ function cloneRecord(value) {
 //#endregion
 //#region ../preview-next/src/client/blocks/previewProjection/runtimeContentDecoration.ts
 function runtimeContentDecorationProjectionFromEditorModel(editorModel, surfaceResolutionContext, designRules) {
+	const compiled = compileEditorModelRuntime({
+		editorModel,
+		surfaceResolutionContext,
+		designRules
+	});
 	return {
 		kind: "runtime-content-decoration",
 		source: "page-design",
-		fieldsByBlockId: buildEditorModelRuntimeFieldsByBlockId({
-			editorModel,
-			surfaceResolutionContext,
-			designRules
-		})
+		fieldsByBlockId: runtimeFieldsByBlockId(compiled.blocks),
+		boundaries: compiled.boundaries
 	};
 }
-function applyRuntimeContentDecorationProjection(block, content, projection) {
+function runtimeFieldsByBlockId(blocks) {
+	return new Map(blocks.map((block) => [block.blockId, block.fields]));
+}
+function applyRuntimeContentDecorationProjection(block, content, projection, adjacency) {
 	const blockId = designBlockIdFromBlockItem(block);
-	const fields = blockId ? projection.fieldsByBlockId.get(blockId) : void 0;
-	return applyCompiledRuntimeFieldsToContent(isRecord$2(content) ? content : {}, fields);
+	const retargetedFields = retargetCompiledRuntimeFieldsForContentAdjacency(blockId ? projection.fieldsByBlockId.get(blockId) : void 0, {
+		currentContent: isRecord$4(content) ? content : null,
+		nextContent: adjacency?.nextContent
+	});
+	return applyCompiledRuntimeFieldsToContent(isRecord$4(content) ? content : {}, retargetedFields);
 }
 function designBlockIdFromBlockItem(block) {
 	return typeof block.id === "string" && block.id.length > 0 ? asDesignBlockId(block.id) : null;
 }
-function isRecord$2(value) {
+function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -65097,10 +65445,10 @@ function applyPreviewContentFieldProjections(blockId, content, projections) {
 		return applyContentFieldOverrideProjection(blockId, current, projection);
 	}, content);
 }
-function applyPreviewRuntimeContentProjections(block, content, projections) {
+function applyPreviewRuntimeContentProjections(block, content, projections, adjacency) {
 	return projections.reduce((current, projection) => {
 		if (projection.kind !== "runtime-content-decoration") return current;
-		return applyRuntimeContentDecorationProjection(block, current, projection);
+		return applyRuntimeContentDecorationProjection(block, current, projection, adjacency);
 	}, content);
 }
 function blockHasPreviewContentFieldProjection(blockId, projections) {
@@ -65131,7 +65479,7 @@ function overlayValue(value, overlays) {
 		});
 		return changed ? next : value;
 	}
-	if (!isRecord$1(value)) return value;
+	if (!isRecord$3(value)) return value;
 	const meta = parseLinkedEntryMeta(value[LINKED_CONTENT_ENTRY_META_KEY]);
 	if (meta) {
 		const overlay = overlays.get(unsafeAsLinkedContentEntryId(meta.entryId));
@@ -65197,7 +65545,7 @@ function resolveOverlayTitle(content, meta) {
 function parseLinkedEntryMeta(value) {
 	return getLinkedContentEntryMeta({ [LINKED_CONTENT_ENTRY_META_KEY]: value });
 }
-function isRecord$1(value) {
+function isRecord$3(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -65207,26 +65555,42 @@ function getDraftSnapshots(uiStore) {
 	const snapshots = uiStore.getState().drafts.inspect();
 	return new Map(snapshots.map((snap) => [snap.id, snap]));
 }
-function mergeBlockWithDraft(block, draftMap, index, projections = [], linkedEntryOverlays = EMPTY_LINKED_ENTRY_OVERLAY) {
+function mergeBlockWithDraft(block, draftMap, index, projections = [], linkedEntryOverlays = EMPTY_LINKED_ENTRY_OVERLAY, nextBlock = null) {
 	const id = block.id ?? null;
 	const editorBlockId = id ? unsafeAsEditorBlockId(id) : null;
 	const snap = editorBlockId ? draftMap.get(editorBlockId) ?? null : null;
-	const rawDraft = snap?.current ?? null;
-	const draftContent = editorBlockId ? applyPreviewContentFieldProjections(editorBlockId, rawDraft, projections) : rawDraft;
+	const draftContent = editorBlockId ? readProjectedDraftRenderContent(block, editorBlockId, snap, projections) : null;
 	const baseline = snap?.baseline ?? block.content ?? block.publishedContent ?? null;
+	const nextContent = nextBlock ? readBlockRenderContents(nextBlock, draftMap, projections) : null;
 	return {
 		id,
 		kind: block.kind,
 		purpose: "content",
 		orderIndex: block.orderIndex ?? index,
-		content: renderContent(block, baseline, projections, linkedEntryOverlays),
-		draftContent: renderContent(block, draftContent, projections, linkedEntryOverlays),
-		publishedContent: renderContent(block, block.publishedContent ?? null, projections, EMPTY_LINKED_ENTRY_OVERLAY),
+		content: renderContent(block, baseline, projections, linkedEntryOverlays, nextContent?.baseline ?? null),
+		draftContent: renderContent(block, draftContent, projections, linkedEntryOverlays, nextContent?.draft ?? null),
+		publishedContent: renderContent(block, block.publishedContent ?? null, projections, EMPTY_LINKED_ENTRY_OVERLAY, nextContent?.published ?? null),
 		bindings: block.bindings ?? null
 	};
 }
-function renderContent(block, content, projections, linkedEntryOverlays) {
-	return applyPreviewRuntimeContentProjections(block, applyLinkedEntryRenderOverlay(content, linkedEntryOverlays), projections);
+function readBlockRenderContents(block, draftMap, projections) {
+	const id = block.id ?? null;
+	const editorBlockId = id ? unsafeAsEditorBlockId(id) : null;
+	const snap = editorBlockId ? draftMap.get(editorBlockId) ?? null : null;
+	return {
+		baseline: snap?.baseline ?? block.content ?? block.publishedContent ?? null,
+		draft: editorBlockId ? readProjectedDraftRenderContent(block, editorBlockId, snap, projections) : null,
+		published: block.publishedContent ?? null
+	};
+}
+function readProjectedDraftRenderContent(block, editorBlockId, snap, projections) {
+	return applyPreviewContentFieldProjections(editorBlockId, snap?.current ?? snap?.baseline ?? block.content ?? block.publishedContent ?? null, projections);
+}
+function renderContent(block, content, projections, linkedEntryOverlays, nextContent) {
+	return applyPreviewRuntimeContentProjections(block, applyLinkedEntryRenderOverlay(content, linkedEntryOverlays), projections, { nextContent: isRecord$2(nextContent) ? nextContent : null });
+}
+function isRecord$2(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/composer/transformBlock.ts
@@ -65284,7 +65648,8 @@ function composePreviewRenderPage(args, cacheRef) {
 	if (!page) return page;
 	if (!blockItems.length) return page;
 	const draftMap = draftSnapshotMap(draftSnapshots);
-	const renderedBlocks = applyCacheOptimization([...applyPreviewStructureProjections(blockItems, projections).map((block, index) => mergeBlockWithDraft(block, draftMap, index, projections, linkedEntryOverlays))].sort((a, b) => (a.orderIndex ?? 0) - (b.orderIndex ?? 0)), cacheRef);
+	const projectedBlockItems = applyPreviewStructureProjections(blockItems, projections);
+	const renderedBlocks = applyCacheOptimization([...projectedBlockItems.map((block, index) => mergeBlockWithDraft(block, draftMap, index, projections, linkedEntryOverlays, projectedBlockItems[index + 1] ?? null))].sort((a, b) => (a.orderIndex ?? 0) - (b.orderIndex ?? 0)), cacheRef);
 	return {
 		...page,
 		blocks: renderedBlocks
@@ -65439,7 +65804,7 @@ const editorRegistry = {
 };
 //#endregion
 //#region ../preview-next/src/client/blocks/isRecord.ts
-function isRecord(value) {
+function isRecord$1(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -65613,7 +65978,7 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 	const uiStore = useEditorUiStoreInstance();
 	const editorBlockId = useMemo(() => unsafeAsEditorBlockId(blockId), [blockId]);
 	const draftContent = useEditorUiStore((state) => state.drafts.getCurrentValues(editorBlockId));
-	const customizeContent = useMemo(() => isRecord(draftContent) ? draftContent : content, [content, draftContent]);
+	const customizeContent = useMemo(() => isRecord$1(draftContent) ? draftContent : content, [content, draftContent]);
 	const customizeSelection = usePreviewBlockCustomizeSelectionOptional();
 	const popover = useCustomizePopoverController();
 	const focusTarget = useMemo(() => computeDefaultFocus(blockKind, customizeContent), [blockKind, customizeContent]);
@@ -66030,54 +66395,22 @@ function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
 		}, { selectedImage });
 		setMediaPickerOpenKey(0);
 	};
-	const renderColorOptions = () => recommendedTokens.length || advancedTokens.length ? /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: "mb-1 text-xs font-medium text-muted-foreground",
-			children: "Colors"
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-2 gap-1",
-			children: recommendedTokens.map((token) => /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted ${current.kind === "color" && current.token === token ? "border-foreground" : "bg-background"}`,
-				onClick: chooseFromClick({
-					kind: "color",
-					token
-				}),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "h-3 w-3 shrink-0 rounded-full border",
-					style: { backgroundColor: tokenSwatchCss(token) }
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: formatTokenLabel(token)
-				})]
-			}, token))
-		}),
-		advancedTokens.length ? /* @__PURE__ */ jsxs("details", {
-			className: "mt-1",
-			children: [/* @__PURE__ */ jsx("summary", {
-				className: "cursor-pointer text-xs text-muted-foreground",
-				children: "More colors"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "mt-1 grid grid-cols-2 gap-1",
-				children: advancedTokens.map((token) => /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted ${current.kind === "color" && current.token === token ? "border-foreground" : "bg-background"}`,
-					onClick: chooseFromClick({
-						kind: "color",
-						token
-					}),
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "h-3 w-3 shrink-0 rounded-full border",
-						style: { backgroundColor: tokenSwatchCss(token) }
-					}), /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: formatTokenLabel(token)
-					})]
-				}, token))
-			})]
-		}) : null
-	] }) : null;
+	const renderColorOptions = () => /* @__PURE__ */ jsx(CustomizeBackgroundColorPicker, {
+		title: "Colors",
+		selectedToken: current.kind === "color" ? current.token : null,
+		recommendedTokens,
+		advancedTokens,
+		defaultSelected: current.kind === "default",
+		onChooseDefault: capability.modes.includes("default") ? chooseFromClick(defaultBackgroundOverrideForMode("default", capability)) : void 0,
+		labelForToken: formatTokenLabel,
+		swatchColorForToken: tokenSwatchCss,
+		onChooseToken: (token, event) => {
+			chooseFromClick({
+				kind: "color",
+				token
+			})(event);
+		}
+	});
 	const renderGradientOptions = () => capability.gradientIds?.length ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 		className: "mb-1 text-xs font-medium text-muted-foreground",
 		children: "Gradients"
@@ -66182,16 +66515,7 @@ function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mt-2 max-h-80 overflow-y-auto rounded-md border bg-muted/20 p-2",
 		children: [
-			current.kind === "default" ? /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: "flex w-full items-center gap-2 rounded-md border border-foreground bg-background px-2 py-1 text-left text-xs",
-				onClick: chooseFromClick(defaultBackgroundOverrideForMode("default", capability)),
-				children: [/* @__PURE__ */ jsx(BackgroundPreviewSwatch, {
-					override: current,
-					imagePool: images
-				}), /* @__PURE__ */ jsx("span", { children: "Default background" })]
-			}) : null,
-			current.kind === "color" ? renderColorOptions() : null,
+			current.kind === "default" || current.kind === "color" ? renderColorOptions() : null,
 			current.kind === "gradient" ? renderGradientOptions() : null,
 			current.kind === "image" ? renderImageOptions() : null
 		]
@@ -66219,13 +66543,13 @@ function findFirstFieldPath(fields, data, prefix) {
 		if (Array.isArray(field.visibleRoles) && !field.visibleRoles.includes("author")) continue;
 		const nextPrefix = [...prefix, field.id];
 		if (field.type === "group") {
-			const groupValue = isRecord(data) ? data[field.id] : void 0;
+			const groupValue = isRecord$1(data) ? data[field.id] : void 0;
 			const nested = findFirstFieldPath(field.schema.fields, groupValue, nextPrefix);
 			if (nested) return nested;
 			continue;
 		}
 		if (field.type === "repeater" && field.schema) {
-			const collection = isRecord(data) ? data[field.id] : void 0;
+			const collection = isRecord$1(data) ? data[field.id] : void 0;
 			const items = isUnknownArray(collection) ? collection : [];
 			if (items.length > 0) {
 				const firstItem = items[0];
@@ -66753,6 +67077,35 @@ function EditablePageRenderer(props) {
 		uiStore,
 		renderStateVersion
 	]) ?? pageRendererProps.page;
+	const runtimeBoundaries = useMemo(() => retargetRuntimeBoundariesForRenderPage(runtimeProjection?.boundaries ?? pageRendererProps.runtimeBoundaries ?? [], renderPage), [
+		pageRendererProps.runtimeBoundaries,
+		renderPage,
+		runtimeProjection
+	]);
+	const renderedBlockById = useMemo(() => {
+		return new Map((renderPage?.blocks ?? []).filter((block) => Boolean(block.id)).map((block) => [block.id, block]));
+	}, [renderPage?.blocks]);
+	const wrapBoundaryWithControl = useCallback((boundary, rendered) => {
+		const previousBlock = renderedBlockById.get(boundary.previousBlockId);
+		const nextBlock = renderedBlockById.get(boundary.nextBlockId);
+		const control = !isEntryTemplatePage && previousBlock && nextBlock ? /* @__PURE__ */ jsx(BoundaryControl, {
+			previousBlockId: asDesignBlockId(boundary.previousBlockId),
+			nextBlockId: asDesignBlockId(boundary.nextBlockId),
+			previousBlockKind: previousBlock.kind,
+			nextBlockKind: nextBlock.kind
+		}) : null;
+		const wrapped = pageRendererProps.wrapBoundary ? pageRendererProps.wrapBoundary(boundary, rendered) : rendered;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			"data-preview-boundary-wrapper": "",
+			"data-boundary-id": boundary.boundaryId,
+			children: [wrapped, control]
+		});
+	}, [
+		isEntryTemplatePage,
+		pageRendererProps.wrapBoundary,
+		renderedBlockById
+	]);
 	const wrapBlockWithProvider = useCallback((blockId, rendered) => {
 		const renderedBlocks = renderPage?.blocks ?? [];
 		const controllerBlockIndex = blockItemsForRender.findIndex((b) => b.id === blockId);
@@ -66760,9 +67113,6 @@ function EditablePageRenderer(props) {
 		const blockIndex = controllerBlockIndex >= 0 ? controllerBlockIndex : renderedBlockIndex;
 		const chromeBlocks = controllerBlockIndex >= 0 ? blockItemsForRender : renderedBlocks;
 		const block = blockIndex >= 0 ? chromeBlocks[blockIndex] ?? null : null;
-		const previousBlock = blockIndex > 0 ? chromeBlocks[blockIndex - 1] ?? null : null;
-		const canonicalBlockIndex = blockItems.findIndex((b) => b.id === blockId);
-		const canonicalPreviousBlock = canonicalBlockIndex > 0 ? blockItems[canonicalBlockIndex - 1] ?? null : null;
 		const editorBlockId = unsafeAsEditorBlockId(blockId);
 		if (!block) return /* @__PURE__ */ jsx(EditableBlockProvider, {
 			blockId,
@@ -66775,12 +67125,7 @@ function EditablePageRenderer(props) {
 			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [rendered, /* @__PURE__ */ jsxs(Fragment$1, { children: [blockHasPreviewContentFieldProjection(editorBlockId, aiProjections) ? /* @__PURE__ */ jsx("span", {
 				className: "pointer-events-none absolute left-2 top-2 z-10 rounded-full bg-amber-500/90 px-2 py-0.5 text-[10px] font-semibold uppercase text-white shadow",
 				children: "AI"
-			}) : null, !isEntryTemplatePage ? /* @__PURE__ */ jsxs(Fragment$1, { children: [previousBlock?.id && canonicalPreviousBlock?.id === previousBlock.id ? /* @__PURE__ */ jsx(BoundaryControl, {
-				previousBlockId: asDesignBlockId(previousBlock.id),
-				nextBlockId: asDesignBlockId(blockId),
-				previousBlockKind: previousBlock.kind,
-				nextBlockKind: block.kind
-			}) : null, /* @__PURE__ */ jsx(BlockToolbar, {
+			}) : null, !isEntryTemplatePage ? /* @__PURE__ */ jsx(BlockToolbar, {
 				blockId,
 				blockKind: block.kind,
 				content,
@@ -66791,11 +67136,10 @@ function EditablePageRenderer(props) {
 					blockIndex,
 					headerClearance
 				})
-			})] }) : null] })] })
+			}) : null] })] })
 		});
 	}, [
 		aiProjections,
-		blockItems,
 		blockItemsForRender,
 		headerClearance,
 		isEntryTemplatePage,
@@ -66813,13 +67157,34 @@ function EditablePageRenderer(props) {
 	return /* @__PURE__ */ jsx(PageRenderer, {
 		...pageRendererProps,
 		page: renderPage,
+		runtimeBoundaries,
 		registry: allowInlineEditing ? editorRegistry : pageRendererProps.registry ?? clientComponentRegistry,
 		wrapBlock: allowInlineEditing ? wrapBlockWithProvider : pageRendererProps.wrapBlock,
+		wrapBoundary: allowInlineEditing ? wrapBoundaryWithControl : pageRendererProps.wrapBoundary,
 		dataContext,
 		previewAuthoring,
 		usePlaceholders: true
 	});
 }
+function retargetRuntimeBoundariesForRenderPage(boundaries, page) {
+	if (!boundaries?.length) return boundaries;
+	const blockById = new Map(page.blocks.filter((block) => Boolean(block.id)).map((block) => [block.id, block]));
+	return boundaries.map((boundary) => {
+		const currentBlock = blockById.get(boundary.previousBlockId);
+		const nextBlock = blockById.get(boundary.nextBlockId);
+		return retargetCompiledBoundaryRuntimeForContentAdjacency(boundary, {
+			currentContent: renderableBoundaryContent(currentBlock),
+			nextContent: renderableBoundaryContent(nextBlock)
+		});
+	});
+}
+function renderableBoundaryContent(block) {
+	const source = block?.draftContent ?? block?.content ?? null;
+	return isRecord(source) ? source : null;
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
 function usePreviewBlockResolvedData(args) {
 	const { page, dataContext, apiClient } = args;
 	const cacheKey = useMemo(() => {