npm - @riverbankcms/sdk - Versions diffs - 0.111.0 → 0.119.0 - Mend

@riverbankcms/sdk 0.111.0 → 0.119.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (196) hide show

package/dist/_dts/theme-core/src/mock-themes/all.d.ts CHANGED Viewed

@@ -89,7 +89,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -179,7 +179,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -275,7 +275,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -296,8 +296,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -366,7 +366,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -383,7 +383,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -413,8 +413,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -480,8 +480,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -538,9 +538,26 @@ export declare const mockThemes: {
                     cornerStyle: "square" | "rounded" | "pill";
                     textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
                     fontWeight: 500 | 600 | 700;
-                    borderWidth: 1 | 3 | 2;
                     hoverTransform: "none" | "scale" | "lift" | "press";
-                    hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
+                    hoverColor: "none";
+                    cornerRadius?: number | undefined;
+                    shadow?: "medium" | "none" | "high" | "low" | undefined;
+                    typography?: "heading" | "body" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "tight" | "normal" | "loose" | undefined;
+                    italic?: boolean | undefined;
+                    paddingPreset?: "default" | "compact" | "spacious" | undefined;
+                    gradientStyle?: "linear" | "radial" | "conic" | undefined;
+                    gradientAngle?: number | undefined;
+                    gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
+                    hoverColorToken?: undefined;
+                } | {
+                    cornerStyle: "square" | "rounded" | "pill";
+                    textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
+                    fontWeight: 500 | 600 | 700;
+                    hoverTransform: "none" | "scale" | "lift" | "press";
+                    hoverColor: "token";
+                    hoverColorToken: import("../buttons").OpaqueButtonColourToken;
                     cornerRadius?: number | undefined;
                     shadow?: "medium" | "none" | "high" | "low" | undefined;
                     typography?: "heading" | "body" | undefined;
@@ -548,7 +565,6 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -575,17 +591,301 @@ export declare const mockThemes: {
                         elevation: "medium" | "none" | "high" | "low";
                         softness: "crisp" | "soft" | "hard" | null;
                         position: "bottom" | "bottom-right";
-                        colorToken?: string | undefined;
+                        colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                     } | undefined;
                     hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        base?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        hover?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        active?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        focus?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -654,10 +954,10 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
@@ -1142,7 +1442,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -1232,7 +1532,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -1328,7 +1628,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -1349,8 +1649,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -1419,7 +1719,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -1436,7 +1736,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -1466,8 +1766,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -1533,8 +1833,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -1591,9 +1891,26 @@ export declare const mockThemes: {
                     cornerStyle: "square" | "rounded" | "pill";
                     textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
                     fontWeight: 500 | 600 | 700;
-                    borderWidth: 1 | 3 | 2;
                     hoverTransform: "none" | "scale" | "lift" | "press";
-                    hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
+                    hoverColor: "none";
+                    cornerRadius?: number | undefined;
+                    shadow?: "medium" | "none" | "high" | "low" | undefined;
+                    typography?: "heading" | "body" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "tight" | "normal" | "loose" | undefined;
+                    italic?: boolean | undefined;
+                    paddingPreset?: "default" | "compact" | "spacious" | undefined;
+                    gradientStyle?: "linear" | "radial" | "conic" | undefined;
+                    gradientAngle?: number | undefined;
+                    gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
+                    hoverColorToken?: undefined;
+                } | {
+                    cornerStyle: "square" | "rounded" | "pill";
+                    textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
+                    fontWeight: 500 | 600 | 700;
+                    hoverTransform: "none" | "scale" | "lift" | "press";
+                    hoverColor: "token";
+                    hoverColorToken: import("../buttons").OpaqueButtonColourToken;
                     cornerRadius?: number | undefined;
                     shadow?: "medium" | "none" | "high" | "low" | undefined;
                     typography?: "heading" | "body" | undefined;
@@ -1601,7 +1918,6 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -1628,17 +1944,301 @@ export declare const mockThemes: {
                         elevation: "medium" | "none" | "high" | "low";
                         softness: "crisp" | "soft" | "hard" | null;
                         position: "bottom" | "bottom-right";
-                        colorToken?: string | undefined;
+                        colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                     } | undefined;
                     hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        base?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        hover?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        active?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        focus?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -1707,10 +2307,10 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
@@ -2195,7 +2795,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -2285,7 +2885,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -2381,7 +2981,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -2402,8 +3002,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -2472,7 +3072,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -2489,7 +3089,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -2519,8 +3119,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -2586,8 +3186,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -2644,9 +3244,26 @@ export declare const mockThemes: {
                     cornerStyle: "square" | "rounded" | "pill";
                     textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
                     fontWeight: 500 | 600 | 700;
-                    borderWidth: 1 | 3 | 2;
                     hoverTransform: "none" | "scale" | "lift" | "press";
-                    hoverColor: "none" | "token" | "brighten" | "darken" | "saturate";
+                    hoverColor: "none";
+                    cornerRadius?: number | undefined;
+                    shadow?: "medium" | "none" | "high" | "low" | undefined;
+                    typography?: "heading" | "body" | undefined;
+                    fontSize?: string | undefined;
+                    letterSpacing?: "tight" | "normal" | "loose" | undefined;
+                    italic?: boolean | undefined;
+                    paddingPreset?: "default" | "compact" | "spacious" | undefined;
+                    gradientStyle?: "linear" | "radial" | "conic" | undefined;
+                    gradientAngle?: number | undefined;
+                    gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
+                    hoverColorToken?: undefined;
+                } | {
+                    cornerStyle: "square" | "rounded" | "pill";
+                    textTransform: "none" | "lowercase" | "uppercase" | "capitalize";
+                    fontWeight: 500 | 600 | 700;
+                    hoverTransform: "none" | "scale" | "lift" | "press";
+                    hoverColor: "token";
+                    hoverColorToken: import("../buttons").OpaqueButtonColourToken;
                     cornerRadius?: number | undefined;
                     shadow?: "medium" | "none" | "high" | "low" | undefined;
                     typography?: "heading" | "body" | undefined;
@@ -2654,7 +3271,6 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -2681,17 +3297,301 @@ export declare const mockThemes: {
                         elevation: "medium" | "none" | "high" | "low";
                         softness: "crisp" | "soft" | "hard" | null;
                         position: "bottom" | "bottom-right";
-                        colorToken?: string | undefined;
+                        colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                     } | undefined;
                     hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
-                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        base?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        hover?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        active?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
+                        focus?: ({
+                            effectId: "darken-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lighten-background";
+                            options?: {
+                                amount?: number | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "background-on-hover";
+                            options?: {
+                                colorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "animated-gradient";
+                            options?: {
+                                direction?: "horizontal" | "vertical" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "drop-shadow";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "inner-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "neumorphic-shadow";
+                            options?: {
+                                mode?: "raised" | "pressed" | undefined;
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "retro-3d-shadow";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "scale-up";
+                            options?: {
+                                scale?: "1.02" | "1.03" | "1.05" | "1.10" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "scale-down";
+                            options?: {
+                                scale?: "0.90" | "0.95" | "0.97" | "0.98" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "lift";
+                            options?: {
+                                amount?: "1" | "0.25" | "0.5" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "press-down";
+                            options?: Record<string, never> | undefined;
+                        } | {
+                            effectId: "pop";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "dramatic" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "border-bottom-grow";
+                            options?: {
+                                height?: 1 | 2 | undefined;
+                                origin?: "left" | "right" | "center" | undefined;
+                            } | undefined;
+                        } | {
+                            effectId: "sketchy-border";
+                            options?: {
+                                intensity?: "medium" | "subtle" | "strong" | undefined;
+                            } | undefined;
+                        })[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -2760,10 +3660,10 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
-                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;