@riverbankcms/sdk 0.81.0 → 0.84.0

package/dist/server/theme.mjs

@@ -25,6 +25,7 @@ var eventListTreatmentValues = [
 ];
 var eyebrowTreatmentValues = [
   "plain",
+  "accent",
   "pill",
   "accent-pill",
   "pill-bounce",
@@ -66,14 +67,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 +213,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 +258,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 +270,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 +294,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 +309,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 +321,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,100 +341,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
 });
@@ -891,11 +939,100 @@ var joyStamp = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/ornate-ritual.ts
+var ornateRitual = defineButtonPersonality({
+  id: "ornate-ritual",
+  name: "Ornate Ritual",
+  description: "Ceremonial framed buttons with jewel-toned fills and quiet color-change hover states.",
+  tags: { tone: "classic", energy: "vibrant", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "rounded",
+      shadow: "none",
+      textTransform: "uppercase",
+      fontWeight: 600,
+      borderWidth: 1,
+      hoverTransform: "none",
+      hoverColor: "none",
+      letterSpacing: "loose"
+    },
+    sizes: {
+      sm: { padding: "0.5625rem 1.25rem", fontSize: "text-xs" },
+      md: { padding: "0.75rem 1.75rem", fontSize: "text-xs" },
+      lg: { padding: "0.875rem 2.25rem", fontSize: "text-sm" },
+      xl: { padding: "1rem 2.75rem", fontSize: "text-base" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "primary-100" } }],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "solid", colorToken: "secondary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surface" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-md",
+        border: { widthClass: "border", colorToken: "primary" },
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "accent",
+        borderRadius: "rounded-none",
+        sizes: {
+          sm: { padding: "0.375rem 0", fontSize: "text-xs" },
+          md: { padding: "0.5rem 0", fontSize: "text-sm" },
+          lg: { padding: "0.625rem 0", fontSize: "text-base" },
+          xl: { padding: "0.75rem 0", fontSize: "text-lg" }
+        },
+        effects: {
+          base: [{ effectId: "border-bottom-grow", options: { height: 1, colorToken: "accent", origin: "left" } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../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: {
@@ -924,8 +1061,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 } }
           ]
         }
       },
@@ -1165,61 +1301,13 @@ var buttonPersonalities = [
   inkStamp,
   brushedWash,
   showtimePill,
-  joyStamp
+  joyStamp,
+  ornateRitual
 ];
 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"];
@@ -1799,6 +1887,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";
@@ -2128,6 +2217,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(),