@riverbankcms/sdk 0.60.16 → 0.62.2

package/dist/_dts/theme-core/src/site-styles/blockAppearancePresets.d.ts

@@ -0,0 +1,448 @@
+export declare const blockAppearancePresets: readonly [{
+    readonly kind: "block-design";
+    readonly id: "hero-immersive-image";
+    readonly target: "hero";
+    readonly label: "Immersive image hero";
+    readonly blockKinds: readonly ["block.hero"];
+    readonly constraints: {
+        readonly layoutFamilies: readonly ["centered", "compact"];
+    };
+    readonly design: {
+        readonly sectionSurface: "hero-image";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+        readonly sectionHeight: "hero";
+        readonly imageSurfaceTreatment: {
+            readonly kind: "neutral-wash";
+        };
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "hero-brand-scrim";
+    readonly target: "hero";
+    readonly label: "Brand scrim image hero";
+    readonly blockKinds: readonly ["block.hero"];
+    readonly constraints: {
+        readonly layoutFamilies: readonly ["centered", "compact"];
+    };
+    readonly optionGroups: readonly [{
+        readonly id: "image-surface-treatment";
+        readonly label: "Treatment";
+        readonly selectedOptionId: "brand-scrim-primary";
+        readonly options: readonly [{
+            readonly id: "brand-scrim-primary";
+            readonly label: "Brand scrim";
+            readonly designPatch: {
+                readonly imageSurfaceTreatment: {
+                    readonly kind: "brand-scrim";
+                    readonly token: "primary";
+                };
+            };
+        }, {
+            readonly id: "neutral-scrim";
+            readonly label: "Neutral scrim";
+            readonly designPatch: {
+                readonly imageSurfaceTreatment: {
+                    readonly kind: "neutral-scrim";
+                };
+            };
+        }];
+    }];
+    readonly layoutPatches: readonly [{
+        readonly constraints: {
+            readonly layoutVariantKeys: readonly ["micro"];
+        };
+        readonly designPatch: {
+            readonly sectionHeight: "banner";
+        };
+    }];
+    readonly design: {
+        readonly sectionSurface: "hero-image";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+        readonly sectionHeight: "immersive";
+        readonly imageSurfaceTreatment: {
+            readonly kind: "brand-scrim";
+            readonly token: "primary";
+        };
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "hero-brand-scrim-fixed-frame";
+    readonly target: "hero";
+    readonly label: "Fixed-frame brand scrim hero";
+    readonly blockKinds: readonly ["block.hero"];
+    readonly constraints: {
+        readonly layoutFamilies: readonly ["centered", "compact"];
+    };
+    readonly optionGroups: readonly [{
+        readonly id: "image-surface-treatment";
+        readonly label: "Treatment";
+        readonly selectedOptionId: "brand-scrim-primary";
+        readonly options: readonly [{
+            readonly id: "brand-scrim-primary";
+            readonly label: "Brand scrim";
+            readonly designPatch: {
+                readonly imageSurfaceTreatment: {
+                    readonly kind: "brand-scrim";
+                    readonly token: "primary";
+                };
+            };
+        }, {
+            readonly id: "neutral-scrim";
+            readonly label: "Neutral scrim";
+            readonly designPatch: {
+                readonly imageSurfaceTreatment: {
+                    readonly kind: "neutral-scrim";
+                };
+            };
+        }];
+    }];
+    readonly layoutPatches: readonly [{
+        readonly constraints: {
+            readonly layoutVariantKeys: readonly ["micro"];
+        };
+        readonly designPatch: {
+            readonly sectionHeight: "banner";
+        };
+    }];
+    readonly design: {
+        readonly sectionSurface: "hero-image";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+        readonly sectionHeight: "immersive";
+        readonly imageSurfaceTreatment: {
+            readonly kind: "brand-scrim";
+            readonly token: "primary";
+        };
+        readonly imageSurfaceMotion: "fixed-frame";
+        readonly eyebrowTreatment: "accent-pill-bounce";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "hero-brand-depth-expressive";
+    readonly target: "hero";
+    readonly label: "Expressive brand-depth hero";
+    readonly blockKinds: readonly ["block.hero"];
+    readonly constraints: {
+        readonly layoutFamilies: readonly ["centered", "compact"];
+    };
+    readonly design: {
+        readonly sectionSurface: "brand-depth-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+        readonly eyebrowTreatment: "accent-pill-bounce";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "hero-contained-intro";
+    readonly target: "hero";
+    readonly label: "Contained intro hero";
+    readonly blockKinds: readonly ["block.hero"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "inset";
+        }>;
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "body-text-editorial-intro";
+    readonly target: "body-text";
+    readonly label: "Editorial intro copy";
+    readonly blockKinds: readonly ["block.body-text"];
+    readonly design: {
+        readonly sectionSurface: "base";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "body-text-brand-depth-intro";
+    readonly target: "body-text";
+    readonly label: "Brand-depth intro copy";
+    readonly blockKinds: readonly ["block.body-text"];
+    readonly design: {
+        readonly sectionSurface: "brand-depth-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "offerings-calm-list";
+    readonly target: "offerings";
+    readonly label: "Calm offerings list";
+    readonly blockKinds: readonly ["block.event-listing", "block.event-calendar", "block.event-spotlight", "block.product-list"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "events-base-calendar";
+    readonly target: "events";
+    readonly label: "Base event calendar";
+    readonly blockKinds: readonly ["block.event-calendar", "block.event-listing"];
+    readonly design: {
+        readonly sectionSurface: "base";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "schedule-details-accent-section";
+    readonly target: "events";
+    readonly label: "Accent schedule details";
+    readonly blockKinds: readonly ["block.event-details", "block.course-details"];
+    readonly design: {
+        readonly sectionSurface: "accent-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "schedule-details-brand-depth";
+    readonly target: "events";
+    readonly label: "Brand-depth schedule details";
+    readonly blockKinds: readonly ["block.event-details", "block.course-details"];
+    readonly design: {
+        readonly sectionSurface: "brand-depth-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "medium";
+        readonly tileTreatment: "brand-depth";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "media-text-flush-feature";
+    readonly target: "media-text";
+    readonly label: "Flush media feature";
+    readonly blockKinds: readonly ["block.media-text"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: Readonly<{
+            kind: "flush-panel";
+            treatment: import("@riverbankcms/blocks").FlushFrameTreatment;
+            bleed: "start";
+        }>;
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "media-text-quiet-story";
+    readonly target: "media-text";
+    readonly label: "Quiet media story";
+    readonly blockKinds: readonly ["block.media-text"];
+    readonly design: {
+        readonly sectionSurface: "base";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "testimonials-carded-proof";
+    readonly target: "testimonials";
+    readonly label: "Carded social proof";
+    readonly blockKinds: readonly ["block.testimonials"];
+    readonly design: {
+        readonly sectionSurface: "base";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "default";
+        readonly transitionAfter: "none";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "testimonials-contained-proof";
+    readonly target: "testimonials";
+    readonly label: "Contained social proof";
+    readonly blockKinds: readonly ["block.testimonials"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "raised";
+        }>;
+        readonly itemSurface: "raised";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "testimonials-dark-proof";
+    readonly target: "testimonials";
+    readonly label: "Dark proof panel";
+    readonly blockKinds: readonly ["block.testimonials"];
+    readonly design: {
+        readonly sectionSurface: "accent-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "raised";
+        }>;
+        readonly itemSurface: "raised";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "testimonials-accent-quote-proof";
+    readonly target: "testimonials";
+    readonly label: "Accent quote proof";
+    readonly blockKinds: readonly ["block.testimonials"];
+    readonly design: {
+        readonly sectionSurface: "accent-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "raised";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+        readonly testimonialCardTreatment: "accent-quote";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "faq-base-accordion";
+    readonly target: "faq";
+    readonly label: "Base accordion FAQ";
+    readonly blockKinds: readonly ["block.faq"];
+    readonly design: {
+        readonly sectionSurface: "base";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "default";
+        readonly transitionAfter: "none";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "faq-contained-help";
+    readonly target: "faq";
+    readonly label: "Contained help panel";
+    readonly blockKinds: readonly ["block.faq"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "inset";
+        }>;
+        readonly itemSurface: "default";
+        readonly transitionAfter: "none";
+        readonly emphasis: "low";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "contact-form-panel";
+    readonly target: "contact-form";
+    readonly label: "Contact form panel";
+    readonly blockKinds: readonly ["block.form"];
+    readonly design: {
+        readonly sectionSurface: "muted-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "raised";
+        }>;
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "medium";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "contact-form-dark-card";
+    readonly target: "contact-form";
+    readonly label: "Dark form card";
+    readonly blockKinds: readonly ["block.form"];
+    readonly design: {
+        readonly sectionSurface: "accent-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "raised";
+        }>;
+        readonly itemSurface: "none";
+        readonly transitionAfter: "soft-fade-short";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "contact-form-brand-depth-card";
+    readonly target: "contact-form";
+    readonly label: "Brand-depth form card";
+    readonly blockKinds: readonly ["block.form"];
+    readonly design: {
+        readonly sectionSurface: "brand-depth-band";
+        readonly contentFrame: Readonly<{
+            kind: "panel";
+            treatment: "raised";
+        }>;
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "high";
+    };
+}, {
+    readonly kind: "block-design";
+    readonly id: "cta-accent-band";
+    readonly target: "cta";
+    readonly label: "Accent CTA band";
+    readonly blockKinds: readonly ["block.cta-full"];
+    readonly design: {
+        readonly sectionSurface: "accent-band";
+        readonly contentFrame: {
+            readonly kind: "plain";
+        };
+        readonly itemSurface: "none";
+        readonly transitionAfter: "none";
+        readonly emphasis: "high";
+    };
+}];

package/dist/_dts/theme-core/src/site-styles/curatedSiteStyles.d.ts

@@ -11,6 +11,7 @@ type CuratedSiteStyleHeroOverrides = Readonly<{
 type CuratedSiteStyleBodyTextOverrides = Readonly<{
     intro?: NonNullable<NonNullable<Theme['bodyText']>['intro']>;
 }>;
+type CuratedSiteStyleInputOverrides = NonNullable<Theme['inputs']>;
 /**
  * Site-style-specific Theme overrides are applied after token recipes,
  * button personality, and palette variant selection have compiled the base
@@ -21,6 +22,11 @@ export type CuratedSiteStyleThemeOverrides = Readonly<{
     typography?: Theme['typography'];
     hero?: CuratedSiteStyleHeroOverrides;
     bodyText?: CuratedSiteStyleBodyTextOverrides;
+    /**
+     * Inputs are authored as a complete system rather than sparsely merged so
+     * site styles can curate accessible, internally consistent control states.
+     */
+    inputs?: CuratedSiteStyleInputOverrides;
 }>;
 export type ButtonPersonalityChoice = CuratedChoice<KnownButtonPersonalityId>;
 export type PaletteVariantChoice = CuratedChoice<KnownPaletteVariantId>;

package/dist/_dts/theme-core/src/site-styles/designState.d.ts

@@ -114,6 +114,7 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
         base: "base";
         "muted-band": "muted-band";
         "accent-band": "accent-band";
+        "brand-depth-band": "brand-depth-band";
         "hero-image": "hero-image";
     }>;
     contentFrame: z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -224,6 +225,11 @@ export declare const blockDesignPlanSchema: z.ZodObject<{
         default: "default";
         "accent-quote": "accent-quote";
     }>>;
+    tileTreatment: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        quiet: "quiet";
+        "brand-depth": "brand-depth";
+    }>>;
     eyebrowTreatment: z.ZodOptional<z.ZodEnum<{
         pill: "pill";
         plain: "plain";
@@ -302,6 +308,7 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
             base: "base";
             "muted-band": "muted-band";
             "accent-band": "accent-band";
+            "brand-depth-band": "brand-depth-band";
             "hero-image": "hero-image";
         }>;
         contentFrame: z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -412,6 +419,11 @@ export declare const persistedPageDesignStateV1Schema: z.ZodObject<{
             default: "default";
             "accent-quote": "accent-quote";
         }>>;
+        tileTreatment: z.ZodOptional<z.ZodEnum<{
+            default: "default";
+            quiet: "quiet";
+            "brand-depth": "brand-depth";
+        }>>;
         eyebrowTreatment: z.ZodOptional<z.ZodEnum<{
             pill: "pill";
             plain: "plain";

package/dist/_dts/theme-core/src/site-styles/generatedSchemas.d.ts

@@ -39,6 +39,7 @@ export declare const generatedBlockDesignIntentSchema: z.ZodObject<{
             base: "base";
             "muted-band": "muted-band";
             "accent-band": "accent-band";
+            "brand-depth-band": "brand-depth-band";
             "hero-image": "hero-image";
         }>;
     }, z.core.$strict>], "kind">;
@@ -181,6 +182,7 @@ export declare const generatedPageDesignIntentSchema: z.ZodObject<{
                     base: "base";
                     "muted-band": "muted-band";
                     "accent-band": "accent-band";
+                    "brand-depth-band": "brand-depth-band";
                     "hero-image": "hero-image";
                 }>;
             }, z.core.$strict>], "kind">;

package/dist/_dts/theme-core/src/site-styles/runtimeCompiler.d.ts

@@ -74,6 +74,14 @@ export declare const defaultDesignRuntimeRules: {
                 readonly headingColor: "primaryForeground";
             };
         };
+        readonly 'brand-depth-band': {
+            readonly background: {
+                readonly type: "color";
+                readonly color: "primary-800";
+                readonly textColor: "primaryForeground";
+                readonly headingColor: "primaryForeground";
+            };
+        };
         readonly 'hero-image': {
             readonly background: {
                 readonly type: "image";

package/dist/_dts/theme-core/src/site-styles/siteChromeAppearancePresets.d.ts

@@ -0,0 +1,67 @@
+import type { Theme } from '../schema';
+import type { HeaderCtaTreatment, SiteFooterAppearancePreset, SiteHeaderAppearancePreset } from './appearancePresetTypes';
+export declare function resolveHeaderCtaVariant(theme: Theme, treatment: HeaderCtaTreatment): string | undefined;
+export declare function compileSiteHeaderAppearancePreset(preset: SiteHeaderAppearancePreset, theme: Theme): Theme['header'];
+export declare function compileSiteFooterAppearancePreset(preset: SiteFooterAppearancePreset, theme: Theme): Theme['footer'];
+export declare const siteChromeAppearancePresets: readonly [{
+    readonly kind: "site-chrome";
+    readonly id: "header-clean-base";
+    readonly target: "site-header";
+    readonly label: "Clean base header";
+    readonly header: {
+        readonly surface: {
+            readonly kind: "neutral-solid";
+            readonly token: "surface";
+            readonly textColorToken: "text";
+        };
+        readonly navTreatment: "minimal";
+        readonly dropdownTreatment: "surface";
+        readonly ctaTreatment: "default";
+        readonly behavior: "default";
+    };
+}, {
+    readonly kind: "site-chrome";
+    readonly id: "site-header-brand-solid-inverted-cta";
+    readonly target: "site-header";
+    readonly label: "Brand solid header with inverted CTA";
+    readonly header: {
+        readonly surface: {
+            readonly kind: "brand-solid";
+            readonly token: "primary";
+            readonly textColorToken: "primaryForeground";
+        };
+        readonly navTreatment: "uppercase-underline";
+        readonly dropdownTreatment: "matched-solid";
+        readonly ctaTreatment: "inverted";
+        readonly behavior: "sticky-shrink";
+    };
+}, {
+    readonly kind: "site-chrome";
+    readonly id: "footer-muted-grounding";
+    readonly target: "site-footer";
+    readonly label: "Muted grounding footer";
+    readonly footer: {
+        readonly kind: "grounding";
+        readonly surface: "muted-band";
+        readonly emphasis: "low";
+    };
+}, {
+    readonly kind: "site-chrome";
+    readonly id: "site-footer-brand-two-band";
+    readonly target: "site-footer";
+    readonly label: "Two-band brand footer";
+    readonly footer: {
+        readonly kind: "brand-two-band";
+        readonly surface: {
+            readonly token: "primary";
+            readonly shade: "800";
+            readonly textColorToken: "primaryForeground";
+        };
+        readonly bottomBand: {
+            readonly token: "primary";
+            readonly shade: "900";
+            readonly textColorToken: "primaryForeground";
+        };
+        readonly emphasis: "high";
+    };
+}];

package/dist/_dts/theme-core/src/site-styles/sourceCatalogs.d.ts

@@ -21,7 +21,7 @@ export type AdvancedDesignOptionCatalog = DesignOptionCatalog<'advanced', SiteSt
 export type DesignOptionCatalogForSource<TSource extends DesignChoiceSource> = TSource extends 'generated' ? GeneratedDesignOptionCatalog : TSource extends 'user' ? UserDesignOptionCatalog : TSource extends 'advanced' ? AdvancedDesignOptionCatalog : never;
 export declare const generatedDesignOptionCatalog: {
     readonly source: "generated";
-    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
     readonly contentFrames: readonly [{
         readonly kind: "plain";
     }, Readonly<{
@@ -42,7 +42,7 @@ export declare const generatedDesignOptionCatalog: {
 };
 export declare const userDesignOptionCatalog: {
     readonly source: "user";
-    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
     readonly contentFrames: readonly [{
         readonly kind: "plain";
     }, Readonly<{
@@ -74,7 +74,7 @@ export declare const userDesignOptionCatalog: {
 };
 export declare const advancedDesignOptionCatalog: {
     readonly source: "advanced";
-    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+    readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
     readonly contentFrames: readonly [{
         readonly kind: "plain";
     }, Readonly<{
@@ -107,7 +107,7 @@ export declare const advancedDesignOptionCatalog: {
 export declare const designOptionCatalogs: {
     readonly generated: {
         readonly source: "generated";
-        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
         readonly contentFrames: readonly [{
             readonly kind: "plain";
         }, Readonly<{
@@ -128,7 +128,7 @@ export declare const designOptionCatalogs: {
     };
     readonly user: {
         readonly source: "user";
-        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
         readonly contentFrames: readonly [{
             readonly kind: "plain";
         }, Readonly<{
@@ -160,7 +160,7 @@ export declare const designOptionCatalogs: {
     };
     readonly advanced: {
         readonly source: "advanced";
-        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "hero-image"];
+        readonly sectionSurfaces: readonly ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"];
         readonly contentFrames: readonly [{
             readonly kind: "plain";
         }, Readonly<{