@riverbankcms/sdk 0.104.3 → 0.108.0

package/dist/client/{buttons-DfYyqt8C.mjs → buttons-EBjyslaX.mjs}

@@ -1,4 +1,4 @@
-import { et as themeColorTokenSchema } from "./propsDecoder-CD2pJ1WB.mjs";
+import { $ as themeColorTokenSchema } from "./propsDecoder-BRWBiH7i.mjs";
 import { z as z$1 } from "zod";
 //#region ../theme-core/src/buttons/types.ts
 /**
@@ -120,7 +120,14 @@ const buttonSizesSchema = z$1.object({
 const buttonGlobalSettingsSchema = z$1.object({
 	cornerStyle: cornerStyleSchema,
 	cornerRadius: z$1.number().min(0).max(24).optional(),
-	shadow: shadowSizeSchema,
+	/**
+	* Family-level shadow inherited by variants that don't set their own.
+	* Optional and flat-by-default: when omitted, buttons carry no drop shadow
+	* (`elevation: 'none'`). A personality opts the whole family into a shadow by
+	* setting this; individual variants still override. There is no system-level
+	* shadow-by-default — shadows only appear when explicitly declared.
+	*/
+	shadow: shadowSizeSchema.optional(),
 	textTransform: textTransformSchema,
 	fontWeight: fontWeightSchema,
 	/**
@@ -708,7 +715,6 @@ const editorialLink = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "square",
-			shadow: "none",
 			textTransform: "none",
 			fontWeight: 500,
 			borderWidth: 1,
@@ -724,11 +730,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "text",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -752,11 +753,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "mutedText",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -780,11 +776,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "accent",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -808,11 +799,6 @@ const editorialLink = defineButtonPersonality({
 				background: { type: "transparent" },
 				textColorToken: "mutedText",
 				borderRadius: "rounded-none",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				sizes: {
 					sm: { padding: "0.25rem 0" },
 					md: { padding: "0.5rem 0" },
@@ -850,7 +836,6 @@ const flatInk = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "low",
 			textTransform: "none",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -891,11 +876,6 @@ const flatInk = defineButtonPersonality({
 					iconId: "ArrowRight",
 					colorToken: "accent"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "lift",
 					options: { translateY: "-2px" }
@@ -916,11 +896,6 @@ const flatInk = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "border"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "lift",
 					options: { translateY: "-2px" }
@@ -940,11 +915,6 @@ const flatInk = defineButtonPersonality({
 				},
 				textColorToken: "accentForeground",
 				borderRadius: "rounded-lg",
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				affordance: {
 					iconId: "ArrowRight",
 					colorToken: "accentForeground"
@@ -976,7 +946,6 @@ const inkStamp = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "none",
 			textTransform: "uppercase",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -1211,7 +1180,6 @@ const ornateRitual = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "rounded",
-			shadow: "none",
 			textTransform: "uppercase",
 			fontWeight: 600,
 			borderWidth: 1,
@@ -1253,11 +1221,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: {
 					hover: [{
 						effectId: "background-on-hover",
@@ -1284,11 +1247,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "background-on-hover",
 					options: { colorToken: "surface" }
@@ -1306,11 +1264,6 @@ const ornateRitual = defineButtonPersonality({
 					widthClass: "border",
 					colorToken: "primary"
 				},
-				shadow: {
-					elevation: "none",
-					softness: null,
-					position: "bottom"
-				},
 				effects: { hover: [{
 					effectId: "background-on-hover",
 					options: { colorToken: "muted" }
@@ -1373,7 +1326,6 @@ const pebble = defineButtonPersonality({
 	buttonSystem: {
 		global: {
 			cornerStyle: "pill",
-			shadow: "none",
 			textTransform: "none",
 			fontWeight: 500,
 			borderWidth: 2,
@@ -1481,6 +1433,117 @@ const pebble = defineButtonPersonality({
 	}
 });
 //#endregion
+//#region ../theme-core/src/buttons/personalities/quiet-arrow.ts
+/**
+* Quiet Arrow — wide, flat editorial buttons for grounded service businesses.
+* Primary and secondary keep stable semantic colours; surrounding surfaces are
+* responsible for contrast rather than reversing the button roles.
+*/
+const quietArrow = defineButtonPersonality({
+	id: "quiet-arrow",
+	name: "Quiet Arrow",
+	description: "Wide, flat arrow buttons with a solid primary and a primary-colour outlined secondary.",
+	tags: {
+		tone: "classic",
+		energy: "calm",
+		motion: "subtle",
+		era: "editorial"
+	},
+	buttonSystem: {
+		global: {
+			cornerStyle: "rounded",
+			textTransform: "uppercase",
+			fontWeight: 500,
+			borderWidth: 1,
+			typography: "body",
+			fontSize: "text-sm",
+			letterSpacing: "loose",
+			hoverTransform: "none",
+			hoverColor: "none"
+		},
+		sizes: {
+			sm: {
+				padding: "0.625rem 1.25rem",
+				fontSize: "text-xs"
+			},
+			md: {
+				padding: "0.8125rem 1.75rem",
+				fontSize: "text-sm"
+			},
+			lg: {
+				padding: "0.9375rem 2.125rem",
+				fontSize: "text-sm"
+			},
+			xl: {
+				padding: "1.0625rem 2.5rem",
+				fontSize: "text-base"
+			}
+		},
+		variants: [
+			{
+				id: "primary",
+				name: "Primary",
+				enabled: true,
+				priority: 1,
+				background: {
+					type: "solid",
+					colorToken: "primary"
+				},
+				textColorToken: "primaryForeground",
+				borderRadius: "rounded-xl",
+				affordance: { iconId: "ArrowRight" },
+				effects: { hover: [{
+					effectId: "background-on-hover-alpha",
+					options: {
+						colorToken: "primary",
+						opacity: 90
+					}
+				}] }
+			},
+			{
+				id: "secondary",
+				name: "Secondary",
+				enabled: true,
+				priority: 2,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl",
+				border: {
+					widthClass: "border",
+					colorToken: "primary"
+				},
+				affordance: { iconId: "ArrowRight" },
+				effects: { hover: [{
+					effectId: "background-on-hover",
+					options: { colorToken: "surfaceAlt" }
+				}] }
+			},
+			{
+				id: "outline",
+				name: "Outline",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl",
+				border: {
+					widthClass: "border",
+					colorToken: "primary"
+				}
+			},
+			{
+				id: "ghost",
+				name: "Ghost",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-xl"
+			}
+		]
+	}
+});
+//#endregion
 //#region ../theme-core/src/buttons/personalities/showtime-pill.ts
 /**
 * Showtime Pill — bold, spacious, fully rounded buttons with playful pop
@@ -1623,104 +1686,153 @@ const showtimePill = defineButtonPersonality({
 	}
 });
 //#endregion
-//#region ../theme-core/src/buttons/personalities/index.ts
-const buttonPersonalities = [
-	defineButtonPersonality({
-		id: "soft-pill",
-		name: "Soft Pill",
-		description: "Rounded pills with a gentle lift on hover. Quietly modern.",
-		tags: {
-			tone: "classic",
-			energy: "calm",
-			motion: "subtle",
-			era: "organic"
+//#region ../theme-core/src/buttons/personalities/soft-pill.ts
+/**
+* Soft Pill — rounded-full pill buttons with a hover lift. The default for
+* Calm Studio and Modern Wellness; reads as quietly modern and welcoming.
+*/
+const softPill = defineButtonPersonality({
+	id: "soft-pill",
+	name: "Soft Pill",
+	description: "Rounded pills with a gentle lift on hover. Quietly modern.",
+	tags: {
+		tone: "classic",
+		energy: "calm",
+		motion: "subtle",
+		era: "organic"
+	},
+	buttonSystem: {
+		global: {
+			cornerStyle: "pill",
+			shadow: "low",
+			textTransform: "none",
+			fontWeight: 500,
+			borderWidth: 2,
+			hoverTransform: "lift",
+			hoverColor: "none"
 		},
-		buttonSystem: {
-			global: {
-				cornerStyle: "pill",
-				shadow: "low",
-				textTransform: "none",
-				fontWeight: 500,
-				borderWidth: 2,
-				hoverTransform: "lift",
-				hoverColor: "none"
-			},
-			variants: [
-				{
-					id: "primary",
-					name: "Primary",
-					enabled: true,
-					priority: 1,
-					background: {
-						type: "solid",
-						colorToken: "primary"
-					},
-					textColorToken: "primaryForeground",
-					borderRadius: "rounded-full",
-					shadow: {
-						elevation: "low",
-						softness: "soft",
-						position: "bottom"
-					},
-					effects: {
-						hover: [{
-							effectId: "lift",
-							options: { translateY: "-1px" }
-						}],
-						active: [{
-							effectId: "scale-down",
-							options: { scale: "0.98" }
-						}]
-					}
-				},
-				{
-					id: "secondary",
-					name: "Secondary",
-					enabled: true,
-					priority: 2,
-					background: { type: "transparent" },
-					textColorToken: "primary",
-					borderRadius: "rounded-full",
-					border: {
-						widthClass: "border-2",
-						colorToken: "primary"
-					},
-					effects: { hover: [{
-						effectId: "background-on-hover",
-						options: { colorToken: "surface" }
-					}] }
+		variants: [
+			{
+				id: "primary",
+				name: "Primary",
+				enabled: true,
+				priority: 1,
+				background: {
+					type: "solid",
+					colorToken: "primary"
 				},
-				{
-					id: "outline",
-					name: "Outline",
-					enabled: true,
-					priority: 3,
-					background: { type: "transparent" },
-					textColorToken: "text",
-					borderRadius: "rounded-full",
-					border: {
-						widthClass: "border",
-						colorToken: "border"
-					},
-					effects: { hover: [{
-						effectId: "background-on-hover",
-						options: { colorToken: "surface" }
-					}] }
+				textColorToken: "primaryForeground",
+				borderRadius: "rounded-full",
+				shadow: {
+					elevation: "low",
+					softness: "soft",
+					position: "bottom"
 				},
-				{
-					id: "ghost",
-					name: "Ghost",
-					enabled: true,
-					priority: 3,
-					background: { type: "transparent" },
-					textColorToken: "text",
-					borderRadius: "rounded-full",
-					effects: { hover: [{
-						effectId: "background-on-hover",
-						options: { colorToken: "surface" }
-					}] }
+				effects: {
+					hover: [{
+						effectId: "lift",
+						options: { translateY: "-1px" }
+					}],
+					active: [{
+						effectId: "scale-down",
+						options: { scale: "0.98" }
+					}]
 				}
-			]
+			},
+			{
+				id: "secondary",
+				name: "Secondary",
+				enabled: true,
+				priority: 2,
+				background: { type: "transparent" },
+				textColorToken: "primary",
+				borderRadius: "rounded-full",
+				border: {
+					widthClass: "border-2",
+					colorToken: "primary"
+				},
+				effects: { hover: [{
+					effectId: "background-on-hover",
+					options: { colorToken: "surface" }
+				}] }
+			},
+			{
+				id: "outline",
+				name: "Outline",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "text",
+				borderRadius: "rounded-full",
+				border: {
+					widthClass: "border",
+					colorToken: "border"
+				},
+				effects: { hover: [{
+					effectId: "background-on-hover",
+					options: { colorToken: "surface" }
+				}] }
+			},
+			{
+				id: "ghost",
+				name: "Ghost",
+				enabled: true,
+				priority: 3,
+				background: { type: "transparent" },
+				textColorToken: "text",
+				borderRadius: "rounded-full",
+				effects: { hover: [{
+					effectId: "background-on-hover",
+					options: { colorToken: "surface" }
+				}] }
+			}
+		]
+	}
+});
+//#endregion
+//#region ../theme-core/src/buttons/personalities/two-tone-pill.ts
+const solidSecondary = {
+	id: "secondary",
+	name: "Secondary",
+	enabled: true,
+	priority: 2,
+	background: {
+		type: "solid",
+		colorToken: "secondary"
+	},
+	textColorToken: "onSecondary",
+	borderRadius: "rounded-full",
+	shadow: {
+		elevation: "none",
+		softness: null,
+		position: "bottom"
+	},
+	effects: {
+		hover: [{
+			effectId: "background-on-hover-alpha",
+			options: {
+				colorToken: "secondary",
+				opacity: 88
+			}
+		}],
+		active: [{
+			effectId: "scale-down",
+			options: { scale: "0.98" }
+		}]
+	}
+};
+//#endregion
+//#region ../theme-core/src/buttons/personalities/index.ts
+const buttonPersonalities = [
+	softPill,
+	defineButtonPersonality({
+		id: "two-tone-pill",
+		name: "Two-tone Pill",
+		description: "Rounded pills with distinct solid primary and secondary brand colours.",
+		tags: softPill.tags,
+		buttonSystem: {
+			...softPill.buttonSystem,
+			variants: softPill.buttonSystem.variants.map((variant) => variant.id === "secondary" ? solidSecondary : variant)
 		}
 	}),
 	earthPill,
@@ -1732,7 +1844,8 @@ const buttonPersonalities = [
 	brushedWash,
 	showtimePill,
 	joyStamp,
-	ornateRitual
+	ornateRitual,
+	quietArrow
 ];
 new Map(buttonPersonalities.map((p) => [p.id, p]));
 //#endregion

package/dist/client/{carousel-fMBb0JSc.mjs → carousel-C2b7Cn9-.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CD2pJ1WB.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { n as normalizeCarouselProps, t as CarouselNodeClient } from "./carousel.client-CpwTUhIo.mjs";
 import "react";

package/dist/client/{cart-BtaCwT3S.mjs → cart-BQcbXIVD.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CD2pJ1WB.mjs";
-import { t as CartController } from "./shop-commerce-DJAhsTaT.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-CmDcPXUt.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
+import { t as CartController } from "./shop-commerce-BuxsFate.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-D2naaOes.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/cart.client.tsx

package/dist/client/{checkout-DkTwZSnh.mjs → checkout-DEmpGRJu.mjs}

@@ -1,6 +1,6 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CD2pJ1WB.mjs";
-import { n as CheckoutController } from "./shop-commerce-DJAhsTaT.mjs";
-import { t as mountShopBlockIsland } from "./shopShared-CmDcPXUt.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-BRWBiH7i.mjs";
+import { n as CheckoutController } from "./shop-commerce-BuxsFate.mjs";
+import { t as mountShopBlockIsland } from "./shopShared-D2naaOes.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/checkout.client.tsx