@rankingcoach/vanguard 1.8.0 → 1.9.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 (36) hide show
  1. package/dist/index-CardMotion.config.js +159 -0
  2. package/dist/index-CardMotion.constants.js +23 -0
  3. package/dist/index-CardMotion.js +93 -0
  4. package/dist/index-CardMotion.module.scss.js +9 -0
  5. package/dist/index-ModalContext.js +37 -36
  6. package/dist/index-ModalTransition.js +9 -7
  7. package/dist/index-react-spring_animated.modern.js +6 -6
  8. package/dist/index-react-spring_core.modern.js +56 -54
  9. package/dist/index-react-spring_web.modern.js +9 -8
  10. package/dist/index.js +298 -296
  11. package/dist/types/core/CardMotion/CardMotion.config.d.ts +855 -0
  12. package/dist/types/core/CardMotion/CardMotion.constants.d.ts +20 -0
  13. package/dist/types/core/CardMotion/CardMotion.d.ts +3 -0
  14. package/dist/types/core/CardMotion/CardMotion.types.d.ts +60 -0
  15. package/dist/types/core/CardMotion/index.d.ts +2 -0
  16. package/dist/types/core/CardMotion/stories/CustomMotion.story.d.ts +2 -0
  17. package/dist/types/core/CardMotion/stories/Default.story.d.ts +2 -0
  18. package/dist/types/core/CardMotion/stories/GlowIn.story.d.ts +2 -0
  19. package/dist/types/core/CardMotion/stories/GlowPreset.story.d.ts +2 -0
  20. package/dist/types/core/CardMotion/stories/Hoverable.story.d.ts +2 -0
  21. package/dist/types/core/CardMotion/stories/StaggeredGlowGroup.story.d.ts +2 -0
  22. package/dist/types/core/CardMotion/stories/VisibilityToggle.story.d.ts +2 -0
  23. package/dist/types/core/CardMotion/stories/_CardMotion.default.d.ts +3 -0
  24. package/dist/types/core/Modal/ModalContext.d.ts +1 -0
  25. package/dist/types/core/Modal/stories/StackingPermutations.story.d.ts +71 -0
  26. package/dist/types/core/Modal/stories/TwoModalsOverlapping.story.d.ts +2 -0
  27. package/dist/types/core/Modal/stories/TwoModalsOverlappingDifferentAnimations.story.d.ts +2 -0
  28. package/dist/types/index.d.ts +2 -0
  29. package/dist/vanguard-asset-analysis.json +1 -1
  30. package/dist/vanguard.css +1 -1
  31. package/dist-wordpress/index.js +779 -773
  32. package/dist-wordpress/types/core/PageSection/GradientPrimaryMeshBackground.d.ts +1 -0
  33. package/dist-wordpress/types/core/PageSection/PageSection.d.ts +43 -0
  34. package/dist-wordpress/types/core/PageSection/index.d.ts +2 -0
  35. package/dist-wordpress/types/index.d.ts +2 -0
  36. package/package.json +1 -1
@@ -0,0 +1,20 @@
1
+ export declare const CARD_MOTION_SIZES: {
2
+ readonly genericEntryOffsetY: 20;
3
+ readonly genericLeaveOffsetY: 12;
4
+ readonly genericLeaveBlur: 2;
5
+ readonly glowEntryOffsetY: -8;
6
+ readonly glowEntryScale: 0.7;
7
+ readonly glowEntrySkewX: 4;
8
+ readonly glowEntrySkewY: 8;
9
+ readonly glowEntryRadiusFrom: 24;
10
+ readonly glowEntryRadiusTo: 12;
11
+ readonly glowMaxSkewX: 8;
12
+ readonly glowMaxSkewY: 12;
13
+ readonly hoverLiftY: -4;
14
+ readonly glowShadowInsetWidth: 1;
15
+ readonly glowShadowOffsetY: 14;
16
+ readonly glowShadowBlur: 40;
17
+ readonly transformPerspective: 1000;
18
+ readonly contentBlurFrom: 8;
19
+ readonly contentOffsetY: 8;
20
+ };
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ import { CardMotionProps } from './CardMotion.types';
3
+ export declare function CardMotion({ delay, className, style, children, hoverable, glowIn, index, isVisible, entryPreset, entryAnimation, leaveAnimation, hoverAnimation, }: CardMotionProps): React.JSX.Element;
@@ -0,0 +1,60 @@
1
+ import { default as React } from 'react';
2
+ export type MotionPhase = {
3
+ opacity: number;
4
+ y: number;
5
+ scale: number;
6
+ blur: number;
7
+ duration: number;
8
+ delay: number;
9
+ };
10
+ export type EntryPresetConfig = {
11
+ kind: 'spring' | 'glow-shell';
12
+ baseStyle?: React.CSSProperties;
13
+ transitionFrom: {
14
+ opacity: number;
15
+ y: number;
16
+ scale: number;
17
+ blur: number;
18
+ };
19
+ transitionEnter: {
20
+ opacity: number;
21
+ y: number;
22
+ scale: number;
23
+ blur: number;
24
+ };
25
+ delayOffset: number;
26
+ duration: number;
27
+ shellStyle?: React.CSSProperties;
28
+ contentStyle?: React.CSSProperties;
29
+ };
30
+ export type CardMotionEntryPreset = 'fade-up' | 'glow-in';
31
+ export type CardMotionAnimation = Partial<MotionPhase & {
32
+ skewX: number;
33
+ skewY: number;
34
+ brightness: number;
35
+ glowAlpha: number;
36
+ radiusFrom: number;
37
+ radiusTo: number;
38
+ contentDelay: number;
39
+ contentDuration: number;
40
+ }>;
41
+ export interface CardMotionHoverAnimation {
42
+ y?: number;
43
+ scale?: number;
44
+ tension?: number;
45
+ friction?: number;
46
+ }
47
+ export interface CardMotionProps {
48
+ delay: number;
49
+ className?: string;
50
+ style?: React.CSSProperties;
51
+ children: React.ReactNode;
52
+ hoverable?: boolean;
53
+ glowIn?: boolean;
54
+ index?: number;
55
+ isVisible?: boolean;
56
+ entryPreset?: CardMotionEntryPreset;
57
+ entryAnimation?: CardMotionAnimation | false;
58
+ leaveAnimation?: CardMotionAnimation | false;
59
+ hoverAnimation?: CardMotionHoverAnimation | false;
60
+ }
@@ -0,0 +1,2 @@
1
+ export type { CardMotionAnimation, CardMotionEntryPreset, CardMotionHoverAnimation, CardMotionProps, } from './CardMotion.types';
2
+ export { CardMotion } from './CardMotion';
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const CustomMotion: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const GlowIn: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const GlowPreset: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const Hoverable: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const StaggeredGlowGroup: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_CardMotion.default';
2
+ export declare const VisibilityToggle: Story;
@@ -0,0 +1,3 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { CardMotion } from '../CardMotion';
3
+ export type Story = StoryObj<typeof CardMotion>;
@@ -11,6 +11,7 @@ interface ModalContextType {
11
11
  modalRootState: ModalRootState;
12
12
  addModal: (modalId: string, animation: ModalTransition, component: any) => void;
13
13
  removeModal: (modalId: string) => void;
14
+ getModalOrder: (modalId: string) => number;
14
15
  }
15
16
  export declare const useModalContext: () => ModalContextType;
16
17
  interface ModalProviderProps {
@@ -0,0 +1,71 @@
1
+ import { default as React } from 'react';
2
+ export declare const StackGrowGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
3
+ children?: React.ReactNode;
4
+ modalContentClassName?: string;
5
+ disableOutsideClick?: boolean;
6
+ } & import('../ModalService').ModalOpts>;
7
+ export declare const StackSlideSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
8
+ children?: React.ReactNode;
9
+ modalContentClassName?: string;
10
+ disableOutsideClick?: boolean;
11
+ } & import('../ModalService').ModalOpts>;
12
+ export declare const StackPopPop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
13
+ children?: React.ReactNode;
14
+ modalContentClassName?: string;
15
+ disableOutsideClick?: boolean;
16
+ } & import('../ModalService').ModalOpts>;
17
+ export declare const StackGrowSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
18
+ children?: React.ReactNode;
19
+ modalContentClassName?: string;
20
+ disableOutsideClick?: boolean;
21
+ } & import('../ModalService').ModalOpts>;
22
+ export declare const StackSlideGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
23
+ children?: React.ReactNode;
24
+ modalContentClassName?: string;
25
+ disableOutsideClick?: boolean;
26
+ } & import('../ModalService').ModalOpts>;
27
+ export declare const StackGrowPop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
28
+ children?: React.ReactNode;
29
+ modalContentClassName?: string;
30
+ disableOutsideClick?: boolean;
31
+ } & import('../ModalService').ModalOpts>;
32
+ export declare const StackPopGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
33
+ children?: React.ReactNode;
34
+ modalContentClassName?: string;
35
+ disableOutsideClick?: boolean;
36
+ } & import('../ModalService').ModalOpts>;
37
+ export declare const StackSlidePop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
38
+ children?: React.ReactNode;
39
+ modalContentClassName?: string;
40
+ disableOutsideClick?: boolean;
41
+ } & import('../ModalService').ModalOpts>;
42
+ export declare const StackPopSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
43
+ children?: React.ReactNode;
44
+ modalContentClassName?: string;
45
+ disableOutsideClick?: boolean;
46
+ } & import('../ModalService').ModalOpts>;
47
+ export declare const StackFullscreenOverNormal: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
48
+ children?: React.ReactNode;
49
+ modalContentClassName?: string;
50
+ disableOutsideClick?: boolean;
51
+ } & import('../ModalService').ModalOpts>;
52
+ export declare const StackNormalOverFullscreen: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
53
+ children?: React.ReactNode;
54
+ modalContentClassName?: string;
55
+ disableOutsideClick?: boolean;
56
+ } & import('../ModalService').ModalOpts>;
57
+ export declare const StackFullscreenSlideOverNormalGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
58
+ children?: React.ReactNode;
59
+ modalContentClassName?: string;
60
+ disableOutsideClick?: boolean;
61
+ } & import('../ModalService').ModalOpts>;
62
+ export declare const StackNormalSlideOverFullscreenGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
63
+ children?: React.ReactNode;
64
+ modalContentClassName?: string;
65
+ disableOutsideClick?: boolean;
66
+ } & import('../ModalService').ModalOpts>;
67
+ export declare const StackNormalPopOverFullscreenSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
68
+ children?: React.ReactNode;
69
+ modalContentClassName?: string;
70
+ disableOutsideClick?: boolean;
71
+ } & import('../ModalService').ModalOpts>;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_Modal.default';
2
+ export declare const TwoModalsOverlapping: Story;
@@ -0,0 +1,2 @@
1
+ import { Story } from './_Modal.default';
2
+ export declare const TwoModalsOverlappingDifferentAnimations: Story;
@@ -115,6 +115,8 @@ export { LottieAnimationLoader } from './core/LottieAnimationLoader';
115
115
  export { LottieBase } from './core/LottieAnimationLoader';
116
116
  export type { SlideTransitionProps } from './core/SlideTransition';
117
117
  export { SlideTransition } from './core/SlideTransition';
118
+ export type { CardMotionProps } from './core/CardMotion';
119
+ export { CardMotion } from './core/CardMotion';
118
120
  export type { OnboardingWelcomeAnimationProps } from './common/OnboardingWelcomeAnimation/OnboardingWelcomeAnimation.tsx';
119
121
  export { OnboardingWelcomeAnimation } from './common/OnboardingWelcomeAnimation/OnboardingWelcomeAnimation.tsx';
120
122
  export type { RcSvgProps } from './core/StyledSVG';
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-04-16T13:13:45.483Z",
2
+ "timestamp": "2026-05-08T11:58:49.579Z",
3
3
  "mode": "full",
4
4
  "buildOptimization": {
5
5
  "enabled": false,