@riverbankcms/sdk 0.78.2 → 0.79.0

package/dist/server/page-converter.mjs

@@ -304,6 +304,9 @@ function resolveRepeaterGridColumnFieldId(options) {
   return asNonEmptyString(options?.id) ?? DEFAULT_REPEATER_GRID_COLUMN_FIELD_ID;
 }
 
+// ../blocks/src/system/icons/presets.ts
+var ICON_PICKER_PRESETS = ["cta", "feature"];
+
 // ../blocks/src/system/manifest/schema.ts
 var visibilityLevels = ["admin", "designer", "author"];
 var MEDIA_KINDS = [
@@ -462,7 +465,7 @@ var uiSchema = z2.object({
   layoutGridColumnField: z2.string().optional(),
   layoutGridMaxRows: z2.number().int().positive().optional(),
   // Icon picker configuration (used when ui.widget === 'iconPicker')
-  iconPickerPreset: z2.enum(["cta"]).optional(),
+  iconPickerPreset: z2.enum(ICON_PICKER_PRESETS).optional(),
   // Entry picker configuration
   contentTypeField: z2.string().optional(),
   fixedContentType: z2.string().optional(),
@@ -2054,7 +2057,7 @@ var themeColorBaseTokenNames = [
   "accentForeground"
 ];
 var themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
-var SHADE_STEPS = [
+var themeColorShadeSteps = [
   "50",
   "100",
   "200",
@@ -2067,7 +2070,7 @@ var SHADE_STEPS = [
   "900",
   "950"
 ];
-var shadeStepSet = new Set(SHADE_STEPS);
+var shadeStepSet = new Set(themeColorShadeSteps);
 function isKnownBaseToken(value) {
   return themeColorBaseTokenSet.has(value);
 }
@@ -5694,6 +5697,7 @@ var curatedSiteStyleIdValues = [
   "site-style:personal-retreat-journal",
   "site-style:tactile-workshop",
   "site-style:modern-wellness",
+  "site-style:clarity-zen-blue",
   SOFT_EARTH_SITE_STYLE_ID_VALUE,
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
@@ -6279,6 +6283,114 @@ var curatedSiteStyles = [
       paletteChoice("warm-neutral-clay")
     ]
   }),
+  defineCuratedSiteStyle({
+    id: "site-style:clarity-zen-blue",
+    name: "Clarity Zen",
+    description: "Calm, editorial, and reassuring for therapy, counselling, and wellbeing support practices.",
+    generationBrief: "Use a calm, soft palette, editorial serif headings, warm grounded copy, rounded cards, calm proof sections, and clear booking routes. Keep the tone compassionate and straightforward, with professional trust rather than hard-sell wellness language.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 25
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "psychotherap" },
+      { kind: "phrase", value: "mental health" },
+      { kind: "phrase", value: "talk therapy" },
+      { kind: "phrase", value: "therapy and wellbeing" }
+    ],
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "standard",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    themeOverrides: {
+      typography: {
+        body: {
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
+          weight: "regular",
+          lineHeight: "relaxed",
+          letterSpacing: "normal"
+        },
+        headings: {
+          default: {
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            colorToken: "text",
+            italic: null,
+            case: null
+          },
+          h1: {
+            size: "xl",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h2: {
+            size: "lg",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h3: {
+            size: "md",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          }
+        },
+        scale: "majorThird"
+      },
+      bodyText: {
+        intro: {
+          paragraphSize: "default",
+          headingSize: "editorial"
+        }
+      }
+    },
+    defaultBlockVariants: {
+      "block.faq": "split-heading-columns"
+    },
+    recommendedAppearancePresetIds: [
+      "hero-split-editorial",
+      "intro-organic-statement",
+      "feature-cards-raised-rule",
+      "media-text-quiet-story",
+      "testimonials-brand-background-quotes",
+      "faq-contained-help",
+      "contact-form-panel"
+    ],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "serif-line",
+      "minimal-transparent"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("brand-led-cool"),
+      paletteChoice("soft-natural-watercolor"),
+      paletteChoice("soft-natural-stone"),
+      paletteChoice("warm-neutral-cream")
+    ]
+  }),
   defineCuratedSiteStyle({
     id: "site-style:personal-retreat-journal",
     name: "Personal Retreat Journal",
@@ -9779,36 +9891,46 @@ function buildCarouselLayout() {
     [buildTestimonialCard(repeat("data.entries", "testimonial"))]
   );
 }
+function buildResponsiveGridCards() {
+  return [
+    // 2 columns
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "2" })
+    ),
+    // 3 columns (default when unset)
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "3" })
+    ),
+    // 4 columns
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3, xl: 4 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { equals: "4" })
+    ),
+    // Fallback to 3 columns when gridColumns is not set
+    grid(
+      { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
+      [buildTestimonialCard(repeat("data.entries", "testimonial"))],
+      when("gridColumns", { not: true })
+    )
+  ];
+}
 function buildGridLayout() {
   return el(
     "div",
     { className: "rb-mt-12 rb-testimonials-carousel" },
-    [
-      // 2 columns
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "2" })
-      ),
-      // 3 columns (default when unset)
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "3" })
-      ),
-      // 4 columns
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3, xl: 4 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { equals: "4" })
-      ),
-      // Fallback to 3 columns when gridColumns is not set
-      grid(
-        { gap: "lg", cols: { base: 1, sm: 2, lg: 3 } },
-        [buildTestimonialCard(repeat("data.entries", "testimonial"))],
-        when("gridColumns", { not: true })
-      )
-    ]
+    buildResponsiveGridCards()
+  );
+}
+function buildGridCardsLayout(className) {
+  return el(
+    "div",
+    { className },
+    buildResponsiveGridCards()
   );
 }
 var testimonialsCarouselFragment = defineFragment({
@@ -12777,6 +12899,24 @@ var questionColumnsLayout = styledSection({
   }),
   baseClass: ""
 });
+var splitHeadingColumnsLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: el(
+      "div",
+      {
+        className: "rb-faq-split-heading-columns rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+      },
+      [
+        el("div", { className: "rb-faq-split-heading-columns-copy" }, [headingLayout]),
+        el("div", { className: "rb-faq-split-heading-columns-accordion" }, [
+          questionColumnsAccordionLayout
+        ])
+      ]
+    )
+  }),
+  baseClass: ""
+});
 var faqManifest = createBlockManifest({
   id: "block.faq",
   title: "FAQ",
@@ -12797,7 +12937,8 @@ var faqManifest = createBlockManifest({
   variants: {
     default: defaultLayout,
     "two-column": twoColumnLayout,
-    "question-columns": questionColumnsLayout
+    "question-columns": questionColumnsLayout,
+    "split-heading-columns": splitHeadingColumnsLayout
   },
   defaultVariant: "default",
   variantOptions: {
@@ -12812,6 +12953,10 @@ var faqManifest = createBlockManifest({
     "question-columns": {
       label: "Question columns",
       description: "A full-width heading above FAQ items split into two columns."
+    },
+    "split-heading-columns": {
+      label: "Split heading columns",
+      description: "A left heading column with FAQ items split into two columns on the right."
     }
   },
   description: "Accordion of frequently asked questions and answers.",
@@ -13582,6 +13727,7 @@ var siteFooterBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/testimonials.tsx
+var backgroundImageClassName = "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-object-cover rb-opacity-50";
 var wrapVariant = (variantLayout) => styledSection({
   children: styledContainer({
     children: stack(
@@ -13595,10 +13741,53 @@ var wrapVariant = (variantLayout) => styledSection({
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
   spacing: "comfortable",
-  imageClassName: "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-object-cover rb-opacity-50"
+  imageClassName: backgroundImageClassName
 });
 var carouselLayout = wrapVariant(buildCarouselLayout());
 var gridLayout2 = wrapVariant(buildGridLayout());
+var splitHeading = stack(
+  { gap: "md", className: "rb-testimonials-split-heading-copy rb-max-w-xl" },
+  [
+    text(
+      { as: "h2" },
+      when("content.heading"),
+      bind("content.heading")
+    ),
+    headingDecoration({
+      family: "short-center-rule",
+      placement: "after-heading"
+    }),
+    text(
+      {
+        as: "p",
+        className: "rb-prose",
+        style: textColorStyle("mutedText")
+      },
+      when("content.subheading"),
+      bind("content.subheading")
+    )
+  ]
+);
+var splitGridLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: el(
+      "div",
+      {
+        className: "rb-testimonials-split-grid rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+      },
+      [
+        el("div", { className: "rb-testimonials-split-grid-heading" }, [splitHeading]),
+        el("div", { className: "rb-testimonials-split-grid-cards" }, [
+          buildGridCardsLayout("rb-testimonials-split-grid-card-list")
+        ])
+      ]
+    )
+  }),
+  baseClass: "",
+  spacing: "comfortable",
+  imageClassName: backgroundImageClassName
+});
 var additionalFields = parseFieldDefinitions([
   // Heading fields from fragment
   ...testimonialsHeadingFragment.fields,
@@ -13630,7 +13819,7 @@ var additionalFields = parseFieldDefinitions([
     ],
     ui: {
       intent: "display",
-      visibleWhen: { field: "variant", equals: "grid" }
+      visibleWhen: { field: "variant", oneOf: ["grid", "split-grid"] }
     }
   },
   // Carousel-specific fields (from fragment)
@@ -13664,7 +13853,8 @@ var testimonialsManifest = createBlockManifest({
   // Variant system - enables the variant switcher control in the editor
   variants: {
     carousel: carouselLayout,
-    grid: gridLayout2
+    grid: gridLayout2,
+    "split-grid": splitGridLayout
   },
   defaultVariant: "carousel",
   variantOptions: {
@@ -13677,6 +13867,11 @@ var testimonialsManifest = createBlockManifest({
       label: "Grid",
       description: "Responsive grid layout",
       icon: "Grid"
+    },
+    "split-grid": {
+      label: "Split grid",
+      description: "Heading on the left with testimonial cards on the right",
+      icon: "PanelLeft"
     }
   },
   // Fields (variant field is auto-generated by augmentManifest)
@@ -14069,6 +14264,13 @@ var collectionBlockDefinition = {
   manifest: collectionManifest
 };
 
+// ../blocks/src/system/blocks/feature-card-icons.ts
+var FEATURE_CARD_ICON_TREATMENTS = [
+  "plain",
+  "soft-badge",
+  "utility-badge"
+];
+
 // ../blocks/src/system/blocks/feature-cards.ts
 function grid3(props2, children) {
   return el("grid", props2 ?? void 0, children ?? void 0);
@@ -14111,6 +14313,15 @@ var featureCard = styledCard(
       bind("card.media")
     ),
     stack({ gap: "sm", className: "rb-feature-card-content rb-flex-1 rb-p-6" }, [
+      el(
+        "feature-card-icon",
+        {
+          treatment: { $bind: { from: "content._iconTreatment", fallback: "soft-badge" } },
+          generatedAssets: { $bind: { from: "data.generatedIconAssets" } }
+        },
+        null,
+        bind("card.icon")
+      ),
       text(
         {
           as: "h3",
@@ -14232,6 +14443,16 @@ var featureCardsConfig = {
             defaultValue: "4/3",
             visibleWhen: { field: "media", notEquals: null }
           }),
+          {
+            id: "icon",
+            type: "text",
+            label: "Icon",
+            required: false,
+            ui: {
+              widget: "iconPicker",
+              iconPickerPreset: "feature"
+            }
+          },
           {
             id: "title",
             type: "text",
@@ -14267,6 +14488,19 @@ var featureCardsConfig = {
         ]
       }
     },
+    {
+      id: "_iconTreatment",
+      type: "select",
+      label: "Icon style",
+      required: false,
+      defaultValue: "soft-badge",
+      multiple: false,
+      options: FEATURE_CARD_ICON_TREATMENTS.map((value) => ({
+        value,
+        label: value === "plain" ? "Plain" : value === "soft-badge" ? "Soft badge" : "Utility badge"
+      })),
+      ui: { intent: "display" }
+    },
     cardStylesField({
       id: "_cardStyles",
       label: "Card styles"
@@ -22008,7 +22242,8 @@ var systemBlockDefinitionsRaw = [
     layoutProfiles: [
       layoutProfile({ variantKey: "default", family: "stack", weight: "standard" }),
       layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" }),
-      layoutProfile({ variantKey: "question-columns", family: "grid", weight: "standard" })
+      layoutProfile({ variantKey: "question-columns", family: "grid", weight: "standard" }),
+      layoutProfile({ variantKey: "split-heading-columns", family: "split", weight: "standard" })
     ]
   })),
   withDesignCapability("block.site-header", siteHeaderBlockDefinition, declareNoBlockDesignCapability("site-chrome"), defineBlockDesignMetadata({
@@ -22039,6 +22274,12 @@ var systemBlockDefinitionsRaw = [
         family: "grid",
         weight: "standard",
         bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "split-grid",
+        family: "split",
+        weight: "featured",
+        bias: "soft"
       })
     ]
   })),

package/dist/server/prebuild.mjs

@@ -4,7 +4,7 @@ import * as path from "path";
 import * as crypto from "crypto";
 
 // src/version.ts
-var SDK_VERSION = "0.78.2";
+var SDK_VERSION = "0.79.0";
 
 // src/constants.ts
 var PREBUILD_PAGE_SIZE = 50;