@riverbankcms/sdk 0.60.16 → 0.62.2

package/dist/server/page-converter.mjs

@@ -304,7 +304,11 @@ function resolveRepeaterGridColumnFieldId(options) {
 
 // ../blocks/src/system/manifest/schema.ts
 var visibilityLevels = ["admin", "designer", "author"];
-var siteOptionSources = ["eventCategories", "venues", "staffMembers"];
+var siteOptionSources = [
+  "eventCategories",
+  "venues",
+  "staffMembers"
+];
 var mediaDeliverySchema = z2.object({
   sizes: z2.string().optional(),
   widthCandidates: z2.array(z2.number().int().positive()).optional(),
@@ -342,7 +346,10 @@ var uiSchema = z2.object({
   hidden: z2.boolean().optional(),
   hideLabel: z2.boolean().optional(),
   hideDescription: z2.boolean().optional(),
-  showCharCount: z2.union([z2.number().int().positive(), z2.object({ max: z2.number().int().positive() })]).optional(),
+  showCharCount: z2.union([
+    z2.number().int().positive(),
+    z2.object({ max: z2.number().int().positive() })
+  ]).optional(),
   showSlugPreview: z2.boolean().optional(),
   variant: z2.enum(["full", "inline", "limited", "media", "notes"]).optional(),
   richTextVariant: z2.enum(["full", "inline", "limited", "media", "notes"]).optional(),
@@ -352,10 +359,7 @@ var uiSchema = z2.object({
   showMediaPreview: z2.boolean().optional(),
   showMediaOverlayActions: z2.boolean().optional(),
   mediaDelivery: mediaDeliverySchema.optional(),
-  mediaDeliveryByVariant: z2.record(
-    z2.string(),
-    mediaDeliverySchema
-  ).optional(),
+  mediaDeliveryByVariant: z2.record(z2.string(), mediaDeliverySchema).optional(),
   // Optional input hints for validators/widgets
   inputType: z2.enum(["text", "email", "tel", "number"]).optional(),
   min: z2.number().optional(),
@@ -463,7 +467,9 @@ var richTextFieldSchema = baseFieldSchema.extend({
 });
 var mediaFieldSchema = baseFieldSchema.extend({
   type: z2.literal("media"),
-  mediaKinds: z2.array(z2.enum(["image", "video", "audio", "document", "spreadsheet", "archive"])).default(["image"]),
+  mediaKinds: z2.array(
+    z2.enum(["image", "video", "audio", "document", "spreadsheet", "archive"])
+  ).default(["image"]),
   aspectRatio: z2.string().optional()
 });
 var booleanFieldSchema = baseFieldSchema.extend({
@@ -585,7 +591,9 @@ var referenceFieldSchema = baseFieldSchema.extend({
 var itemTypeSchema = z2.object({
   label: z2.string().min(1),
   icon: z2.string().optional(),
-  fields: z2.lazy(() => getFieldSchemaInternal().array().min(1, "Item type requires at least one field"))
+  fields: z2.lazy(
+    () => getFieldSchemaInternal().array().min(1, "Item type requires at least one field")
+  )
 });
 var repeaterFieldSchema = baseFieldSchema.extend({
   type: z2.literal("repeater"),
@@ -595,7 +603,9 @@ var repeaterFieldSchema = baseFieldSchema.extend({
   maxItems: z2.number().int().positive().optional(),
   // Monomorphic mode
   schema: z2.object({
-    fields: z2.lazy(() => getFieldSchemaInternal().array().min(1, "Repeater requires at least one field"))
+    fields: z2.lazy(
+      () => getFieldSchemaInternal().array().min(1, "Repeater requires at least one field")
+    )
   }).optional(),
   // Polymorphic mode
   polymorphic: z2.boolean().optional(),
@@ -641,13 +651,19 @@ var repeaterFieldSchema = baseFieldSchema.extend({
       const itemTypes = Object.values(
         data.itemTypes
       );
-      return itemTypes.every((itemType) => Array.isArray(itemType.fields) && requiredFieldIds.every((requiredId) => itemType.fields?.some((field) => field.id === requiredId)));
+      return itemTypes.every(
+        (itemType) => Array.isArray(itemType.fields) && requiredFieldIds.every(
+          (requiredId) => itemType.fields?.some((field) => field.id === requiredId)
+        )
+      );
     }
     const schemaFields = data.schema?.fields;
     if (!schemaFields) {
       return true;
     }
-    return requiredFieldIds.every((requiredId) => schemaFields.some((field) => field.id === requiredId));
+    return requiredFieldIds.every(
+      (requiredId) => schemaFields.some((field) => field.id === requiredId)
+    );
   },
   {
     message: `layoutGrid repeaters require span/row/column fields (defaults: '${DEFAULT_REPEATER_GRID_SPAN_FIELD_ID}', '${DEFAULT_REPEATER_GRID_ROW_FIELD_ID}', '${DEFAULT_REPEATER_GRID_COLUMN_FIELD_ID}') to exist in repeater item fields`,
@@ -675,7 +691,9 @@ var repeaterFieldSchema = baseFieldSchema.extend({
     if (!schemaFields) {
       return true;
     }
-    const field = schemaFields.find((candidate) => candidate.id === labelField);
+    const field = schemaFields.find(
+      (candidate) => candidate.id === labelField
+    );
     return field?.type === "text";
   },
   {
@@ -686,13 +704,17 @@ var repeaterFieldSchema = baseFieldSchema.extend({
 var groupFieldSchema = baseFieldSchema.extend({
   type: z2.literal("group"),
   schema: z2.object({
-    fields: z2.lazy(() => getFieldSchemaInternal().array().min(1, "Group requires at least one field"))
+    fields: z2.lazy(
+      () => getFieldSchemaInternal().array().min(1, "Group requires at least one field")
+    )
   })
 });
 var modalFieldSchema = baseFieldSchema.extend({
   type: z2.literal("modal"),
   schema: z2.object({
-    fields: z2.lazy(() => getFieldSchemaInternal().array().min(1, "Modal requires at least one field"))
+    fields: z2.lazy(
+      () => getFieldSchemaInternal().array().min(1, "Modal requires at least one field")
+    )
   })
 });
 var numberFieldSchema = baseFieldSchema.extend({
@@ -799,31 +821,35 @@ function expectParsedSelectField(field) {
   return field;
 }
 function createSiteOptionSelectField(input) {
-  return expectParsedSelectField(parseFieldDefinition({
-    ...input,
-    type: "select",
-    options: [],
-    multiple: input.multiple ?? false,
-    source: { kind: "site", optionSource: input.optionSource },
-    ui: {
-      ...input.ui ?? {},
-      widget: "siteOptionPicker",
-      siteOptionSource: input.optionSource
-    }
-  }));
+  return expectParsedSelectField(
+    parseFieldDefinition({
+      ...input,
+      type: "select",
+      options: [],
+      multiple: input.multiple ?? false,
+      source: { kind: "site", optionSource: input.optionSource },
+      ui: {
+        ...input.ui ?? {},
+        widget: "siteOptionPicker",
+        siteOptionSource: input.optionSource
+      }
+    })
+  );
 }
 function createSdkSelectField(input) {
-  return expectParsedSelectField(parseFieldDefinition({
-    ...input,
-    type: "select",
-    options: input.options,
-    multiple: input.multiple ?? false,
-    source: { kind: "sdk" },
-    ui: {
-      ...input.ui ?? {},
-      widget: "sdkSelect"
-    }
-  }));
+  return expectParsedSelectField(
+    parseFieldDefinition({
+      ...input,
+      type: "select",
+      options: input.options,
+      multiple: input.multiple ?? false,
+      source: { kind: "sdk" },
+      ui: {
+        ...input.ui ?? {},
+        widget: "sdkSelect"
+      }
+    })
+  );
 }
 var slotSchema = z2.object({
   id: z2.string().min(1),
@@ -834,8 +860,20 @@ var slotSchema = z2.object({
   help: z2.string().optional(),
   visibleRoles: z2.array(z2.enum(visibilityLevels)).optional()
 });
-var typographyTokens = ["display", "heading", "subheading", "body", "caption"];
-var colorTokens = ["background", "surface", "foreground", "accent", "muted"];
+var typographyTokens = [
+  "display",
+  "heading",
+  "subheading",
+  "body",
+  "caption"
+];
+var colorTokens = [
+  "background",
+  "surface",
+  "foreground",
+  "accent",
+  "muted"
+];
 var spacingTokens = ["none", "xs", "sm", "md", "lg", "xl"];
 var radiusTokens = ["none", "sm", "md", "lg", "full"];
 var styleTokenSchema = z2.object({
@@ -855,7 +893,14 @@ var behaviourSchema = z2.object({
   // Block manages its own wrapper (for sticky/fixed positioning)
   managesOwnWrapper: z2.boolean().optional()
 });
-var blockCategoryEnum = z2.enum(["marketing", "content", "blog", "media", "layout", "interactive"]);
+var blockCategoryEnum = z2.enum([
+  "marketing",
+  "content",
+  "blog",
+  "media",
+  "layout",
+  "interactive"
+]);
 var manifestSchema = z2.object({
   name: z2.string().min(1),
   version: z2.string().min(1),
@@ -904,6 +949,24 @@ function registerManifest(manifest) {
   return manifest;
 }
 
+// ../theme-core/src/site-styles/appearancePresetResolution.ts
+function assertValidOptionGroups(preset) {
+  preset.optionGroups?.forEach((group) => {
+    const selectedOption = group.options.find(
+      (option) => option.id === group.selectedOptionId
+    );
+    if (!selectedOption) {
+      throw new Error(
+        `Appearance preset "${preset.id}" option group "${group.id}" selects missing option "${group.selectedOptionId}".`
+      );
+    }
+  });
+}
+function defineBlockAppearancePreset(preset) {
+  assertValidOptionGroups(preset);
+  return preset;
+}
+
 // ../theme-core/src/site-styles/types.ts
 function asDesignBlockId(value) {
   return brandNonEmptyString(value, "DesignBlockId");
@@ -985,6 +1048,11 @@ function flushPanelFrame(options) {
 function defineFrameCapability(capability) {
   return capability;
 }
+var tileTreatmentValues = [
+  "default",
+  "quiet",
+  "brand-depth"
+];
 var eyebrowTreatmentValues = [
   "plain",
   "pill",
@@ -1000,31 +1068,13 @@ function defineBlockDesignCapability(capability) {
     imageSurfaceTreatments: capability.imageSurfaceTreatments ?? ["none"],
     imageSurfaceMotions: capability.imageSurfaceMotions ?? ["static"],
     testimonialCardTreatments: capability.testimonialCardTreatments ?? ["default"],
+    tileTreatments: capability.tileTreatments ?? ["default"],
     eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"]
   };
 }
 
-// ../theme-core/src/site-styles/appearancePresets.ts
-function assertValidOptionGroups(preset) {
-  preset.optionGroups?.forEach((group) => {
-    const selectedOption = group.options.find(
-      (option) => option.id === group.selectedOptionId
-    );
-    if (!selectedOption) {
-      throw new Error(
-        `Appearance preset "${preset.id}" option group "${group.id}" selects missing option "${group.selectedOptionId}".`
-      );
-    }
-  });
-}
-function defineBlockAppearancePreset(preset) {
-  assertValidOptionGroups(preset);
-  return preset;
-}
-function defineSiteChromeAppearancePreset(preset) {
-  return preset;
-}
-var appearancePresets = [
+// ../theme-core/src/site-styles/blockAppearancePresets.ts
+var blockAppearancePresets = [
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "hero-immersive-image",
@@ -1150,6 +1200,24 @@ var appearancePresets = [
       eyebrowTreatment: "accent-pill-bounce"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "hero-brand-depth-expressive",
+    target: "hero",
+    label: "Expressive brand-depth hero",
+    blockKinds: ["block.hero"],
+    constraints: {
+      layoutFamilies: ["centered", "compact"]
+    },
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      eyebrowTreatment: "accent-pill-bounce"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "hero-contained-intro",
@@ -1178,6 +1246,20 @@ var appearancePresets = [
       emphasis: "high"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "body-text-brand-depth-intro",
+    target: "body-text",
+    label: "Brand-depth intro copy",
+    blockKinds: ["block.body-text"],
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "offerings-calm-list",
@@ -1220,6 +1302,21 @@ var appearancePresets = [
       emphasis: "medium"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "schedule-details-brand-depth",
+    target: "events",
+    label: "Brand-depth schedule details",
+    blockKinds: ["block.event-details", "block.course-details"],
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "none",
+      emphasis: "medium",
+      tileTreatment: "brand-depth"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "media-text-flush-feature",
@@ -1305,6 +1402,20 @@ var appearancePresets = [
       testimonialCardTreatment: "accent-quote"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "faq-base-accordion",
+    target: "faq",
+    label: "Base accordion FAQ",
+    blockKinds: ["block.faq"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "default",
+      transitionAfter: "none",
+      emphasis: "medium"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "faq-contained-help",
@@ -1347,6 +1458,20 @@ var appearancePresets = [
       emphasis: "high"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "contact-form-brand-depth-card",
+    target: "contact-form",
+    label: "Brand-depth form card",
+    blockKinds: ["block.form"],
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: panelFrame("raised"),
+      itemSurface: "none",
+      transitionAfter: "none",
+      emphasis: "high"
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "cta-accent-band",
@@ -1360,7 +1485,14 @@ var appearancePresets = [
       transitionAfter: "none",
       emphasis: "high"
     }
-  }),
+  })
+];
+
+// ../theme-core/src/site-styles/siteChromeAppearancePresets.ts
+function defineSiteChromeAppearancePreset(preset) {
+  return preset;
+}
+var siteChromeAppearancePresets = [
   defineSiteChromeAppearancePreset({
     kind: "site-chrome",
     id: "header-clean-base",
@@ -1428,6 +1560,12 @@ var appearancePresets = [
   })
 ];
 
+// ../theme-core/src/site-styles/appearancePresetCatalog.ts
+var appearancePresets = [
+  ...blockAppearancePresets,
+  ...siteChromeAppearancePresets
+];
+
 // ../theme-core/src/site-styles/blockFlow.ts
 function defineBlockDesignMetadata(input) {
   const layoutProfiles = (input.layoutProfiles ?? []).map((profile) => ({
@@ -2902,6 +3040,7 @@ var sectionStylesOverrideSchema = z17.object({
   background: boxBackgroundSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
   minHeight: z17.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
+  tileTreatment: z17.enum(tileTreatmentValues).nullable().optional(),
   eyebrowTreatment: z17.enum(eyebrowTreatmentValues).nullable().optional()
 });
 var containerStylesOverrideSchema = z17.object({
@@ -3695,7 +3834,7 @@ var userContentFrames = [
 ];
 var generatedDesignOptionCatalog = {
   source: "generated",
-  sectionSurfaces: ["base", "muted-band", "accent-band", "hero-image"],
+  sectionSurfaces: ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"],
   contentFrames: generatedContentFrames,
   itemSurfaces: ["none", "default", "flat", "outlined", "raised"],
   transitions: ["none", "soft-fade-short", "soft-fade-long"],
@@ -3765,6 +3904,43 @@ var expressiveBudget = {
   mediaDensity: "high",
   decorativeRepetition: "medium"
 };
+var expressiveUnderlineInputs = {
+  base: {
+    background: { type: "transparent" },
+    textColorToken: "text",
+    border: {
+      widthClass: "border-2",
+      colorToken: "border",
+      style: "underline"
+    },
+    corners: "square",
+    shadow: null,
+    spacing: "compact",
+    fontSize: "base"
+  },
+  label: {
+    textColorToken: "primary",
+    fontWeight: "black",
+    fontSize: "xs",
+    textTransform: "uppercase",
+    letterSpacing: "widest",
+    opacity: 1
+  },
+  focus: {
+    ringColorToken: "secondary",
+    ringWidth: "0",
+    borderColorToken: "secondary"
+  },
+  error: {
+    borderColorToken: "destructive",
+    textColorToken: "destructive"
+  },
+  disabled: {
+    backgroundColorToken: "surface",
+    textColorToken: "text",
+    opacity: 0.6
+  }
+};
 function uniqueContentFrameKinds() {
   const kinds = [...new Set(
     generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
@@ -4115,15 +4291,17 @@ var curatedSiteStyles = [
           paragraphSize: "editorial",
           headingSize: "editorial"
         }
-      }
+      },
+      inputs: expressiveUnderlineInputs
     },
     recommendedAppearancePresetIds: [
       "site-header-brand-solid-inverted-cta",
       "site-footer-brand-two-band",
       "hero-brand-scrim-fixed-frame",
       "body-text-editorial-intro",
+      "schedule-details-brand-depth",
       "testimonials-accent-quote-proof",
-      "contact-form-dark-card"
+      "contact-form-brand-depth-card"
     ],
     buttonPersonalityChoices: [
       buttonChoice("showtime-pill"),
@@ -4257,6 +4435,7 @@ var imageSurfaceTreatmentSchema = z19.discriminatedUnion("kind", [
   }).strict()
 ]);
 var testimonialCardTreatmentSchema = z19.enum(["default", "accent-quote"]);
+var tileTreatmentSchema = z19.enum(tileTreatmentValues);
 var eyebrowTreatmentSchema = z19.enum(eyebrowTreatmentValues);
 function uniqueNonEmpty(values) {
   const uniqueValues = [...new Set(values)];
@@ -4301,6 +4480,7 @@ var blockDesignPlanSchema = z19.object({
   imageSurfaceTreatment: imageSurfaceTreatmentSchema.optional(),
   imageSurfaceMotion: imageSurfaceMotionSchema.optional(),
   testimonialCardTreatment: testimonialCardTreatmentSchema.optional(),
+  tileTreatment: tileTreatmentSchema.optional(),
   eyebrowTreatment: eyebrowTreatmentSchema.optional()
 }).strict();
 var styleAuthoritySchema = z19.discriminatedUnion("kind", [
@@ -4364,6 +4544,14 @@ var defaultDesignRuntimeRules = defineDesignRuntimeRules({
         headingColor: "primaryForeground"
       }
     },
+    "brand-depth-band": {
+      background: {
+        type: "color",
+        color: "primary-800",
+        textColor: "primaryForeground",
+        headingColor: "primaryForeground"
+      }
+    },
     "hero-image": {
       background: {
         type: "image",
@@ -6180,6 +6368,7 @@ var blockColorTokenNameSet = new Set(
 );
 
 // ../blocks/src/system/transforms/registry/boxStyles.ts
+var tileTreatmentSet = new Set(tileTreatmentValues);
 var GAP_VALUE_MAP = {
   none: "0",
   compact: "calc(1rem * var(--space-mult, 1))",
@@ -8879,6 +9068,9 @@ function createBlockManifest(config) {
   };
   return augmentManifest(manifest);
 }
+function createBlockManifestWithContentShape(config, _contentShape) {
+  return createBlockManifest(config);
+}
 function normalizeBlockLayout(layout) {
   return Array.isArray(layout) ? [...layout] : layout;
 }
@@ -9511,7 +9703,7 @@ var ctaComposition = composeFragments([
   { fragment: ctaCopyFragment },
   { fragment: ctaRowFragment }
 ]);
-var ctaFullManifest = createBlockManifest({
+var ctaFullConfig = {
   id: "block.cta-full",
   title: "Full-width CTA",
   category: "marketing",
@@ -9529,7 +9721,8 @@ var ctaFullManifest = createBlockManifest({
   description: "Centered call to action with optional background image.",
   tags: ["cta", "call-to-action", "button", "conversion", "action", "sign-up", "get-started"],
   icon: "Target"
-});
+};
+var ctaFullManifest = createBlockManifest(ctaFullConfig);
 var ctaFullBlockDefinition = {
   manifest: ctaFullManifest
 };
@@ -11365,9 +11558,9 @@ var mediaTextManifest = createBlockManifest({
     {
       id: "images",
       type: "repeater",
-      label: "Images",
+      label: "Media",
       required: false,
-      itemLabel: "Image",
+      itemLabel: "Media",
       minItems: 0,
       maxItems: 6,
       allowConversion: true,
@@ -11381,9 +11574,9 @@ var mediaTextManifest = createBlockManifest({
           {
             id: "image",
             type: "media",
-            label: "Image",
+            label: "Media",
             required: true,
-            mediaKinds: ["image"]
+            mediaKinds: ["image", "video"]
           }
         ]
       }
@@ -11461,8 +11654,8 @@ var mediaTextManifest = createBlockManifest({
     {
       id: "aspectRatio",
       type: "select",
-      label: "Image aspect ratio",
-      description: "Crop image to a consistent aspect ratio.",
+      label: "Media aspect ratio",
+      description: "Crop media to a consistent aspect ratio.",
       required: false,
       defaultValue: "auto",
       multiple: false,
@@ -11649,8 +11842,8 @@ var mediaTextManifest = createBlockManifest({
       }
     };
   })(),
-  description: "Two columns: image/carousel + rich text (with optional section title).",
-  tags: ["media", "image", "carousel", "text", "two-column", "layout"],
+  description: "Two columns: media/carousel + rich text (with optional section title).",
+  tags: ["media", "image", "video", "carousel", "text", "two-column", "layout"],
   icon: "Columns"
 });
 var mediaTextBlockDefinition = {
@@ -11801,6 +11994,19 @@ var transformSchema2 = z29.object({
   hotspot: hotspotSchema2.optional(),
   rotation: rotationSchema2.optional()
 });
+var mediaPosterSchema = z29.discriminatedUnion("tag", [
+  z29.object({
+    tag: z29.literal("storage"),
+    assetId: z29.string().optional(),
+    storageBucket: z29.string().min(1),
+    storagePath: z29.string().min(1)
+  }),
+  z29.object({
+    tag: z29.literal("external-src"),
+    assetId: z29.string().optional(),
+    src: z29.string().url()
+  })
+]);
 var mediaBaseSchema = z29.object({
   purpose: z29.string().optional(),
   placeholder: z29.boolean().default(true).optional(),
@@ -11814,6 +12020,7 @@ var mediaBaseSchema = z29.object({
   height: z29.number().optional(),
   storageBucket: z29.string().optional(),
   storagePath: z29.string().optional(),
+  poster: mediaPosterSchema.optional(),
   transform: transformSchema2.optional()
 });
 var imageMediaSchema = mediaBaseSchema.extend({ type: z29.literal("image") });
@@ -12297,10 +12504,28 @@ import { z as z35 } from "zod";
 
 // ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 import { z as z34 } from "zod";
+
+// ../blocks/src/system/constants/events.ts
+var eventCalendarDisplayModeValues = ["combined", "month", "week", "list", "timetable"];
+var eventCalendarListLayoutValues = ["stack", "grid", "compact"];
+var eventCalendarListLayoutOptions = [
+  { id: "stack", label: "Stack" },
+  { id: "grid", label: "Grid" },
+  { id: "compact", label: "Compact" }
+];
+function isEventCalendarDisplayMode(value) {
+  return typeof value === "string" && eventCalendarDisplayModeValues.includes(value);
+}
+function isEventCalendarListLayout(value) {
+  return typeof value === "string" && eventCalendarListLayoutValues.includes(value);
+}
+
+// ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 var previewStageSchema = z34.enum(["preview", "published"]);
 var registrationButtonVariantSchema = z34.enum(["primary", "secondary", "outline"]);
 var eventButtonVariantSchema = z34.enum(["primary", "secondary", "outline", "link"]);
-var eventLayoutSchema = z34.enum(["grid", "stack", "compact"]);
+var eventLayoutSchema = z34.enum(eventCalendarListLayoutValues);
+var eventCalendarDisplayModeSchema = z34.enum(eventCalendarDisplayModeValues);
 var columnOptionSchema = z34.enum(["2", "3", "4"]);
 var weekStartSchema = z34.enum(["sunday", "monday"]);
 var filterAutoShowSchema = z34.enum(["auto", "always", "never"]);
@@ -13606,219 +13831,251 @@ var eventListingInteractiveIslandPropsCodec = createInteractiveIslandCodec({
 });
 
 // ../blocks/src/system/blocks/events/event-listing.ts
-var eventListingManifest = createBlockManifest({
-  id: "block.event-listing",
-  version: "1.1.0",
-  title: "Event Listing",
-  titleSource: "heading",
-  description: "Paginated list of all upcoming events",
-  // Preserve legacy section styles field configuration (renderInHeader: false).
-  skipSectionStyles: true,
-  additionalFields: [
-    ...sectionHeaderFields("All Events"),
-    ...(() => {
-      const columns = columnsField(["2", "3", "4"]);
-      return [
-        {
-          ...layoutField,
-          ui: { ...layoutField.ui ?? {}, intent: "display" }
-        },
-        {
-          ...columns,
-          ui: { ...columns.ui ?? {}, intent: "display" }
-        }
-      ];
-    })(),
-    {
-      id: "eventsPerPage",
-      type: "select",
-      label: "Events per page",
-      description: "Number of events to load at a time",
-      required: false,
-      multiple: false,
-      defaultValue: "12",
-      options: [
-        { value: "3", label: "3 events" },
-        { value: "6", label: "6 events" },
-        { value: "12", label: "12 events" },
-        { value: "24", label: "24 events" }
-      ],
-      ui: { intent: "display" }
-    },
-    {
-      id: "paginationMode",
-      type: "select",
-      label: "More events",
-      description: "How to access events beyond the initial list",
-      required: false,
-      multiple: false,
-      defaultValue: "loadMore",
-      options: [
-        { value: "loadMore", label: "Load more button" },
-        { value: "seeAllLink", label: "Link to another page" }
-      ],
-      ui: { intent: "display" }
-    },
-    {
-      id: "seeAllUrl",
-      type: "link",
-      label: "See all destination",
-      required: false,
-      ui: {
-        intent: "display",
-        visibleWhen: {
-          field: "paginationMode",
-          equals: "seeAllLink"
-        }
-      }
-    },
-    {
-      id: "loadMoreText",
-      type: "text",
-      label: "Button text",
-      description: "Text for the pagination button or link",
-      required: false,
-      multiline: false,
-      defaultValue: "Load more events",
-      maxLength: 40
-    },
-    ...cardStylingFields.map((field) => ({
-      ...field,
-      ui: { ...field.ui ?? {}, intent: "style" }
-    })),
-    ...eventDisplayFields.map((field) => ({
-      ...field,
-      ui: { ...field.ui ?? {}, intent: "display" }
-    })),
-    {
-      id: "kind",
-      type: "select",
-      label: "Show",
-      description: "Choose whether this list shows courses, events, or both",
-      required: false,
-      multiple: false,
-      defaultValue: "all",
-      options: [
-        { value: "all", label: "Courses and events" },
-        { value: "courses", label: "Courses only" },
-        { value: "events", label: "Events only" }
-      ],
-      ui: { intent: "behavior" }
-    },
-    {
-      id: "eventSurface",
-      type: "select",
-      label: "Event surface",
-      description: "Choose a semantic event scope",
-      required: false,
-      multiple: false,
-      defaultValue: "all",
-      options: [
-        { value: "all", label: "All events" },
-        { value: "regularClassSchedule", label: "Regular class schedule" },
-        { value: "specialDatedEvents", label: "Workshops and special events" },
-        { value: "custom", label: "Custom" }
-      ],
-      ui: { intent: "behavior" }
-    },
-    {
-      id: "filterEventPresets",
-      type: "select",
-      label: "Pre-filter by event type",
-      description: "Restrict this block to specific event types",
-      required: false,
-      multiple: true,
-      defaultValue: [],
-      options: [
-        { value: "class", label: "Classes" },
-        { value: "workshop", label: "Workshops" },
-        { value: "retreat", label: "Retreats" },
-        { value: "performance", label: "Performances" }
-      ],
-      ui: {
-        intent: "behavior",
-        visibleWhen: { field: "eventSurface", equals: "custom" }
+var eventListingAdditionalFields = [
+  ...sectionHeaderFields("All Events"),
+  ...(() => {
+    const columns = columnsField(["2", "3", "4"]);
+    return [
+      {
+        ...layoutField,
+        ui: { ...layoutField.ui ?? {}, intent: "display" }
+      },
+      {
+        ...columns,
+        ui: { ...columns.ui ?? {}, intent: "display" }
       }
-    },
-    {
-      id: "scheduleScope",
-      type: "select",
-      label: "Schedule cadence",
-      description: "Restrict this block by recurrence",
-      required: false,
-      multiple: false,
-      defaultValue: "any",
-      options: [
-        { value: "any", label: "Any cadence" },
-        { value: "recurring", label: "Recurring only" },
-        { value: "oneOff", label: "One-off only" }
-      ],
-      ui: {
-        intent: "behavior",
-        visibleWhen: { field: "eventSurface", equals: "custom" }
+    ];
+  })(),
+  {
+    id: "eventsPerPage",
+    type: "select",
+    label: "Events per page",
+    description: "Number of events to load at a time",
+    required: false,
+    multiple: false,
+    defaultValue: "12",
+    options: [
+      { value: "3", label: "3 events" },
+      { value: "6", label: "6 events" },
+      { value: "12", label: "12 events" },
+      { value: "24", label: "24 events" }
+    ],
+    ui: { intent: "display" }
+  },
+  {
+    id: "paginationMode",
+    type: "select",
+    label: "More events",
+    description: "How to access events beyond the initial list",
+    required: false,
+    multiple: false,
+    defaultValue: "loadMore",
+    options: [
+      { value: "loadMore", label: "Load more button" },
+      { value: "seeAllLink", label: "Link to another page" }
+    ],
+    ui: { intent: "display" }
+  },
+  {
+    id: "seeAllUrl",
+    type: "link",
+    label: "See all destination",
+    required: false,
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "paginationMode",
+        equals: "seeAllLink"
       }
-    },
-    {
-      ...emptyStateField,
-      ui: { ...emptyStateField.ui ?? {}, intent: "display" }
-    },
-    sectionStylesField({
-      id: "_sectionStyles",
-      label: "Section styles",
-      renderInHeader: false
-    })
-  ],
+    }
+  },
+  {
+    id: "loadMoreText",
+    type: "text",
+    label: "Button text",
+    description: "Text for the pagination button or link",
+    required: false,
+    multiline: false,
+    defaultValue: "Load more events",
+    maxLength: 40
+  },
+  ...cardStylingFields.map((field) => ({
+    ...field,
+    ui: { ...field.ui ?? {}, intent: "style" }
+  })),
+  ...eventDisplayFields.map((field) => ({
+    ...field,
+    ui: { ...field.ui ?? {}, intent: "display" }
+  })),
+  {
+    id: "kind",
+    type: "select",
+    label: "Show",
+    description: "Choose whether this list shows courses, events, or both",
+    required: false,
+    multiple: false,
+    defaultValue: "all",
+    options: [
+      { value: "all", label: "Courses and events" },
+      { value: "courses", label: "Courses only" },
+      { value: "events", label: "Events only" }
+    ],
+    ui: { intent: "behavior" }
+  },
+  {
+    id: "eventSurface",
+    type: "select",
+    label: "Event surface",
+    description: "Choose a semantic event scope",
+    required: false,
+    multiple: false,
+    defaultValue: "all",
+    options: [
+      { value: "all", label: "All events" },
+      { value: "regularClassSchedule", label: "Regular class schedule" },
+      { value: "specialDatedEvents", label: "Workshops and special events" },
+      { value: "custom", label: "Custom" }
+    ],
+    ui: { intent: "behavior" }
+  },
+  {
+    id: "filterEventPresets",
+    type: "select",
+    label: "Pre-filter by event type",
+    description: "Restrict this block to specific event types",
+    required: false,
+    multiple: true,
+    defaultValue: [],
+    options: [
+      { value: "class", label: "Classes" },
+      { value: "workshop", label: "Workshops" },
+      { value: "retreat", label: "Retreats" },
+      { value: "performance", label: "Performances" }
+    ],
+    ui: {
+      intent: "behavior",
+      visibleWhen: { field: "eventSurface", equals: "custom" }
+    }
+  },
+  {
+    id: "scheduleScope",
+    type: "select",
+    label: "Schedule cadence",
+    description: "Restrict this block by recurrence",
+    required: false,
+    multiple: false,
+    defaultValue: "any",
+    options: [
+      { value: "any", label: "Any cadence" },
+      { value: "recurring", label: "Recurring only" },
+      { value: "oneOff", label: "One-off only" }
+    ],
+    ui: {
+      intent: "behavior",
+      visibleWhen: { field: "eventSurface", equals: "custom" }
+    }
+  },
+  {
+    ...emptyStateField,
+    ui: { ...emptyStateField.ui ?? {}, intent: "display" }
+  },
+  sectionStylesField({
+    id: "_sectionStyles",
+    label: "Section styles",
+    renderInHeader: false
+  })
+];
+var eventListingLayout = [
+  styledSection({
+    children: sectionContainer([
+      // Optional heading
+      text(
+        { as: "h2" },
+        bind("content.heading"),
+        when("content.heading")
+      ),
+      // Optional description
+      richText(
+        { className: "rb-prose rb-max-w-none" },
+        bind("content.description"),
+        when("content.description")
+      ),
+      // Event listing component with pagination
+      el("event-listing", withApiBindings({
+        events: { $bind: { from: "data.events" } },
+        stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
+        layout: { $bind: { from: "content.layout", fallback: "grid" } },
+        columns: { $bind: { from: "content.columns", fallback: "3" } },
+        eventsPerPage: { $bind: { from: "content.eventsPerPage", fallback: "12" } },
+        paginationMode: { $bind: { from: "content.paginationMode", fallback: "loadMore" } },
+        seeAllUrl: { $bind: { from: "content.seeAllUrl", transforms: [{ id: "links.resolve" }] } },
+        loadMoreText: { $bind: { from: "content.loadMoreText", fallback: "Load more events" } },
+        cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
+        buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
+        buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
+        showVenue: { $bind: { from: "content.showVenue" } },
+        showMap: { $bind: { from: "content.showMap" } },
+        showCapacity: { $bind: { from: "content.showCapacity" } },
+        eventKind: { $bind: { from: "content.kind", fallback: "all" } },
+        eventSurface: { $bind: { from: "content.eventSurface", fallback: "all" } },
+        filterEventPresets: { $bind: { from: "content.filterEventPresets" } },
+        scheduleScope: { $bind: { from: "content.scheduleScope", fallback: "any" } },
+        emptyMessage: { $bind: { from: "content.emptyMessage" } }
+      }))
+    ], {
+      gap: "lg"
+    }),
+    // sectionContainer (rb-container) already provides horizontal padding
+    baseClass: "",
+    spacing: "comfortable"
+  })
+];
+var eventListingDerivedFields = [
+  {
+    id: "layout",
+    type: "select",
+    required: false,
+    multiple: false,
+    options: [
+      { value: "grid" },
+      { value: "stack" }
+    ]
+  },
+  {
+    id: "paginationMode",
+    type: "select",
+    required: false,
+    multiple: false,
+    options: [
+      { value: "loadMore" },
+      { value: "seeAllLink" }
+    ]
+  }
+];
+var eventListingContentShape = {
+  additionalFields: eventListingDerivedFields,
+  skipSectionStyles: true
+};
+var eventListingConfig = {
+  id: "block.event-listing",
+  version: "1.1.0",
+  title: "Event Listing",
+  titleSource: "heading",
+  description: "Paginated list of all upcoming events",
+  // Preserve legacy section styles field configuration (renderInHeader: false).
+  skipSectionStyles: true,
+  additionalFields: eventListingAdditionalFields,
   styleTokens: { background: "surface", typography: "body", spacing: "md" },
   behaviours: { supportsThemeSwitching: true, inlineEditing: false, animation: false, paletteHidden: true },
   category: "interactive",
   tags: ["events", "listing", "paginated", "archive", "all-events"],
   icon: "List",
-  layout: [
-    styledSection({
-      children: sectionContainer([
-        // Optional heading
-        text(
-          { as: "h2" },
-          bind("content.heading"),
-          when("content.heading")
-        ),
-        // Optional description
-        richText(
-          { className: "rb-prose rb-max-w-none" },
-          bind("content.description"),
-          when("content.description")
-        ),
-        // Event listing component with pagination
-        el("event-listing", withApiBindings({
-          events: { $bind: { from: "data.events" } },
-          stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
-          layout: { $bind: { from: "content.layout", fallback: "grid" } },
-          columns: { $bind: { from: "content.columns", fallback: "3" } },
-          eventsPerPage: { $bind: { from: "content.eventsPerPage", fallback: "12" } },
-          paginationMode: { $bind: { from: "content.paginationMode", fallback: "loadMore" } },
-          seeAllUrl: { $bind: { from: "content.seeAllUrl", transforms: [{ id: "links.resolve" }] } },
-          loadMoreText: { $bind: { from: "content.loadMoreText", fallback: "Load more events" } },
-          cardVariant: { $bind: { from: "content.cardVariant", fallback: "default" } },
-          buttonVariant: { $bind: { from: "content.buttonVariant", fallback: "primary" } },
-          buttonText: { $bind: { from: "content.buttonText", fallback: "View event" } },
-          showVenue: { $bind: { from: "content.showVenue" } },
-          showMap: { $bind: { from: "content.showMap" } },
-          showCapacity: { $bind: { from: "content.showCapacity" } },
-          eventKind: { $bind: { from: "content.kind", fallback: "all" } },
-          eventSurface: { $bind: { from: "content.eventSurface", fallback: "all" } },
-          filterEventPresets: { $bind: { from: "content.filterEventPresets" } },
-          scheduleScope: { $bind: { from: "content.scheduleScope", fallback: "any" } },
-          emptyMessage: { $bind: { from: "content.emptyMessage" } }
-        }))
-      ], {
-        gap: "lg"
-      }),
-      // sectionContainer (rb-container) already provides horizontal padding
-      baseClass: "",
-      spacing: "comfortable"
-    })
-  ]
-});
+  layout: eventListingLayout
+};
+var eventListingManifest = createBlockManifestWithContentShape(
+  eventListingConfig,
+  eventListingContentShape
+);
 var eventListingBlockDefinition = {
   manifest: eventListingManifest,
   runtime: eventListingBlockRuntime,
@@ -13845,7 +14102,6 @@ var eventListingBlockDefinition = {
 
 // ../blocks/src/system/runtime/nodes/events/EventCalendar.interactive.ts
 import { z as z41 } from "zod";
-var displayModeSchema = z41.enum(["combined", "month", "week", "list", "timetable"]);
 var eventBlockKindSchema2 = z41.enum(eventBlockKindValues);
 var eventSurfaceScopeSchema2 = z41.enum(eventSurfaceScopeValues);
 var eventScheduleScopeSchema3 = z41.enum(eventScheduleScopeValues);
@@ -13855,7 +14111,8 @@ var eventCalendarSourceSchema = z41.object(
     siteId: z41.string(),
     apiBaseUrl: z41.string().optional(),
     stage: previewStageSchema.optional(),
-    displayMode: displayModeSchema.nullable().optional(),
+    variant: eventCalendarDisplayModeSchema.nullable().optional(),
+    displayMode: eventCalendarDisplayModeSchema.nullable().optional(),
     listLayout: eventLayoutSchema.optional(),
     listColumns: columnOptionSchema.optional(),
     layout: eventLayoutSchema.optional(),
@@ -13887,7 +14144,7 @@ var eventCalendarSourceSchema = z41.object(
 );
 var eventCalendarDisplaySchema = z41.object({
   kind: z41.literal("event-calendar"),
-  displayMode: displayModeSchema,
+  displayMode: eventCalendarDisplayModeSchema,
   className: z41.string().nullable(),
   events: z41.array(publicEventSchema),
   listLayout: eventLayoutSchema,
@@ -13942,7 +14199,7 @@ var eventCalendarIslandMetaKeys = defineInteractiveIslandMetaKeys(
 function buildEventCalendarDisplay(source) {
   return {
     kind: "event-calendar",
-    displayMode: source.displayMode ?? "combined",
+    displayMode: source.variant ?? source.displayMode ?? "combined",
     className: source.className ?? null,
     events: (source.events ?? []).slice().sort(
       (left, right) => new Date(left.startsAt).getTime() - new Date(right.startsAt).getTime()
@@ -14009,8 +14266,12 @@ var eventCalendarInteractiveIslandPropsCodec = createInteractiveIslandCodec({
 function normalizeEventCalendarContent(content) {
   const record = typeof content === "object" && content !== null ? content : {};
   const kind = normalizeEventBlockKind(record.kind);
+  const variant = normalizeEventCalendarDisplayMode(record.variant) ?? normalizeEventCalendarDisplayMode(record.displayMode);
   return {
     ...record,
+    ...variant ? { variant } : {},
+    displayMode: normalizeEventCalendarDisplayMode(record.displayMode),
+    listLayout: normalizeEventCalendarListLayout(record.listLayout),
     kind,
     eventSurface: normalizeEventSurfaceScope(record.eventSurface),
     filterEventPresets: normalizeEventSurfacePresets(record.filterEventPresets),
@@ -14022,355 +14283,515 @@ function normalizeEventCalendarContent(content) {
     filterVenueId: normalizeEventVenueId(record.filterVenueId)
   };
 }
-var eventCalendarManifest = createBlockManifest({
-  id: "block.event-calendar",
-  version: "3.6.0",
-  title: "Event Calendar",
-  titleSource: "heading",
-  description: "Display events with calendar, list, or combined views with filtering",
-  // Preserve legacy section styles field configuration (renderInHeader: false).
-  skipSectionStyles: true,
-  additionalFields: [
-    ...sectionHeaderFields("Event Calendar"),
-    // Display Mode (replaces calendarView)
-    {
-      id: "displayMode",
-      type: "select",
-      label: "Display mode",
-      description: "How events are displayed",
-      required: false,
-      multiple: false,
-      defaultValue: "combined",
-      options: [
-        { value: "combined", label: "Combined (List + Calendar tabs)" },
-        { value: "month", label: "Month calendar" },
-        { value: "week", label: "Week agenda" },
-        { value: "timetable", label: "Timetable" },
-        { value: "list", label: "List" }
-      ],
-      ui: { intent: "display" }
-    },
-    // List options (visible when displayMode is list or combined)
-    {
-      id: "listLayout",
-      type: "select",
-      label: "List layout",
-      description: "Layout style for list view",
-      required: false,
-      multiple: false,
-      defaultValue: "stack",
-      options: [
-        { value: "stack", label: "Stack (full-width cards)" },
-        { value: "grid", label: "Grid" },
-        { value: "compact", label: "Compact (dense rows)" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list"] }
-      }
-    },
-    {
-      id: "listColumns",
-      type: "select",
-      label: "Grid columns",
-      description: "Number of columns in grid layout",
-      required: false,
-      multiple: false,
-      defaultValue: "3",
-      options: [
-        { value: "2", label: "2 columns" },
-        { value: "3", label: "3 columns" },
-        { value: "4", label: "4 columns" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "listLayout", equals: "grid" }
-      }
-    },
-    {
-      id: "eventsPerPage",
-      type: "select",
-      label: "Events per page (cards)",
-      description: "Number of events to load initially in card layouts",
-      required: false,
-      multiple: false,
-      defaultValue: "12",
-      options: [
-        { value: "6", label: "6" },
-        { value: "12", label: "12" },
-        { value: "24", label: "24" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list"] }
-      }
-    },
-    {
-      id: "compactEventsPerPage",
-      type: "select",
-      label: "Events per page (compact)",
-      description: "Number of events to show per page in compact layout",
-      required: false,
-      multiple: false,
-      defaultValue: "10",
-      options: [
-        { value: "10", label: "10" },
-        { value: "20", label: "20" },
-        { value: "30", label: "30" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "listLayout", equals: "compact" }
-      }
-    },
-    {
-      id: "loadMoreText",
-      type: "text",
-      label: "Load more button text",
-      description: "Text for the load more button",
-      required: false,
-      multiline: false,
-      defaultValue: "Load more events",
-      ui: {
-        intent: "content",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list"] }
-      }
-    },
-    // Calendar options
-    {
-      id: "startOfWeek",
-      type: "select",
-      label: "Week starts on",
-      description: "First day of the week",
-      required: false,
-      multiple: false,
-      defaultValue: "monday",
-      options: [
-        { value: "sunday", label: "Sunday" },
-        { value: "monday", label: "Monday" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: {
-          field: "displayMode",
-          oneOf: ["combined", "month", "week"]
-        }
-      }
-    },
-    // Combined mode options
-    {
-      id: "calendarTabViews",
-      type: "select",
-      label: "Calendar tab views",
-      description: "Which calendar views to show in the Calendar tab",
-      required: false,
-      multiple: false,
-      defaultValue: "both",
-      options: [
-        { value: "both", label: "Month + Week toggle" },
-        { value: "month", label: "Month only" },
-        { value: "week", label: "Week only" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", equals: "combined" }
-      }
-    },
-    // Filtering options
-    {
-      id: "kind",
-      type: "select",
-      label: "Show",
-      description: "Restrict this block to all offerings, courses, or events",
-      required: false,
-      multiple: false,
-      defaultValue: "all",
-      options: [
-        { value: "all", label: "All offerings" },
-        { value: "courses", label: "Courses only" },
-        { value: "events", label: "Events only" }
-      ],
-      ui: { intent: "behavior" }
-    },
-    {
-      id: "showFilters",
-      type: "boolean",
-      label: "Show filters",
-      description: "Show category, staff, and venue filters",
-      required: false,
-      defaultValue: true,
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
-      }
-    },
-    {
-      id: "showCategoryFilter",
-      type: "select",
-      label: "Show category filter",
-      description: "When to show the category filter dropdown",
-      required: false,
-      multiple: false,
-      defaultValue: "auto",
-      options: [
-        { value: "auto", label: "Auto (when >1 category has events)" },
-        { value: "always", label: "Always" },
-        { value: "never", label: "Never" }
+function normalizeEventCalendarDisplayMode(value) {
+  return isEventCalendarDisplayMode(value) ? value : void 0;
+}
+function normalizeEventCalendarListLayout(value) {
+  return isEventCalendarListLayout(value) ? value : void 0;
+}
+var eventCalendarLayout = [
+  styledSection({
+    children: sectionContainer(
+      [
+        // Optional heading
+        text({ as: "h2" }, bind("content.heading"), when("content.heading")),
+        // Optional description
+        richText(
+          { className: "rb-prose rb-max-w-none" },
+          bind("content.description"),
+          when("content.description")
+        ),
+        // Event calendar component (handles all display modes)
+        el(
+          "event-calendar",
+          withApiBindings({
+            events: { $bind: { from: "data.events" } },
+            stage: {
+              $bind: { from: "$root.previewStage", fallback: "published" }
+            },
+            // Variant is the new Theme V2-facing display mode. displayMode is
+            // retained as a legacy fallback for existing content.
+            variant: {
+              $bind: { from: "content.variant" }
+            },
+            displayMode: {
+              $bind: { from: "content.displayMode" }
+            },
+            // List options
+            listLayout: { $bind: { from: "content.listLayout" } },
+            listColumns: { $bind: { from: "content.listColumns" } },
+            // Legacy compatibility: older event-calendar content used layout/columns
+            layout: { $bind: { from: "content.layout" } },
+            columns: { $bind: { from: "content.columns" } },
+            eventsPerPage: {
+              $bind: { from: "content.eventsPerPage", fallback: "12" }
+            },
+            compactEventsPerPage: {
+              $bind: { from: "content.compactEventsPerPage", fallback: "10" }
+            },
+            loadMoreText: {
+              $bind: {
+                from: "content.loadMoreText",
+                fallback: "Load more events"
+              }
+            },
+            // Calendar options
+            startOfWeek: {
+              $bind: { from: "content.startOfWeek", fallback: "monday" }
+            },
+            calendarTabViews: {
+              $bind: { from: "content.calendarTabViews", fallback: "both" }
+            },
+            // Filtering options
+            showFilters: {
+              $bind: { from: "content.showFilters", fallback: true }
+            },
+            showCategoryFilter: {
+              $bind: { from: "content.showCategoryFilter", fallback: "auto" }
+            },
+            showVenueFilter: {
+              $bind: { from: "content.showVenueFilter", fallback: false }
+            },
+            showStaffFilter: {
+              $bind: { from: "content.showStaffFilter", fallback: true }
+            },
+            showCapacity: {
+              $bind: { from: "content.showCapacity", fallback: true }
+            },
+            kind: { $bind: { from: "content.kind", fallback: "all" } },
+            eventSurface: {
+              $bind: { from: "content.eventSurface", fallback: "all" }
+            },
+            filterEventPresets: {
+              $bind: { from: "content.filterEventPresets" }
+            },
+            scheduleScope: {
+              $bind: { from: "content.scheduleScope", fallback: "any" }
+            },
+            filterCategoryIds: {
+              $bind: { from: "content.filterCategoryIds" }
+            },
+            filterStaffMemberId: {
+              $bind: { from: "content.filterStaffMemberId" }
+            },
+            filterVenueId: { $bind: { from: "content.filterVenueId" } },
+            // Styling
+            buttonVariant: {
+              $bind: { from: "content.buttonVariant", fallback: "primary" }
+            },
+            buttonText: {
+              $bind: { from: "content.buttonText", fallback: "View event" }
+            },
+            emptyMessage: { $bind: { from: "content.emptyMessage" } }
+          })
+        )
       ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
-      }
-    },
-    {
-      id: "showVenueFilter",
-      type: "boolean",
-      label: "Show venue filter",
-      description: "Show venue filter dropdown",
-      required: false,
-      defaultValue: false,
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
-      }
-    },
-    {
-      id: "showStaffFilter",
-      type: "boolean",
-      label: "Show staff filter",
-      description: "Show staff filter dropdown",
-      required: false,
-      defaultValue: true,
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "displayMode", oneOf: ["combined", "list", "timetable"] }
-      }
-    },
-    {
-      id: "showCapacity",
-      type: "boolean",
-      label: "Show available spots",
-      description: "Display remaining capacity on event cards and timetable cells",
-      required: false,
-      defaultValue: true,
-      ui: {
-        intent: "display",
-        visibleWhen: {
-          field: "displayMode",
-          oneOf: ["combined", "list", "week", "timetable"]
-        }
+      {
+        gap: "lg"
       }
-    },
-    // Block-level pre-filtering
-    {
-      id: "eventSurface",
-      type: "select",
-      label: "Event surface",
-      description: "Choose a semantic event scope",
-      required: false,
-      multiple: false,
-      defaultValue: "all",
-      options: [
-        { value: "all", label: "All events" },
-        { value: "regularClassSchedule", label: "Regular class schedule" },
-        { value: "specialDatedEvents", label: "Workshops and special events" },
-        { value: "custom", label: "Custom" }
-      ],
-      ui: { intent: "behavior" }
-    },
-    {
-      id: "filterEventPresets",
-      type: "select",
-      label: "Pre-filter by event type",
-      description: "Restrict this block to specific event types",
-      required: false,
-      multiple: true,
-      defaultValue: [],
-      options: [
-        { value: "class", label: "Classes" },
-        { value: "workshop", label: "Workshops" },
-        { value: "retreat", label: "Retreats" },
-        { value: "performance", label: "Performances" }
-      ],
-      ui: {
-        intent: "behavior",
-        visibleWhen: { field: "eventSurface", equals: "custom" }
+    ),
+    // sectionContainer (rb-container) already provides horizontal padding
+    baseClass: "",
+    spacing: "comfortable"
+  })
+];
+var eventCalendarAdditionalFields = [
+  ...sectionHeaderFields("Event Calendar"),
+  // Display Mode (replaces calendarView)
+  {
+    id: "displayMode",
+    type: "select",
+    label: "Display mode",
+    description: "How events are displayed",
+    required: false,
+    multiple: false,
+    defaultValue: "combined",
+    options: [
+      { value: "combined", label: "Combined (List + Calendar tabs)" },
+      { value: "month", label: "Month calendar" },
+      { value: "week", label: "Week agenda" },
+      { value: "timetable", label: "Timetable" },
+      { value: "list", label: "List" }
+    ],
+    ui: { intent: "display", hidden: true }
+  },
+  // List options (visible when displayMode is list or combined)
+  {
+    id: "listLayout",
+    type: "select",
+    label: "List layout",
+    description: "Layout style for list view",
+    required: false,
+    multiple: false,
+    defaultValue: "stack",
+    options: eventCalendarListLayoutOptions.map((option) => ({
+      value: option.id,
+      label: option.label
+    })),
+    ui: {
+      intent: "display",
+      visibleWhen: { field: "variant", oneOf: ["combined", "list"] }
+    }
+  },
+  {
+    id: "listColumns",
+    type: "select",
+    label: "Grid columns",
+    description: "Number of columns in grid layout",
+    required: false,
+    multiple: false,
+    defaultValue: "3",
+    options: [
+      { value: "2", label: "2 columns" },
+      { value: "3", label: "3 columns" },
+      { value: "4", label: "4 columns" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: { field: "listLayout", equals: "grid" }
+    }
+  },
+  {
+    id: "eventsPerPage",
+    type: "select",
+    label: "Events per page (cards)",
+    description: "Number of events to load initially in card layouts",
+    required: false,
+    multiple: false,
+    defaultValue: "12",
+    options: [
+      { value: "6", label: "6" },
+      { value: "12", label: "12" },
+      { value: "24", label: "24" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: { field: "variant", oneOf: ["combined", "list"] }
+    }
+  },
+  {
+    id: "compactEventsPerPage",
+    type: "select",
+    label: "Events per page (compact)",
+    description: "Number of events to show per page in compact layout",
+    required: false,
+    multiple: false,
+    defaultValue: "10",
+    options: [
+      { value: "10", label: "10" },
+      { value: "20", label: "20" },
+      { value: "30", label: "30" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: { field: "listLayout", equals: "compact" }
+    }
+  },
+  {
+    id: "loadMoreText",
+    type: "text",
+    label: "Load more button text",
+    description: "Text for the load more button",
+    required: false,
+    multiline: false,
+    defaultValue: "Load more events",
+    ui: {
+      intent: "content",
+      visibleWhen: { field: "variant", oneOf: ["combined", "list"] }
+    }
+  },
+  // Calendar options
+  {
+    id: "startOfWeek",
+    type: "select",
+    label: "Week starts on",
+    description: "First day of the week",
+    required: false,
+    multiple: false,
+    defaultValue: "monday",
+    options: [
+      { value: "sunday", label: "Sunday" },
+      { value: "monday", label: "Monday" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "month", "week"]
       }
-    },
-    {
-      id: "scheduleScope",
-      type: "select",
-      label: "Schedule cadence",
-      description: "Restrict this block by recurrence",
-      required: false,
-      multiple: false,
-      defaultValue: "any",
-      options: [
-        { value: "any", label: "Any cadence" },
-        { value: "recurring", label: "Recurring only" },
-        { value: "oneOff", label: "One-off only" }
-      ],
-      ui: {
-        intent: "behavior",
-        visibleWhen: { field: "eventSurface", equals: "custom" }
+    }
+  },
+  // Combined mode options
+  {
+    id: "calendarTabViews",
+    type: "select",
+    label: "Calendar tab views",
+    description: "Which calendar views to show in the Calendar tab",
+    required: false,
+    multiple: false,
+    defaultValue: "both",
+    options: [
+      { value: "both", label: "Month + Week toggle" },
+      { value: "month", label: "Month only" },
+      { value: "week", label: "Week only" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: { field: "variant", equals: "combined" }
+    }
+  },
+  // Filtering options
+  {
+    id: "kind",
+    type: "select",
+    label: "Show",
+    description: "Restrict this block to all offerings, courses, or events",
+    required: false,
+    multiple: false,
+    defaultValue: "all",
+    options: [
+      { value: "all", label: "All offerings" },
+      { value: "courses", label: "Courses only" },
+      { value: "events", label: "Events only" }
+    ],
+    ui: { intent: "behavior" }
+  },
+  {
+    id: "showFilters",
+    type: "boolean",
+    label: "Show filters",
+    description: "Show category, staff, and venue filters",
+    required: false,
+    defaultValue: true,
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "list", "timetable"]
       }
-    },
-    createSiteOptionSelectField({
-      id: "filterCategoryIds",
-      label: "Pre-filter by categories",
-      description: "Restrict this block to specific event categories",
-      required: false,
-      multiple: true,
-      defaultValue: [],
-      optionSource: "eventCategories",
-      ui: {
-        intent: "behavior",
-        searchThreshold: 8,
-        visibleWhen: { field: "kind", notEquals: "courses" }
+    }
+  },
+  {
+    id: "showCategoryFilter",
+    type: "select",
+    label: "Show category filter",
+    description: "When to show the category filter dropdown",
+    required: false,
+    multiple: false,
+    defaultValue: "auto",
+    options: [
+      { value: "auto", label: "Auto (when >1 category has events)" },
+      { value: "always", label: "Always" },
+      { value: "never", label: "Never" }
+    ],
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "list", "timetable"]
       }
-    }),
-    createSiteOptionSelectField({
-      id: "filterStaffMemberId",
-      label: "Pre-filter by staff member",
-      description: "Restrict this block to a single staff member",
-      required: false,
-      multiple: false,
-      optionSource: "staffMembers",
-      ui: {
-        intent: "behavior",
-        searchThreshold: 8
+    }
+  },
+  {
+    id: "showVenueFilter",
+    type: "boolean",
+    label: "Show venue filter",
+    description: "Show venue filter dropdown",
+    required: false,
+    defaultValue: false,
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "list", "timetable"]
       }
-    }),
-    createSiteOptionSelectField({
-      id: "filterVenueId",
-      label: "Pre-filter by venue",
-      description: "Restrict this block to a single venue",
-      required: false,
-      multiple: false,
-      optionSource: "venues",
-      ui: {
-        intent: "behavior",
-        searchThreshold: 8
+    }
+  },
+  {
+    id: "showStaffFilter",
+    type: "boolean",
+    label: "Show staff filter",
+    description: "Show staff filter dropdown",
+    required: false,
+    defaultValue: true,
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "list", "timetable"]
       }
-    }),
-    // Card styling
-    ...cardStylingFields.filter((f) => f.id === "buttonVariant" || f.id === "buttonText").map((field) => ({
-      ...field,
-      ui: {
-        ...field.ui ?? {},
-        intent: field.id === "buttonVariant" ? "style" : "content"
+    }
+  },
+  {
+    id: "showCapacity",
+    type: "boolean",
+    label: "Show available spots",
+    description: "Display remaining capacity on event cards and timetable cells",
+    required: false,
+    defaultValue: true,
+    ui: {
+      intent: "display",
+      visibleWhen: {
+        field: "variant",
+        oneOf: ["combined", "list", "week", "timetable"]
       }
-    })),
-    {
-      ...emptyStateField,
-      ui: { ...emptyStateField.ui ?? {}, intent: "display" }
-    },
-    sectionStylesField({
-      id: "_sectionStyles",
-      label: "Section styles",
-      renderInHeader: false
-    })
-  ],
+    }
+  },
+  // Block-level pre-filtering
+  {
+    id: "eventSurface",
+    type: "select",
+    label: "Event surface",
+    description: "Choose a semantic event scope",
+    required: false,
+    multiple: false,
+    defaultValue: "all",
+    options: [
+      { value: "all", label: "All events" },
+      { value: "regularClassSchedule", label: "Regular class schedule" },
+      { value: "specialDatedEvents", label: "Workshops and special events" },
+      { value: "custom", label: "Custom" }
+    ],
+    ui: { intent: "behavior" }
+  },
+  {
+    id: "filterEventPresets",
+    type: "select",
+    label: "Pre-filter by event type",
+    description: "Restrict this block to specific event types",
+    required: false,
+    multiple: true,
+    defaultValue: [],
+    options: [
+      { value: "class", label: "Classes" },
+      { value: "workshop", label: "Workshops" },
+      { value: "retreat", label: "Retreats" },
+      { value: "performance", label: "Performances" }
+    ],
+    ui: {
+      intent: "behavior",
+      visibleWhen: { field: "eventSurface", equals: "custom" }
+    }
+  },
+  {
+    id: "scheduleScope",
+    type: "select",
+    label: "Schedule cadence",
+    description: "Restrict this block by recurrence",
+    required: false,
+    multiple: false,
+    defaultValue: "any",
+    options: [
+      { value: "any", label: "Any cadence" },
+      { value: "recurring", label: "Recurring only" },
+      { value: "oneOff", label: "One-off only" }
+    ],
+    ui: {
+      intent: "behavior",
+      visibleWhen: { field: "eventSurface", equals: "custom" }
+    }
+  },
+  createSiteOptionSelectField({
+    id: "filterCategoryIds",
+    label: "Pre-filter by categories",
+    description: "Restrict this block to specific event categories",
+    required: false,
+    multiple: true,
+    defaultValue: [],
+    optionSource: "eventCategories",
+    ui: {
+      intent: "behavior",
+      searchThreshold: 8,
+      visibleWhen: { field: "kind", notEquals: "courses" }
+    }
+  }),
+  createSiteOptionSelectField({
+    id: "filterStaffMemberId",
+    label: "Pre-filter by staff member",
+    description: "Restrict this block to a single staff member",
+    required: false,
+    multiple: false,
+    optionSource: "staffMembers",
+    ui: {
+      intent: "behavior",
+      searchThreshold: 8
+    }
+  }),
+  createSiteOptionSelectField({
+    id: "filterVenueId",
+    label: "Pre-filter by venue",
+    description: "Restrict this block to a single venue",
+    required: false,
+    multiple: false,
+    optionSource: "venues",
+    ui: {
+      intent: "behavior",
+      searchThreshold: 8
+    }
+  }),
+  // Card styling
+  ...cardStylingFields.filter((f) => f.id === "buttonVariant" || f.id === "buttonText").map((field) => ({
+    ...field,
+    ui: {
+      ...field.ui ?? {},
+      intent: field.id === "buttonVariant" ? "style" : "content"
+    }
+  })),
+  {
+    ...emptyStateField,
+    ui: { ...emptyStateField.ui ?? {}, intent: "display" }
+  },
+  sectionStylesField({
+    id: "_sectionStyles",
+    label: "Section styles",
+    renderInHeader: false
+  })
+];
+var eventCalendarVariants = {
+  combined: eventCalendarLayout[0],
+  month: eventCalendarLayout[0],
+  week: eventCalendarLayout[0],
+  timetable: eventCalendarLayout[0],
+  list: eventCalendarLayout[0]
+};
+var eventCalendarDerivedFields = [
+  {
+    id: "displayMode",
+    type: "select",
+    required: false,
+    multiple: false,
+    options: [
+      { value: "combined" },
+      { value: "month" },
+      { value: "week" },
+      { value: "timetable" },
+      { value: "list" }
+    ]
+  },
+  {
+    id: "listLayout",
+    type: "select",
+    required: false,
+    multiple: false,
+    options: eventCalendarListLayoutOptions.map((option) => ({
+      value: option.id
+    }))
+  }
+];
+var eventCalendarContentShape = {
+  additionalFields: eventCalendarDerivedFields,
+  variants: eventCalendarVariants,
+  skipSectionStyles: true
+};
+var eventCalendarConfig = {
+  id: "block.event-calendar",
+  version: "3.6.0",
+  title: "Event Calendar",
+  titleSource: "heading",
+  description: "Display events with calendar, list, or combined views with filtering",
+  // Preserve legacy section styles field configuration (renderInHeader: false).
+  skipSectionStyles: true,
+  additionalFields: eventCalendarAdditionalFields,
   styleTokens: { background: "surface", typography: "body", spacing: "md" },
   behaviours: {
     supportsThemeSwitching: true,
@@ -14390,109 +14811,21 @@ var eventCalendarManifest = createBlockManifest({
     "filter"
   ],
   icon: "CalendarDays",
-  layout: [
-    styledSection({
-      children: sectionContainer(
-        [
-          // Optional heading
-          text({ as: "h2" }, bind("content.heading"), when("content.heading")),
-          // Optional description
-          richText(
-            { className: "rb-prose rb-max-w-none" },
-            bind("content.description"),
-            when("content.description")
-          ),
-          // Event calendar component (handles all display modes)
-          el(
-            "event-calendar",
-            withApiBindings({
-              events: { $bind: { from: "data.events" } },
-              stage: {
-                $bind: { from: "$root.previewStage", fallback: "published" }
-              },
-              // Display mode
-              displayMode: {
-                $bind: { from: "content.displayMode", fallback: "combined" }
-              },
-              // List options
-              listLayout: { $bind: { from: "content.listLayout" } },
-              listColumns: { $bind: { from: "content.listColumns" } },
-              // Legacy compatibility: older event-calendar content used layout/columns
-              layout: { $bind: { from: "content.layout" } },
-              columns: { $bind: { from: "content.columns" } },
-              eventsPerPage: {
-                $bind: { from: "content.eventsPerPage", fallback: "12" }
-              },
-              compactEventsPerPage: {
-                $bind: { from: "content.compactEventsPerPage", fallback: "10" }
-              },
-              loadMoreText: {
-                $bind: {
-                  from: "content.loadMoreText",
-                  fallback: "Load more events"
-                }
-              },
-              // Calendar options
-              startOfWeek: {
-                $bind: { from: "content.startOfWeek", fallback: "monday" }
-              },
-              calendarTabViews: {
-                $bind: { from: "content.calendarTabViews", fallback: "both" }
-              },
-              // Filtering options
-              showFilters: {
-                $bind: { from: "content.showFilters", fallback: true }
-              },
-              showCategoryFilter: {
-                $bind: { from: "content.showCategoryFilter", fallback: "auto" }
-              },
-              showVenueFilter: {
-                $bind: { from: "content.showVenueFilter", fallback: false }
-              },
-              showStaffFilter: {
-                $bind: { from: "content.showStaffFilter", fallback: true }
-              },
-              showCapacity: {
-                $bind: { from: "content.showCapacity", fallback: true }
-              },
-              kind: { $bind: { from: "content.kind", fallback: "all" } },
-              eventSurface: {
-                $bind: { from: "content.eventSurface", fallback: "all" }
-              },
-              filterEventPresets: {
-                $bind: { from: "content.filterEventPresets" }
-              },
-              scheduleScope: {
-                $bind: { from: "content.scheduleScope", fallback: "any" }
-              },
-              filterCategoryIds: {
-                $bind: { from: "content.filterCategoryIds" }
-              },
-              filterStaffMemberId: {
-                $bind: { from: "content.filterStaffMemberId" }
-              },
-              filterVenueId: { $bind: { from: "content.filterVenueId" } },
-              // Styling
-              buttonVariant: {
-                $bind: { from: "content.buttonVariant", fallback: "primary" }
-              },
-              buttonText: {
-                $bind: { from: "content.buttonText", fallback: "View event" }
-              },
-              emptyMessage: { $bind: { from: "content.emptyMessage" } }
-            })
-          )
-        ],
-        {
-          gap: "lg"
-        }
-      ),
-      // sectionContainer (rb-container) already provides horizontal padding
-      baseClass: "",
-      spacing: "comfortable"
-    })
-  ]
-});
+  layout: eventCalendarLayout,
+  variants: eventCalendarVariants,
+  defaultVariant: "combined",
+  variantOptions: {
+    combined: { label: "Combined" },
+    month: { label: "Month" },
+    week: { label: "Week" },
+    timetable: { label: "Timetable" },
+    list: { label: "List" }
+  }
+};
+var eventCalendarManifest = createBlockManifestWithContentShape(
+  eventCalendarConfig,
+  eventCalendarContentShape
+);
 var eventCalendarBlockDefinition = {
   manifest: eventCalendarManifest,
   normalizeContent: normalizeEventCalendarContent,
@@ -18545,14 +18878,29 @@ function mediaPanelCapable() {
 var allSectionSurfaces = [
   "base",
   "muted-band",
-  "accent-band"
+  "accent-band",
+  "brand-depth-band"
 ];
 var heroSectionSurfaces = [
   "base",
   "muted-band",
   "accent-band",
+  "brand-depth-band",
   "hero-image"
 ];
+var scheduleTileTreatments = [
+  "default",
+  "quiet",
+  "brand-depth"
+];
+function scheduleDetailsCapable() {
+  return declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain"],
+    itemSurfaces: "unsupported",
+    tileTreatments: scheduleTileTreatments
+  });
+}
 function defaultBoundaryBias(visualWeight) {
   return visualWeight === "featured" || visualWeight === "immersive" ? "clear" : "soft";
 }
@@ -18790,7 +19138,7 @@ var systemBlockDefinitionsRaw = [
     flow: conversionFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "form", weight: "standard" })]
   })),
-  withDesignCapability("block.event-details", eventDetailsBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+  withDesignCapability("block.event-details", eventDetailsBlockDefinition, scheduleDetailsCapable(), defineBlockDesignMetadata({
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "stack", weight: "standard" })]
   })),
@@ -18798,7 +19146,7 @@ var systemBlockDefinitionsRaw = [
     flow: conversionFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "form", weight: "standard" })]
   })),
-  withDesignCapability("block.course-details", courseDetailsBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+  withDesignCapability("block.course-details", courseDetailsBlockDefinition, scheduleDetailsCapable(), defineBlockDesignMetadata({
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "stack", weight: "standard" })]
   })),
@@ -18813,7 +19161,13 @@ var systemBlockDefinitionsRaw = [
   })),
   withDesignCapability("block.event-calendar", eventCalendarBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
     flow: offeringsFlow,
-    layoutProfiles: [layoutProfile({ variantKey: "default", family: "grid", weight: "standard" })]
+    layoutProfiles: [
+      layoutProfile({ variantKey: "combined", family: "grid", weight: "standard" }),
+      layoutProfile({ variantKey: "list", family: "stack", weight: "standard" }),
+      layoutProfile({ variantKey: "month", family: "grid", weight: "standard" }),
+      layoutProfile({ variantKey: "week", family: "stack", weight: "standard" }),
+      layoutProfile({ variantKey: "timetable", family: "stack", weight: "standard" })
+    ]
   })),
   // Friendly wrapper blocks
   withDesignCapability("block.team-members", teamMembersBlockDefinition, sectionOnly(), defineBlockDesignMetadata({