@enact-ui/animate 0.1.0 → 0.2.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.
- package/api-schema.json +206 -0
- package/dist/components/CountUp.d.ts +84 -0
- package/dist/components/CountUp.d.ts.map +1 -0
- package/dist/components/CountUp.js +68 -0
- package/dist/components/CountUp.js.map +1 -0
- package/dist/components/MotionDiv.d.ts +159 -0
- package/dist/components/MotionDiv.d.ts.map +1 -0
- package/dist/components/MotionDiv.js +162 -0
- package/dist/components/MotionDiv.js.map +1 -0
- package/dist/components/StaggerContainer.d.ts +136 -0
- package/dist/components/StaggerContainer.d.ts.map +1 -0
- package/dist/components/StaggerContainer.js +166 -0
- package/dist/components/StaggerContainer.js.map +1 -0
- package/dist/hooks/use-component-animation.d.ts +156 -0
- package/dist/hooks/use-component-animation.d.ts.map +1 -0
- package/dist/hooks/use-component-animation.js +231 -0
- package/dist/hooks/use-component-animation.js.map +1 -0
- package/dist/hooks/use-count-up.d.ts +111 -0
- package/dist/hooks/use-count-up.d.ts.map +1 -0
- package/dist/hooks/use-count-up.js +246 -0
- package/dist/hooks/use-count-up.js.map +1 -0
- package/dist/hooks/use-draw-path.d.ts +96 -0
- package/dist/hooks/use-draw-path.d.ts.map +1 -0
- package/dist/hooks/use-draw-path.js +227 -0
- package/dist/hooks/use-draw-path.js.map +1 -0
- package/dist/hooks/use-motion-preset.d.ts.map +1 -1
- package/dist/hooks/use-motion-preset.js +17 -16
- package/dist/hooks/use-motion-preset.js.map +1 -1
- package/dist/hooks/use-stagger.d.ts +174 -0
- package/dist/hooks/use-stagger.d.ts.map +1 -0
- package/dist/hooks/use-stagger.js +256 -0
- package/dist/hooks/use-stagger.js.map +1 -0
- package/dist/index.d.ts +17 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2442 -26
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2335 -25
- package/dist/index.mjs.map +1 -1
- package/dist/presets/component-presets.d.ts +246 -0
- package/dist/presets/component-presets.d.ts.map +1 -0
- package/dist/presets/component-presets.js +472 -0
- package/dist/presets/component-presets.js.map +1 -0
- package/dist/presets/micro-interactions.d.ts +451 -0
- package/dist/presets/micro-interactions.d.ts.map +1 -0
- package/dist/presets/micro-interactions.js +856 -0
- package/dist/presets/micro-interactions.js.map +1 -0
- package/dist/presets/motion-presets.d.ts.map +1 -1
- package/dist/presets/motion-presets.js +0 -1
- package/dist/presets/motion-presets.js.map +1 -1
- package/dist/presets/motion-styles.d.ts +186 -0
- package/dist/presets/motion-styles.d.ts.map +1 -0
- package/dist/presets/motion-styles.js +204 -0
- package/dist/presets/motion-styles.js.map +1 -0
- package/dist/presets/stagger-presets.d.ts +378 -0
- package/dist/presets/stagger-presets.d.ts.map +1 -0
- package/dist/presets/stagger-presets.js +582 -0
- package/dist/presets/stagger-presets.js.map +1 -0
- package/dist/showcase/motion-presets.demo.d.ts +25 -0
- package/dist/showcase/motion-presets.demo.d.ts.map +1 -0
- package/dist/showcase/motion-presets.demo.js +96 -0
- package/dist/showcase/motion-presets.demo.js.map +1 -0
- package/dist/showcase/motion-presets.story.d.ts +37 -0
- package/dist/showcase/motion-presets.story.d.ts.map +1 -0
- package/dist/showcase/motion-presets.story.js +151 -0
- package/dist/showcase/motion-presets.story.js.map +1 -0
- package/dist/utils/easing.d.ts +294 -0
- package/dist/utils/easing.d.ts.map +1 -0
- package/dist/utils/easing.js +265 -0
- package/dist/utils/easing.js.map +1 -0
- package/dist/utils/reduced-motion.d.ts +322 -0
- package/dist/utils/reduced-motion.d.ts.map +1 -0
- package/dist/utils/reduced-motion.js +362 -0
- package/dist/utils/reduced-motion.js.map +1 -0
- package/dist/utils/select-preset.d.ts +186 -0
- package/dist/utils/select-preset.d.ts.map +1 -0
- package/dist/utils/select-preset.js +320 -0
- package/dist/utils/select-preset.js.map +1 -0
- package/dist/utils/spring-configs.d.ts +187 -0
- package/dist/utils/spring-configs.d.ts.map +1 -0
- package/dist/utils/spring-configs.js +169 -0
- package/dist/utils/spring-configs.js.map +1 -0
- package/package.json +4 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"micro-interactions.js","sourceRoot":"","sources":["../../src/presets/micro-interactions.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion-presets.d.ts","sourceRoot":"","sources":["../../src/presets/motion-presets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"motion-presets.d.ts","sourceRoot":"","sources":["../../src/presets/motion-presets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,qCAAqC;AACrC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtD,kDAAkD;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,iDAAiD;AACjD,MAAM,WAAW,kBAAkB;IAC/B,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,sBAAsB;IACtB,IAAI,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC7B,0CAA0C;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAED,8CAA8C;AAC9C,MAAM,WAAW,eAAe;IAC5B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,+CAA+C;AAC/C,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,eAAe,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAsBjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAgB3D,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,GAAG,kBAAkB,CAAC;AACxF,wBAAgB,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,GAAG,eAAe,CAAC;AAQpF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,GAAG,YAAY,GAAG,CAAC,CAE1H"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion-presets.js","sourceRoot":"","sources":["../../src/presets/motion-presets.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"motion-presets.js","sourceRoot":"","sources":["../../src/presets/motion-presets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmCH;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAA6C;IAClE,IAAI,EAAE;QACF,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QACxB,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,GAAG;QACnB,iBAAiB,EAAE,GAAG;KACzB;IACD,MAAM,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QACxB,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,GAAG;KACzB;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;QACxB,IAAI,EAAE,QAAQ;QACd,cAAc,EAAE,GAAG;QACnB,iBAAiB,EAAE,GAAG;KACzB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA0C;IAC5D,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;KACtB;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;KACtB;IACD,IAAI,EAAE;QACF,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,GAAG;KACtB;CACJ,CAAC;AAoBF,MAAM,UAAU,SAAS,CAAC,MAAoB,EAAE,SAAwB;IACpE,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAoC,MAAoB,EAAE,UAAa;IACpG,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,EAAE,CAAC;AACxC,CAAC"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Motion Style Presets
|
|
3
|
+
*
|
|
4
|
+
* Defines four motion styles that control the overall feel of animations.
|
|
5
|
+
* These styles can be used with any component animation preset to adjust
|
|
6
|
+
* timing, spring physics, and easing characteristics.
|
|
7
|
+
*
|
|
8
|
+
* @packageDocumentation
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Motion style identifiers for animation presets.
|
|
12
|
+
*
|
|
13
|
+
* - `subtle`: Gentle, minimal animations ideal for professional/enterprise UIs
|
|
14
|
+
* - `standard`: Balanced, professional animations suitable for most use cases
|
|
15
|
+
* - `bold`: Dramatic, attention-grabbing animations for emphasis
|
|
16
|
+
* - `playful`: Bouncy, fun animations with elastic spring physics
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* import { useComponentAnimation, fadeIn } from "@enact-ui/animate";
|
|
21
|
+
*
|
|
22
|
+
* function MyComponent() {
|
|
23
|
+
* const animation = useComponentAnimation(fadeIn, "standard");
|
|
24
|
+
* return <motion.div {...animation}>Content</motion.div>;
|
|
25
|
+
* }
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export type MotionStyle = "subtle" | "standard" | "bold" | "playful";
|
|
29
|
+
/**
|
|
30
|
+
* Duration configurations for different speed levels.
|
|
31
|
+
* All values are in milliseconds.
|
|
32
|
+
*/
|
|
33
|
+
export interface DurationConfig {
|
|
34
|
+
/** Fast animations (micro-interactions, hover states) */
|
|
35
|
+
fast: number;
|
|
36
|
+
/** Normal animations (most component transitions) */
|
|
37
|
+
normal: number;
|
|
38
|
+
/** Slow animations (page transitions, emphasis) */
|
|
39
|
+
slow: number;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Spring physics configuration for natural motion.
|
|
43
|
+
* Used with Motion library's spring animations.
|
|
44
|
+
*/
|
|
45
|
+
export interface SpringConfig {
|
|
46
|
+
/** Controls how "snappy" the spring is (higher = faster) */
|
|
47
|
+
stiffness: number;
|
|
48
|
+
/** Controls how much the spring oscillates (higher = less bounce) */
|
|
49
|
+
damping: number;
|
|
50
|
+
/** The mass of the animated element (affects momentum) */
|
|
51
|
+
mass: number;
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Easing function configuration for tween animations.
|
|
55
|
+
*/
|
|
56
|
+
export interface EasingConfig {
|
|
57
|
+
/** Easing for entrance animations */
|
|
58
|
+
enter: string;
|
|
59
|
+
/** Easing for exit animations */
|
|
60
|
+
exit: string;
|
|
61
|
+
/** Easing for interactive states (hover, press) */
|
|
62
|
+
interactive: string;
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Complete motion style configuration.
|
|
66
|
+
*/
|
|
67
|
+
export interface MotionStyleConfig {
|
|
68
|
+
/** Display name for the motion style */
|
|
69
|
+
name: string;
|
|
70
|
+
/** Description of when to use this style */
|
|
71
|
+
description: string;
|
|
72
|
+
/** Duration values for different animation speeds */
|
|
73
|
+
duration: DurationConfig;
|
|
74
|
+
/** Spring physics configuration */
|
|
75
|
+
spring: SpringConfig;
|
|
76
|
+
/** Easing function configuration */
|
|
77
|
+
easing: EasingConfig;
|
|
78
|
+
/** Stagger delay between items in lists (ms) */
|
|
79
|
+
staggerDelay: number;
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* Subtle motion style - gentle, minimal animations.
|
|
83
|
+
*
|
|
84
|
+
* Best for:
|
|
85
|
+
* - Enterprise/professional applications
|
|
86
|
+
* - Users who prefer reduced motion
|
|
87
|
+
* - Secondary UI elements
|
|
88
|
+
* - Frequent, repeated interactions
|
|
89
|
+
*
|
|
90
|
+
* @ai-hint Use "subtle" for professional enterprise UIs or when animations
|
|
91
|
+
* should be barely noticeable. Good default for accessibility.
|
|
92
|
+
*/
|
|
93
|
+
export declare const subtleStyle: MotionStyleConfig;
|
|
94
|
+
/**
|
|
95
|
+
* Standard motion style - balanced, professional animations.
|
|
96
|
+
*
|
|
97
|
+
* Best for:
|
|
98
|
+
* - Most applications (recommended default)
|
|
99
|
+
* - General-purpose UI components
|
|
100
|
+
* - Modals, dropdowns, tooltips
|
|
101
|
+
* - List animations
|
|
102
|
+
*
|
|
103
|
+
* @ai-hint Use "standard" as the default motion style. It provides
|
|
104
|
+
* professional, polished animations that work in most contexts.
|
|
105
|
+
*/
|
|
106
|
+
export declare const standardStyle: MotionStyleConfig;
|
|
107
|
+
/**
|
|
108
|
+
* Bold motion style - dramatic, attention-grabbing animations.
|
|
109
|
+
*
|
|
110
|
+
* Best for:
|
|
111
|
+
* - Hero sections and landing pages
|
|
112
|
+
* - Important notifications or alerts
|
|
113
|
+
* - Onboarding flows
|
|
114
|
+
* - Feature showcases
|
|
115
|
+
*
|
|
116
|
+
* @ai-hint Use "bold" when you want animations to be noticeable and
|
|
117
|
+
* make an impact. Good for marketing pages and feature highlights.
|
|
118
|
+
*/
|
|
119
|
+
export declare const boldStyle: MotionStyleConfig;
|
|
120
|
+
/**
|
|
121
|
+
* Playful motion style - bouncy, fun animations with elastic springs.
|
|
122
|
+
*
|
|
123
|
+
* Best for:
|
|
124
|
+
* - Consumer apps and games
|
|
125
|
+
* - Celebration/success states
|
|
126
|
+
* - Interactive tutorials
|
|
127
|
+
* - Child-friendly interfaces
|
|
128
|
+
*
|
|
129
|
+
* @ai-hint Use "playful" for fun, engaging interfaces. The elastic
|
|
130
|
+
* spring creates a bouncy feel. Best for consumer apps and celebrations.
|
|
131
|
+
*/
|
|
132
|
+
export declare const playfulStyle: MotionStyleConfig;
|
|
133
|
+
/**
|
|
134
|
+
* All motion style configurations indexed by style name.
|
|
135
|
+
*/
|
|
136
|
+
export declare const motionStyles: Record<MotionStyle, MotionStyleConfig>;
|
|
137
|
+
/**
|
|
138
|
+
* Gets the configuration for a specific motion style.
|
|
139
|
+
*
|
|
140
|
+
* @param style - The motion style to retrieve
|
|
141
|
+
* @returns The complete motion style configuration
|
|
142
|
+
*
|
|
143
|
+
* @example
|
|
144
|
+
* ```ts
|
|
145
|
+
* const config = getMotionStyle("standard");
|
|
146
|
+
* console.log(config.duration.normal); // 300
|
|
147
|
+
* ```
|
|
148
|
+
*/
|
|
149
|
+
export declare function getMotionStyle(style: MotionStyle): MotionStyleConfig;
|
|
150
|
+
/**
|
|
151
|
+
* Gets the spring configuration for a motion style in Motion library format.
|
|
152
|
+
*
|
|
153
|
+
* @param style - The motion style
|
|
154
|
+
* @returns Spring configuration compatible with Motion library
|
|
155
|
+
*
|
|
156
|
+
* @example
|
|
157
|
+
* ```tsx
|
|
158
|
+
* import { motion } from "motion/react";
|
|
159
|
+
*
|
|
160
|
+
* const spring = getSpringConfig("playful");
|
|
161
|
+
* <motion.div animate={{ x: 100 }} transition={{ type: "spring", ...spring }} />
|
|
162
|
+
* ```
|
|
163
|
+
*/
|
|
164
|
+
export declare function getSpringConfig(style: MotionStyle): SpringConfig;
|
|
165
|
+
/**
|
|
166
|
+
* Gets the duration for a specific speed level and motion style.
|
|
167
|
+
*
|
|
168
|
+
* @param style - The motion style
|
|
169
|
+
* @param speed - The speed level ("fast" | "normal" | "slow")
|
|
170
|
+
* @returns Duration in milliseconds
|
|
171
|
+
*
|
|
172
|
+
* @example
|
|
173
|
+
* ```ts
|
|
174
|
+
* const duration = getDuration("standard", "normal");
|
|
175
|
+
* // Returns 300 (ms)
|
|
176
|
+
* ```
|
|
177
|
+
*/
|
|
178
|
+
export declare function getDuration(style: MotionStyle, speed: keyof DurationConfig): number;
|
|
179
|
+
/**
|
|
180
|
+
* Converts milliseconds to seconds for Motion library.
|
|
181
|
+
*
|
|
182
|
+
* @param ms - Duration in milliseconds
|
|
183
|
+
* @returns Duration in seconds
|
|
184
|
+
*/
|
|
185
|
+
export declare function msToSeconds(ms: number): number;
|
|
186
|
+
//# sourceMappingURL=motion-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-styles.d.ts","sourceRoot":"","sources":["../../src/presets/motion-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAErE;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IACzB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,QAAQ,EAAE,cAAc,CAAC;IACzB,mCAAmC;IACnC,MAAM,EAAE,YAAY,CAAC;IACrB,oCAAoC;IACpC,MAAM,EAAE,YAAY,CAAC;IACrB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,iBAmBzB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,iBAmB3B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,EAAE,iBAmBvB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,EAAE,iBAmB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CAK/D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAEpE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAEhE;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,cAAc,GAAG,MAAM,CAEnF;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE9C"}
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Motion Style Presets
|
|
3
|
+
*
|
|
4
|
+
* Defines four motion styles that control the overall feel of animations.
|
|
5
|
+
* These styles can be used with any component animation preset to adjust
|
|
6
|
+
* timing, spring physics, and easing characteristics.
|
|
7
|
+
*
|
|
8
|
+
* @packageDocumentation
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Subtle motion style - gentle, minimal animations.
|
|
12
|
+
*
|
|
13
|
+
* Best for:
|
|
14
|
+
* - Enterprise/professional applications
|
|
15
|
+
* - Users who prefer reduced motion
|
|
16
|
+
* - Secondary UI elements
|
|
17
|
+
* - Frequent, repeated interactions
|
|
18
|
+
*
|
|
19
|
+
* @ai-hint Use "subtle" for professional enterprise UIs or when animations
|
|
20
|
+
* should be barely noticeable. Good default for accessibility.
|
|
21
|
+
*/
|
|
22
|
+
export const subtleStyle = {
|
|
23
|
+
name: "Subtle",
|
|
24
|
+
description: "Gentle, minimal animations ideal for professional UIs",
|
|
25
|
+
duration: {
|
|
26
|
+
fast: 150,
|
|
27
|
+
normal: 200,
|
|
28
|
+
slow: 300,
|
|
29
|
+
},
|
|
30
|
+
spring: {
|
|
31
|
+
stiffness: 400,
|
|
32
|
+
damping: 35,
|
|
33
|
+
mass: 0.8,
|
|
34
|
+
},
|
|
35
|
+
easing: {
|
|
36
|
+
enter: "easeOut",
|
|
37
|
+
exit: "easeIn",
|
|
38
|
+
interactive: "easeInOut",
|
|
39
|
+
},
|
|
40
|
+
staggerDelay: 30,
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Standard motion style - balanced, professional animations.
|
|
44
|
+
*
|
|
45
|
+
* Best for:
|
|
46
|
+
* - Most applications (recommended default)
|
|
47
|
+
* - General-purpose UI components
|
|
48
|
+
* - Modals, dropdowns, tooltips
|
|
49
|
+
* - List animations
|
|
50
|
+
*
|
|
51
|
+
* @ai-hint Use "standard" as the default motion style. It provides
|
|
52
|
+
* professional, polished animations that work in most contexts.
|
|
53
|
+
*/
|
|
54
|
+
export const standardStyle = {
|
|
55
|
+
name: "Standard",
|
|
56
|
+
description: "Balanced, professional animations for general use",
|
|
57
|
+
duration: {
|
|
58
|
+
fast: 200,
|
|
59
|
+
normal: 300,
|
|
60
|
+
slow: 400,
|
|
61
|
+
},
|
|
62
|
+
spring: {
|
|
63
|
+
stiffness: 300,
|
|
64
|
+
damping: 28,
|
|
65
|
+
mass: 1,
|
|
66
|
+
},
|
|
67
|
+
easing: {
|
|
68
|
+
enter: "easeOut",
|
|
69
|
+
exit: "easeIn",
|
|
70
|
+
interactive: "easeInOut",
|
|
71
|
+
},
|
|
72
|
+
staggerDelay: 50,
|
|
73
|
+
};
|
|
74
|
+
/**
|
|
75
|
+
* Bold motion style - dramatic, attention-grabbing animations.
|
|
76
|
+
*
|
|
77
|
+
* Best for:
|
|
78
|
+
* - Hero sections and landing pages
|
|
79
|
+
* - Important notifications or alerts
|
|
80
|
+
* - Onboarding flows
|
|
81
|
+
* - Feature showcases
|
|
82
|
+
*
|
|
83
|
+
* @ai-hint Use "bold" when you want animations to be noticeable and
|
|
84
|
+
* make an impact. Good for marketing pages and feature highlights.
|
|
85
|
+
*/
|
|
86
|
+
export const boldStyle = {
|
|
87
|
+
name: "Bold",
|
|
88
|
+
description: "Dramatic, attention-grabbing animations for emphasis",
|
|
89
|
+
duration: {
|
|
90
|
+
fast: 250,
|
|
91
|
+
normal: 400,
|
|
92
|
+
slow: 600,
|
|
93
|
+
},
|
|
94
|
+
spring: {
|
|
95
|
+
stiffness: 250,
|
|
96
|
+
damping: 22,
|
|
97
|
+
mass: 1.2,
|
|
98
|
+
},
|
|
99
|
+
easing: {
|
|
100
|
+
enter: "easeOut",
|
|
101
|
+
exit: "easeIn",
|
|
102
|
+
interactive: "easeInOut",
|
|
103
|
+
},
|
|
104
|
+
staggerDelay: 80,
|
|
105
|
+
};
|
|
106
|
+
/**
|
|
107
|
+
* Playful motion style - bouncy, fun animations with elastic springs.
|
|
108
|
+
*
|
|
109
|
+
* Best for:
|
|
110
|
+
* - Consumer apps and games
|
|
111
|
+
* - Celebration/success states
|
|
112
|
+
* - Interactive tutorials
|
|
113
|
+
* - Child-friendly interfaces
|
|
114
|
+
*
|
|
115
|
+
* @ai-hint Use "playful" for fun, engaging interfaces. The elastic
|
|
116
|
+
* spring creates a bouncy feel. Best for consumer apps and celebrations.
|
|
117
|
+
*/
|
|
118
|
+
export const playfulStyle = {
|
|
119
|
+
name: "Playful",
|
|
120
|
+
description: "Bouncy, fun animations with elastic spring physics",
|
|
121
|
+
duration: {
|
|
122
|
+
fast: 200,
|
|
123
|
+
normal: 350,
|
|
124
|
+
slow: 500,
|
|
125
|
+
},
|
|
126
|
+
spring: {
|
|
127
|
+
stiffness: 200,
|
|
128
|
+
damping: 15,
|
|
129
|
+
mass: 1,
|
|
130
|
+
},
|
|
131
|
+
easing: {
|
|
132
|
+
enter: "easeOut",
|
|
133
|
+
exit: "easeIn",
|
|
134
|
+
interactive: "easeInOut",
|
|
135
|
+
},
|
|
136
|
+
staggerDelay: 60,
|
|
137
|
+
};
|
|
138
|
+
/**
|
|
139
|
+
* All motion style configurations indexed by style name.
|
|
140
|
+
*/
|
|
141
|
+
export const motionStyles = {
|
|
142
|
+
subtle: subtleStyle,
|
|
143
|
+
standard: standardStyle,
|
|
144
|
+
bold: boldStyle,
|
|
145
|
+
playful: playfulStyle,
|
|
146
|
+
};
|
|
147
|
+
/**
|
|
148
|
+
* Gets the configuration for a specific motion style.
|
|
149
|
+
*
|
|
150
|
+
* @param style - The motion style to retrieve
|
|
151
|
+
* @returns The complete motion style configuration
|
|
152
|
+
*
|
|
153
|
+
* @example
|
|
154
|
+
* ```ts
|
|
155
|
+
* const config = getMotionStyle("standard");
|
|
156
|
+
* console.log(config.duration.normal); // 300
|
|
157
|
+
* ```
|
|
158
|
+
*/
|
|
159
|
+
export function getMotionStyle(style) {
|
|
160
|
+
return motionStyles[style];
|
|
161
|
+
}
|
|
162
|
+
/**
|
|
163
|
+
* Gets the spring configuration for a motion style in Motion library format.
|
|
164
|
+
*
|
|
165
|
+
* @param style - The motion style
|
|
166
|
+
* @returns Spring configuration compatible with Motion library
|
|
167
|
+
*
|
|
168
|
+
* @example
|
|
169
|
+
* ```tsx
|
|
170
|
+
* import { motion } from "motion/react";
|
|
171
|
+
*
|
|
172
|
+
* const spring = getSpringConfig("playful");
|
|
173
|
+
* <motion.div animate={{ x: 100 }} transition={{ type: "spring", ...spring }} />
|
|
174
|
+
* ```
|
|
175
|
+
*/
|
|
176
|
+
export function getSpringConfig(style) {
|
|
177
|
+
return motionStyles[style].spring;
|
|
178
|
+
}
|
|
179
|
+
/**
|
|
180
|
+
* Gets the duration for a specific speed level and motion style.
|
|
181
|
+
*
|
|
182
|
+
* @param style - The motion style
|
|
183
|
+
* @param speed - The speed level ("fast" | "normal" | "slow")
|
|
184
|
+
* @returns Duration in milliseconds
|
|
185
|
+
*
|
|
186
|
+
* @example
|
|
187
|
+
* ```ts
|
|
188
|
+
* const duration = getDuration("standard", "normal");
|
|
189
|
+
* // Returns 300 (ms)
|
|
190
|
+
* ```
|
|
191
|
+
*/
|
|
192
|
+
export function getDuration(style, speed) {
|
|
193
|
+
return motionStyles[style].duration[speed];
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
* Converts milliseconds to seconds for Motion library.
|
|
197
|
+
*
|
|
198
|
+
* @param ms - Duration in milliseconds
|
|
199
|
+
* @returns Duration in seconds
|
|
200
|
+
*/
|
|
201
|
+
export function msToSeconds(ms) {
|
|
202
|
+
return ms / 1000;
|
|
203
|
+
}
|
|
204
|
+
//# sourceMappingURL=motion-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion-styles.js","sourceRoot":"","sources":["../../src/presets/motion-styles.ts"],"names":[],"mappings":"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"}
|