@riverbankcms/sdk 0.80.0 → 0.82.0

package/dist/server/theme.mjs

@@ -66,14 +66,72 @@ var accordionIconMotionValues = [
   "swap"
 ];
 
-// ../theme-core/src/buttons/personalities/types.ts
-import { z as z4 } from "zod";
+// ../theme-core/src/site-styles/styleTags.ts
+import { z } from "zod";
+var STYLE_AXIS_VALUES = {
+  tone: ["minimal", "classic", "bold"],
+  energy: ["calm", "vibrant"],
+  motion: ["subtle", "standard", "expressive"],
+  era: ["editorial", "modern", "organic", "technical", "retro"]
+};
+var styleTagsSchema = z.object({
+  tone: z.enum(STYLE_AXIS_VALUES.tone).optional(),
+  energy: z.enum(STYLE_AXIS_VALUES.energy).optional(),
+  motion: z.enum(STYLE_AXIS_VALUES.motion).optional(),
+  era: z.enum(STYLE_AXIS_VALUES.era).optional()
+});
+
+// ../theme-core/src/schema.ts
+import { z as z17 } from "zod";
+
+// ../theme-core/src/lib/media.ts
+import z2 from "zod";
+var hotspotSchema = z2.object({
+  x: z2.number().min(0).max(1),
+  y: z2.number().min(0).max(1),
+  radius: z2.number().optional()
+});
+var rotationSchema = z2.union([z2.literal(0), z2.literal(90), z2.literal(180), z2.literal(270)]);
+var rectSchema = z2.tuple([z2.number(), z2.number(), z2.number(), z2.number()]);
+var aspectCropSchema = z2.object({
+  aspect: z2.preprocess((value) => value == null ? void 0 : value, z2.string().optional()),
+  rect: z2.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
+  hotspot: z2.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
+  rotation: z2.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
+});
+var transformSchema = z2.object({
+  aspectCrops: z2.preprocess((value) => {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+      return void 0;
+    }
+    return value;
+  }, z2.record(z2.string(), aspectCropSchema.catch({}))).optional(),
+  rect: rectSchema.optional(),
+  hotspot: hotspotSchema.optional(),
+  rotation: rotationSchema.optional()
+});
+var mediaSchema = z2.object({
+  type: z2.enum(["image", "video", "audio", "document", "spreadsheet", "archive"]),
+  purpose: z2.string().optional(),
+  placeholder: z2.boolean().default(true).optional(),
+  assetId: z2.string().optional(),
+  identifier: z2.string().optional(),
+  src: z2.string().optional(),
+  alt: z2.string().optional(),
+  filename: z2.string().optional(),
+  mimeType: z2.string().optional(),
+  width: z2.number().optional(),
+  height: z2.number().optional(),
+  storageBucket: z2.string().optional(),
+  storagePath: z2.string().optional(),
+  transform: transformSchema.optional()
+});
 
 // ../theme-core/src/buttons/types.ts
-import { z as z2 } from "zod";
+import { z as z4 } from "zod";
 
 // ../theme-core/src/tokens/themeColorTokens.ts
-import { z } from "zod";
+import { z as z3 } from "zod";
 
 // ../theme-core/src/tokens/colorTokenParts.ts
 function parseOpacityPercent(source) {
@@ -154,7 +212,7 @@ var PALETTE_TOKEN_NAMES = [
   "text",
   "border"
 ];
-var paletteTokenNameSchema = z.enum(PALETTE_TOKEN_NAMES);
+var paletteTokenNameSchema = z3.enum(PALETTE_TOKEN_NAMES);
 var themeColorBaseTokenNames = [
   ...PALETTE_TOKEN_NAMES,
   ...blockColorTokenNames,
@@ -199,7 +257,7 @@ function isThemeColorToken(value) {
   const parts = parseColorTokenParts(value);
   return parts.kind === "token" && isThemeColorTokenBase(parts.token);
 }
-var themeColorTokenSchema = z.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
+var themeColorTokenSchema = z3.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
 
 // ../theme-core/src/buttons/types.ts
 var VARIANT_ROLES = [
@@ -211,22 +269,22 @@ var VARIANT_ROLES = [
   "tertiary",
   "accent"
 ];
-var cornerStyleSchema = z2.enum(["square", "rounded", "pill"]);
-var shadowSizeSchema = z2.enum(["none", "low", "medium", "high"]);
-var textTransformSchema = z2.enum(["none", "uppercase", "lowercase", "capitalize"]);
-var fontWeightSchema = z2.union([z2.literal(500), z2.literal(600), z2.literal(700)]);
-var buttonTypographySchema = z2.enum(["body", "heading"]);
-var letterSpacingSchema = z2.enum(["tight", "normal", "loose"]);
-var hoverTransformSchema = z2.enum(["none", "lift", "scale", "press"]);
-var hoverColorSchema = z2.enum(["none", "brighten", "darken", "saturate", "token"]);
-var buttonPaddingPresetSchema = z2.enum(["compact", "default", "spacious"]);
-var gradientStyleSchema = z2.enum(["linear", "radial", "conic"]);
-var gradientSharpnessSchema = z2.enum(["smooth", "medium", "hard"]);
-var prioritySchema = z2.union([z2.literal(1), z2.literal(2), z2.literal(3)]);
-var variantRoleSchema = z2.enum(VARIANT_ROLES);
-var buttonSizeNameSchema = z2.enum(["sm", "md", "lg", "xl"]);
+var cornerStyleSchema = z4.enum(["square", "rounded", "pill"]);
+var shadowSizeSchema = z4.enum(["none", "low", "medium", "high"]);
+var textTransformSchema = z4.enum(["none", "uppercase", "lowercase", "capitalize"]);
+var fontWeightSchema = z4.union([z4.literal(500), z4.literal(600), z4.literal(700)]);
+var buttonTypographySchema = z4.enum(["body", "heading"]);
+var letterSpacingSchema = z4.enum(["tight", "normal", "loose"]);
+var hoverTransformSchema = z4.enum(["none", "lift", "scale", "press"]);
+var hoverColorSchema = z4.enum(["none", "brighten", "darken", "saturate", "token"]);
+var buttonPaddingPresetSchema = z4.enum(["compact", "default", "spacious"]);
+var gradientStyleSchema = z4.enum(["linear", "radial", "conic"]);
+var gradientSharpnessSchema = z4.enum(["smooth", "medium", "hard"]);
+var prioritySchema = z4.union([z4.literal(1), z4.literal(2), z4.literal(3)]);
+var variantRoleSchema = z4.enum(VARIANT_ROLES);
+var buttonSizeNameSchema = z4.enum(["sm", "md", "lg", "xl"]);
 var PADDING_TOKEN_PATTERN = /^(?:0|\d+(?:\.\d+)?(?:rem|em|px|%))$/;
-var paddingShorthandSchema = z2.string().refine(
+var paddingShorthandSchema = z4.string().refine(
   (value) => {
     const parts = value.split(/\s+/).filter(Boolean);
     return parts.length === 2 && parts.every((token) => PADDING_TOKEN_PATTERN.test(token));
@@ -235,11 +293,11 @@ var paddingShorthandSchema = z2.string().refine(
     message: 'Padding must be two space-separated CSS length tokens (e.g. "0.5rem 1rem"). Use `0` for zero.'
   }
 );
-var buttonSizeConfigSchema = z2.object({
+var buttonSizeConfigSchema = z4.object({
   padding: paddingShorthandSchema,
-  fontSize: z2.string().optional()
+  fontSize: z4.string().optional()
 });
-var buttonSizesSchema = z2.object({
+var buttonSizesSchema = z4.object({
   sm: buttonSizeConfigSchema,
   md: buttonSizeConfigSchema,
   lg: buttonSizeConfigSchema,
@@ -250,9 +308,9 @@ var buttonSizesSchema = z2.object({
   lg,
   xl: xl ?? lg
 }));
-var buttonGlobalSettingsSchema = z2.object({
+var buttonGlobalSettingsSchema = z4.object({
   cornerStyle: cornerStyleSchema,
-  cornerRadius: z2.number().min(0).max(24).optional(),
+  cornerRadius: z4.number().min(0).max(24).optional(),
   shadow: shadowSizeSchema,
   textTransform: textTransformSchema,
   fontWeight: fontWeightSchema,
@@ -262,18 +320,18 @@ var buttonGlobalSettingsSchema = z2.object({
    * by the current generator and will be removed once the legacy
    * `primitives/content/components/Button.tsx` slot exports are deleted.
    */
-  borderWidth: z2.union([z2.literal(1), z2.literal(2), z2.literal(3)]),
+  borderWidth: z4.union([z4.literal(1), z4.literal(2), z4.literal(3)]),
   // === Family-level typography ===
   // Typography source (body or heading) — selects which theme typography pool to inherit
   typography: buttonTypographySchema.optional(),
   // Font size for all variants in the family (Tailwind token, e.g. "text-xs", "text-sm")
   // Sized variants get this as default; fixed variants inherit unless they override.
   // Size class CSS may still override at run time for sized variants.
-  fontSize: z2.string().optional(),
+  fontSize: z4.string().optional(),
   // Letter spacing applied to all variants
   letterSpacing: letterSpacingSchema.optional(),
   // Italic style
-  italic: z2.boolean().optional(),
+  italic: z4.boolean().optional(),
   // Padding preset (applies to sized variants without a sizes config)
   paddingPreset: buttonPaddingPresetSchema.optional(),
   hoverTransform: hoverTransformSchema,
@@ -282,98 +340,89 @@ var buttonGlobalSettingsSchema = z2.object({
   hoverColorToken: themeColorTokenSchema.optional(),
   // Gradient settings (if any variant uses gradients)
   gradientStyle: gradientStyleSchema.optional(),
-  gradientAngle: z2.number().min(0).max(360).optional(),
+  gradientAngle: z4.number().min(0).max(360).optional(),
   gradientSharpness: gradientSharpnessSchema.optional()
 });
-var gradientDirectionSchema = z2.enum(["to-r", "to-l", "to-t", "to-b", "to-tr", "to-tl", "to-br", "to-bl"]);
-var buttonBackgroundSchema = z2.discriminatedUnion("type", [
-  z2.object({ type: z2.literal("solid"), colorToken: themeColorTokenSchema }),
-  z2.object({
-    type: z2.literal("gradient"),
-    stops: z2.array(themeColorTokenSchema).min(2),
+var gradientDirectionSchema = z4.enum(["to-r", "to-l", "to-t", "to-b", "to-tr", "to-tl", "to-br", "to-bl"]);
+var buttonBackgroundSchema = z4.discriminatedUnion("type", [
+  z4.object({ type: z4.literal("solid"), colorToken: themeColorTokenSchema }),
+  z4.object({
+    type: z4.literal("gradient"),
+    stops: z4.array(themeColorTokenSchema).min(2),
     direction: gradientDirectionSchema
   }),
-  z2.object({ type: z2.literal("transparent") })
+  z4.object({ type: z4.literal("transparent") })
 ]);
-var effectApplicationSchema = z2.object({
-  effectId: z2.string(),
-  options: z2.record(z2.string(), z2.any()).optional()
+var effectApplicationSchema = z4.object({
+  effectId: z4.string(),
+  options: z4.record(z4.string(), z4.any()).optional()
 });
-var buttonBorderSchema = z2.object({
-  widthClass: z2.string(),
+var buttonBorderSchema = z4.object({
+  widthClass: z4.string(),
   colorToken: themeColorTokenSchema
 });
-var variantShadowSchema = z2.object({
-  elevation: z2.enum(["none", "low", "medium", "high"]),
-  softness: z2.enum(["crisp", "soft", "hard"]).nullable(),
-  position: z2.enum(["bottom", "bottom-right"]).default("bottom")
+var variantShadowSchema = z4.object({
+  elevation: z4.enum(["none", "low", "medium", "high"]),
+  softness: z4.enum(["crisp", "soft", "hard"]).nullable(),
+  position: z4.enum(["bottom", "bottom-right"]).default("bottom"),
+  // Optional palette token for a coloured offset shadow; omit for neutral black.
+  colorToken: themeColorTokenSchema.optional()
 });
-var variantEffectsSchema = z2.object({
-  base: z2.array(effectApplicationSchema).optional(),
-  hover: z2.array(effectApplicationSchema).optional(),
-  active: z2.array(effectApplicationSchema).optional(),
-  focus: z2.array(effectApplicationSchema).optional()
+var variantEffectsSchema = z4.object({
+  base: z4.array(effectApplicationSchema).optional(),
+  hover: z4.array(effectApplicationSchema).optional(),
+  active: z4.array(effectApplicationSchema).optional(),
+  focus: z4.array(effectApplicationSchema).optional()
 });
-var variantSizeOverridesSchema = z2.object({
+var variantSizeOverridesSchema = z4.object({
   sm: buttonSizeConfigSchema.optional(),
   md: buttonSizeConfigSchema.optional(),
   lg: buttonSizeConfigSchema.optional(),
   xl: buttonSizeConfigSchema.optional()
 });
-var buttonVariantSchema = z2.object({
-  id: z2.string(),
-  name: z2.string().min(1).max(20),
-  enabled: z2.boolean(),
+var buttonVariantSchema = z4.object({
+  id: z4.string(),
+  name: z4.string().min(1).max(20),
+  enabled: z4.boolean(),
   priority: prioritySchema,
   // Base appearance (token-based)
   background: buttonBackgroundSchema,
   textColorToken: themeColorTokenSchema,
   /** Tailwind radius token (e.g. `'rounded-md'`). Omit to inherit from `global.cornerStyle`. */
-  borderRadius: z2.string().optional(),
+  borderRadius: z4.string().optional(),
   // Optional shadow override (uses theme.shadow if not specified)
   shadow: variantShadowSchema.optional(),
   // Border (optional)
   border: buttonBorderSchema.optional(),
   // Hover background token (per-variant override, takes precedence over global hoverColorToken)
-  hoverBackgroundToken: z2.string().optional(),
+  hoverBackgroundToken: z4.string().optional(),
   // Effect composition
   effects: variantEffectsSchema.optional(),
   // Per-variant size overrides — see VariantSizeOverrides
   sizes: variantSizeOverridesSchema.optional()
 });
-var buttonSystemSchema = z2.object({
+var buttonSystemSchema = z4.object({
   global: buttonGlobalSettingsSchema,
-  variants: z2.array(buttonVariantSchema).min(1).max(6),
+  variants: z4.array(buttonVariantSchema).min(1).max(6),
   sizes: buttonSizesSchema.optional()
 });
 
-// ../theme-core/src/site-styles/styleTags.ts
-import { z as z3 } from "zod";
-var STYLE_AXIS_VALUES = {
-  tone: ["minimal", "classic", "bold"],
-  energy: ["calm", "vibrant"],
-  motion: ["subtle", "standard", "expressive"],
-  era: ["editorial", "modern", "organic", "technical", "retro"]
-};
-var styleTagsSchema = z3.object({
-  tone: z3.enum(STYLE_AXIS_VALUES.tone).optional(),
-  energy: z3.enum(STYLE_AXIS_VALUES.energy).optional(),
-  motion: z3.enum(STYLE_AXIS_VALUES.motion).optional(),
-  era: z3.enum(STYLE_AXIS_VALUES.era).optional()
-});
+// ../theme-core/src/buttons/generateButtonCss.ts
+var BUTTON_SIZE_NAMES = buttonSizeNameSchema.options;
 
 // ../theme-core/src/buttons/personalities/types.ts
+import { z as z5 } from "zod";
 function asButtonPersonalityId(value) {
   if (value.length === 0) {
     throw new Error("ButtonPersonalityId must be a non-empty string");
   }
   return value;
 }
-var buttonPersonalityIdSchema = z4.string().min(1).transform((value) => asButtonPersonalityId(value));
-var buttonPersonalitySchema = z4.object({
+var buttonPersonalityIdSchema = z5.string().min(1).transform((value) => asButtonPersonalityId(value));
+var buttonPersonalitySchema = z5.object({
   id: buttonPersonalityIdSchema,
-  name: z4.string().min(1),
-  description: z4.string().min(1),
+  name: z5.string().min(1),
+  description: z5.string().min(1),
   tags: styleTagsSchema,
   buttonSystem: buttonSystemSchema
 });
@@ -830,11 +879,70 @@ var inkStamp = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/joy-stamp.ts
+var joyStamp = defineButtonPersonality({
+  id: "joy-stamp",
+  name: "Joy Stamp",
+  description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+  tags: { tone: "bold", energy: "vibrant", motion: "expressive", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "high",
+      textTransform: "none",
+      // Bold display type on the buttons: use the heading font (Bricolage) at
+      // 700, matching the mockup's chunky button labels.
+      typography: "heading",
+      fontWeight: 700,
+      borderWidth: 2,
+      hoverTransform: "none",
+      hoverColor: "none"
+    },
+    sizes: {
+      sm: { padding: "0.625rem 1.25rem", fontSize: "text-sm" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "text-base" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "text-lg" },
+      xl: { padding: "1.25rem 2.75rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        // Cream stamp shadow under the burnt-orange fill.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "text" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "text" },
+        // Brown stamp shadow under the cream outline.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "secondary" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/pebble.ts
 var pebble = defineButtonPersonality({
   id: "pebble",
   name: "Pebble",
-  description: "Generous pill buttons with a soft hover lift.",
+  description: "Generous pill buttons with a quiet colour-softening hover.",
   tags: { tone: "classic", energy: "calm", motion: "standard", era: "organic" },
   buttonSystem: {
     global: {
@@ -863,8 +971,7 @@ var pebble = defineButtonPersonality({
         borderRadius: "rounded-full",
         effects: {
           hover: [
-            { effectId: "scale-up", options: { scale: "1.03" } },
-            { effectId: "drop-shadow", options: { intensity: "medium" } }
+            { effectId: "background-on-hover-alpha", options: { colorToken: "primary", opacity: 88 } }
           ]
         }
       },
@@ -1103,61 +1210,13 @@ var buttonPersonalities = [
   pebble,
   inkStamp,
   brushedWash,
-  showtimePill
+  showtimePill,
+  joyStamp
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])
 );
 
-// ../theme-core/src/schema.ts
-import { z as z17 } from "zod";
-
-// ../theme-core/src/lib/media.ts
-import z5 from "zod";
-var hotspotSchema = z5.object({
-  x: z5.number().min(0).max(1),
-  y: z5.number().min(0).max(1),
-  radius: z5.number().optional()
-});
-var rotationSchema = z5.union([z5.literal(0), z5.literal(90), z5.literal(180), z5.literal(270)]);
-var rectSchema = z5.tuple([z5.number(), z5.number(), z5.number(), z5.number()]);
-var aspectCropSchema = z5.object({
-  aspect: z5.preprocess((value) => value == null ? void 0 : value, z5.string().optional()),
-  rect: z5.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
-  hotspot: z5.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
-  rotation: z5.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
-});
-var transformSchema = z5.object({
-  aspectCrops: z5.preprocess((value) => {
-    if (!value || typeof value !== "object" || Array.isArray(value)) {
-      return void 0;
-    }
-    return value;
-  }, z5.record(z5.string(), aspectCropSchema.catch({}))).optional(),
-  rect: rectSchema.optional(),
-  hotspot: hotspotSchema.optional(),
-  rotation: rotationSchema.optional()
-});
-var mediaSchema = z5.object({
-  type: z5.enum(["image", "video", "audio", "document", "spreadsheet", "archive"]),
-  purpose: z5.string().optional(),
-  placeholder: z5.boolean().default(true).optional(),
-  assetId: z5.string().optional(),
-  identifier: z5.string().optional(),
-  src: z5.string().optional(),
-  alt: z5.string().optional(),
-  filename: z5.string().optional(),
-  mimeType: z5.string().optional(),
-  width: z5.number().optional(),
-  height: z5.number().optional(),
-  storageBucket: z5.string().optional(),
-  storagePath: z5.string().optional(),
-  transform: transformSchema.optional()
-});
-
-// ../theme-core/src/buttons/generateButtonCss.ts
-var BUTTON_SIZE_NAMES = buttonSizeNameSchema.options;
-
 // ../theme-core/src/cards/types.ts
 import { z as z6 } from "zod";
 var cardVariantRoleValues = ["default", "alternative"];
@@ -1737,6 +1796,7 @@ var themeV2CompilerOwnedFieldNames = [
   ...themeV2BlockSpecificRawStyleFieldNames
 ];
 var pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
+var siteChromeBackgroundOverrideOwner = "site-chrome-editor";
 
 // ../theme-core/src/utils/tokenOrColor.ts
 import { z as z16 } from "zod";
@@ -1839,7 +1899,9 @@ var boxBackgroundSchema = z17.object({
   motion: z17.enum(["static", "fixed-frame"]).nullable().optional(),
   overlay: boxBackgroundOverlaySchema.nullable().optional(),
   textColor: tokenOrCssColorValueSchema.nullable().optional(),
-  headingColor: tokenOrCssColorValueSchema.nullable().optional()
+  headingColor: tokenOrCssColorValueSchema.nullable().optional(),
+  linkColor: tokenOrCssColorValueSchema.nullable().optional(),
+  supportingColor: tokenOrCssColorValueSchema.nullable().optional()
 });
 var noHeadingDecorationSchema = z17.object({
   family: z17.literal("none")
@@ -1902,7 +1964,8 @@ var cardStylesOverrideSchema = z17.object({
     "editorial-rule",
     "soft-panel",
     "editorial-serif-quote",
-    "editorial-open"
+    "editorial-open",
+    "color-blocked"
   ]).nullable().optional(),
   // Which site-style card variant the card adopts (emits a `.card-{id}` class).
   // 'none' is boxless. Driven by the block look via testimonialCardTreatment.
@@ -2063,6 +2126,7 @@ var navContainerSchema = z17.object({
 }).default({ type: "none", tint: null, opacity: 0.15 });
 var headerBackgroundSchema = z17.object({
   type: z17.enum(["color", "gradient", "image"]),
+  contentOwner: z17.literal(siteChromeBackgroundOverrideOwner).optional(),
   color: tokenOrCssColorValueSchema.nullable().optional(),
   gradient: gradientConfigSchema.nullable().optional(),
   image: mediaSchema.nullable().optional(),