@pyreon/kinetic-presets 0.0.2
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/LICENSE +21 -0
- package/README.md +275 -0
- package/lib/index.d.ts +354 -0
- package/lib/index.js +1162 -0
- package/package.json +42 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025-present Vit Bokisch
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
# @pyreon/kinetic-presets
|
|
2
|
+
|
|
3
|
+
122 animation presets, 5 configurable factories, and 5 composition utilities for `@pyreon/kinetic`.
|
|
4
|
+
|
|
5
|
+
All exports are tree-shakeable. Import only what you use.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
bun add @pyreon/kinetic-presets @pyreon/kinetic
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Quick Start
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { kinetic } from '@pyreon/kinetic'
|
|
17
|
+
import { presets, createFade, compose, withDuration } from '@pyreon/kinetic-presets'
|
|
18
|
+
|
|
19
|
+
// Use a preset directly
|
|
20
|
+
const FadeUp = kinetic('div').preset(presets.fadeUp)
|
|
21
|
+
|
|
22
|
+
// Use a factory for custom config
|
|
23
|
+
const SlowFade = kinetic('div').preset(createFade({ duration: 800, direction: 'up', distance: 24 }))
|
|
24
|
+
|
|
25
|
+
// Compose presets together
|
|
26
|
+
const FadeSlide = kinetic('div').preset(compose(presets.fade, presets.slideUp))
|
|
27
|
+
|
|
28
|
+
// Override timing
|
|
29
|
+
const QuickBounce = kinetic('div').preset(withDuration(presets.bounceIn, 200))
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Presets (122 total)
|
|
33
|
+
|
|
34
|
+
All presets are available as named exports and via the `presets` map object.
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
// Named import
|
|
38
|
+
import { fadeUp, scaleIn, bounceIn } from '@pyreon/kinetic-presets'
|
|
39
|
+
|
|
40
|
+
// Map access (useful for dynamic selection)
|
|
41
|
+
import { presets } from '@pyreon/kinetic-presets'
|
|
42
|
+
presets.fadeUp // same as named fadeUp
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### Fades (14)
|
|
46
|
+
|
|
47
|
+
`fade`, `fadeUp`, `fadeDown`, `fadeLeft`, `fadeRight`, `fadeUpBig`, `fadeDownBig`, `fadeLeftBig`, `fadeRightBig`, `fadeScale`, `fadeUpLeft`, `fadeUpRight`, `fadeDownLeft`, `fadeDownRight`
|
|
48
|
+
|
|
49
|
+
### Slides (8)
|
|
50
|
+
|
|
51
|
+
`slideUp`, `slideDown`, `slideLeft`, `slideRight`, `slideUpBig`, `slideDownBig`, `slideLeftBig`, `slideRightBig`
|
|
52
|
+
|
|
53
|
+
### Scales (8)
|
|
54
|
+
|
|
55
|
+
`scaleIn`, `scaleOut`, `scaleUp`, `scaleDown`, `scaleInUp`, `scaleInDown`, `scaleInLeft`, `scaleInRight`
|
|
56
|
+
|
|
57
|
+
### Zooms (10)
|
|
58
|
+
|
|
59
|
+
`zoomIn`, `zoomOut`, `zoomInUp`, `zoomInDown`, `zoomInLeft`, `zoomInRight`, `zoomOutUp`, `zoomOutDown`, `zoomOutLeft`, `zoomOutRight`
|
|
60
|
+
|
|
61
|
+
### Flips (6)
|
|
62
|
+
|
|
63
|
+
`flipX`, `flipY`, `flipXReverse`, `flipYReverse`, `flipDiagonal`, `flipDiagonalReverse`
|
|
64
|
+
|
|
65
|
+
### Rotations (8)
|
|
66
|
+
|
|
67
|
+
`rotateIn`, `rotateInReverse`, `rotateInUp`, `rotateInDown`, `spinIn`, `spinInReverse`, `scaleRotateIn`, `newspaperIn`
|
|
68
|
+
|
|
69
|
+
### Bounce, Spring & Pop (10)
|
|
70
|
+
|
|
71
|
+
`bounceIn`, `bounceInUp`, `bounceInDown`, `bounceInLeft`, `bounceInRight`, `springIn`, `popIn`, `rubberIn`, `squishX`, `squishY`
|
|
72
|
+
|
|
73
|
+
### Blur (6)
|
|
74
|
+
|
|
75
|
+
`blurIn`, `blurInUp`, `blurInDown`, `blurInLeft`, `blurInRight`, `blurScale`
|
|
76
|
+
|
|
77
|
+
### Puff (2)
|
|
78
|
+
|
|
79
|
+
`puffIn`, `puffOut`
|
|
80
|
+
|
|
81
|
+
### Clip Path (8)
|
|
82
|
+
|
|
83
|
+
`clipTop`, `clipBottom`, `clipLeft`, `clipRight`, `clipCircle`, `clipCenter`, `clipDiamond`, `clipCorner`
|
|
84
|
+
|
|
85
|
+
### Perspective (4)
|
|
86
|
+
|
|
87
|
+
`perspectiveUp`, `perspectiveDown`, `perspectiveLeft`, `perspectiveRight`
|
|
88
|
+
|
|
89
|
+
### Tilt (4)
|
|
90
|
+
|
|
91
|
+
`tiltInUp`, `tiltInDown`, `tiltInLeft`, `tiltInRight`
|
|
92
|
+
|
|
93
|
+
### Swing (4)
|
|
94
|
+
|
|
95
|
+
`swingInTop`, `swingInBottom`, `swingInLeft`, `swingInRight`
|
|
96
|
+
|
|
97
|
+
### Slit (2)
|
|
98
|
+
|
|
99
|
+
`slitHorizontal`, `slitVertical`
|
|
100
|
+
|
|
101
|
+
### Swirl (2)
|
|
102
|
+
|
|
103
|
+
`swirlIn`, `swirlInReverse`
|
|
104
|
+
|
|
105
|
+
### Back (4)
|
|
106
|
+
|
|
107
|
+
`backInUp`, `backInDown`, `backInLeft`, `backInRight`
|
|
108
|
+
|
|
109
|
+
### Light Speed (2)
|
|
110
|
+
|
|
111
|
+
`lightSpeedInLeft`, `lightSpeedInRight`
|
|
112
|
+
|
|
113
|
+
### Roll (2)
|
|
114
|
+
|
|
115
|
+
`rollInLeft`, `rollInRight`
|
|
116
|
+
|
|
117
|
+
### Fly (4)
|
|
118
|
+
|
|
119
|
+
`flyInUp`, `flyInDown`, `flyInLeft`, `flyInRight`
|
|
120
|
+
|
|
121
|
+
### Float (4)
|
|
122
|
+
|
|
123
|
+
`floatUp`, `floatDown`, `floatLeft`, `floatRight`
|
|
124
|
+
|
|
125
|
+
### Push (2)
|
|
126
|
+
|
|
127
|
+
`pushInLeft`, `pushInRight`
|
|
128
|
+
|
|
129
|
+
### Expand (2)
|
|
130
|
+
|
|
131
|
+
`expandX`, `expandY`
|
|
132
|
+
|
|
133
|
+
### Skew (4)
|
|
134
|
+
|
|
135
|
+
`skewIn`, `skewInReverse`, `skewInY`, `skewInYReverse`
|
|
136
|
+
|
|
137
|
+
### Drop & Rise (2)
|
|
138
|
+
|
|
139
|
+
`drop`, `rise`
|
|
140
|
+
|
|
141
|
+
## Factories
|
|
142
|
+
|
|
143
|
+
Configurable factories for creating custom presets:
|
|
144
|
+
|
|
145
|
+
```ts
|
|
146
|
+
import { createFade, createSlide, createScale, createRotate, createBlur } from '@pyreon/kinetic-presets'
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
### createFade(options?)
|
|
150
|
+
|
|
151
|
+
```ts
|
|
152
|
+
createFade() // Pure opacity fade
|
|
153
|
+
createFade({ direction: 'up', distance: 24 }) // Fade with movement
|
|
154
|
+
createFade({ duration: 500, easing: 'ease-in-out' })
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
Options: `direction?` (`'up' | 'down' | 'left' | 'right'`), `distance?` (px, default 16), `duration?` (ms, default 300), `leaveDuration?` (ms, default 200), `easing?` (default `'ease-out'`), `leaveEasing?` (default `'ease-in'`).
|
|
158
|
+
|
|
159
|
+
### createSlide(options?)
|
|
160
|
+
|
|
161
|
+
```ts
|
|
162
|
+
createSlide({ direction: 'left', distance: 32 })
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
Options: `direction?` (default `'up'`), `distance?` (default 16), `duration?`, `leaveDuration?`, `easing?`, `leaveEasing?`.
|
|
166
|
+
|
|
167
|
+
### createScale(options?)
|
|
168
|
+
|
|
169
|
+
```ts
|
|
170
|
+
createScale({ from: 0.5, duration: 400 })
|
|
171
|
+
createScale({ from: 0.8, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)' }) // spring bounce
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
Options: `from?` (default 0.9), `duration?`, `leaveDuration?`, `easing?`, `leaveEasing?`.
|
|
175
|
+
|
|
176
|
+
### createRotate(options?)
|
|
177
|
+
|
|
178
|
+
```ts
|
|
179
|
+
createRotate({ degrees: 30, duration: 400 })
|
|
180
|
+
createRotate({ degrees: -90 }) // counter-clockwise
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
Options: `degrees?` (default 15), `duration?`, `leaveDuration?`, `easing?`, `leaveEasing?`.
|
|
184
|
+
|
|
185
|
+
### createBlur(options?)
|
|
186
|
+
|
|
187
|
+
```ts
|
|
188
|
+
createBlur({ amount: 12, duration: 400 })
|
|
189
|
+
createBlur({ amount: 8, scale: 0.95 }) // blur with scale
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
Options: `amount?` (px, default 8), `scale?` (optional scale factor), `duration?`, `leaveDuration?`, `easing?`, `leaveEasing?`.
|
|
193
|
+
|
|
194
|
+
## Composition Utilities
|
|
195
|
+
|
|
196
|
+
### compose(...presets)
|
|
197
|
+
|
|
198
|
+
Merge multiple presets. Styles are merged, transitions are comma-joined.
|
|
199
|
+
|
|
200
|
+
```ts
|
|
201
|
+
import { compose, presets } from '@pyreon/kinetic-presets'
|
|
202
|
+
|
|
203
|
+
const fadeSlideUp = compose(presets.fade, presets.slideUp)
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
### withDuration(preset, enterMs, leaveMs?)
|
|
207
|
+
|
|
208
|
+
Override timing.
|
|
209
|
+
|
|
210
|
+
```ts
|
|
211
|
+
const slow = withDuration(presets.fade, 800, 500)
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
### withEasing(preset, easing)
|
|
215
|
+
|
|
216
|
+
Override easing function.
|
|
217
|
+
|
|
218
|
+
```ts
|
|
219
|
+
const springy = withEasing(presets.scaleIn, 'cubic-bezier(0.34, 1.56, 0.64, 1)')
|
|
220
|
+
```
|
|
221
|
+
|
|
222
|
+
### withDelay(preset, enterDelayMs, leaveDelayMs?)
|
|
223
|
+
|
|
224
|
+
Add delay to transitions.
|
|
225
|
+
|
|
226
|
+
```ts
|
|
227
|
+
const delayed = withDelay(presets.fadeUp, 200, 0)
|
|
228
|
+
```
|
|
229
|
+
|
|
230
|
+
### reverse(preset)
|
|
231
|
+
|
|
232
|
+
Swap enter and leave animations.
|
|
233
|
+
|
|
234
|
+
```ts
|
|
235
|
+
const slideDownOnEnter = reverse(presets.slideUp)
|
|
236
|
+
// Enter: slides down (was leave). Leave: slides up (was enter).
|
|
237
|
+
```
|
|
238
|
+
|
|
239
|
+
## Custom Presets
|
|
240
|
+
|
|
241
|
+
A preset is just an object matching the `Preset` type. Create your own:
|
|
242
|
+
|
|
243
|
+
```ts
|
|
244
|
+
import type { Preset } from '@pyreon/kinetic-presets'
|
|
245
|
+
|
|
246
|
+
const myPreset: Preset = {
|
|
247
|
+
enterStyle: { opacity: 0, transform: 'translateY(20px) scale(0.95)' },
|
|
248
|
+
enterToStyle: { opacity: 1, transform: 'translateY(0) scale(1)' },
|
|
249
|
+
enterTransition: 'all 400ms cubic-bezier(0.34, 1.56, 0.64, 1)',
|
|
250
|
+
leaveStyle: { opacity: 1, transform: 'translateY(0) scale(1)' },
|
|
251
|
+
leaveToStyle: { opacity: 0, transform: 'translateY(-10px) scale(0.98)' },
|
|
252
|
+
leaveTransition: 'all 250ms ease-in',
|
|
253
|
+
}
|
|
254
|
+
```
|
|
255
|
+
|
|
256
|
+
Presets also support class-based properties for Tailwind/CSS modules:
|
|
257
|
+
|
|
258
|
+
```ts
|
|
259
|
+
const twPreset: Preset = {
|
|
260
|
+
enter: 'transition-all duration-300 ease-out',
|
|
261
|
+
enterFrom: 'opacity-0 translate-y-4',
|
|
262
|
+
enterTo: 'opacity-100 translate-y-0',
|
|
263
|
+
leave: 'transition-all duration-200 ease-in',
|
|
264
|
+
leaveFrom: 'opacity-100 translate-y-0',
|
|
265
|
+
leaveTo: 'opacity-0 -translate-y-2',
|
|
266
|
+
}
|
|
267
|
+
```
|
|
268
|
+
|
|
269
|
+
## No Peer Dependencies
|
|
270
|
+
|
|
271
|
+
This package is framework-agnostic — it only exports plain objects and functions.
|
|
272
|
+
|
|
273
|
+
## License
|
|
274
|
+
|
|
275
|
+
MIT
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,354 @@
|
|
|
1
|
+
//#region src/types.d.ts
|
|
2
|
+
/** CSS properties as inline style object. Framework-agnostic alternative to React.CSSProperties. */
|
|
3
|
+
type CSSProperties = Record<string, string | number | undefined>;
|
|
4
|
+
type Preset = {
|
|
5
|
+
enterStyle?: CSSProperties | undefined;
|
|
6
|
+
enterToStyle?: CSSProperties | undefined;
|
|
7
|
+
enterTransition?: string | undefined;
|
|
8
|
+
leaveStyle?: CSSProperties | undefined;
|
|
9
|
+
leaveToStyle?: CSSProperties | undefined;
|
|
10
|
+
leaveTransition?: string | undefined;
|
|
11
|
+
enter?: string | undefined;
|
|
12
|
+
enterFrom?: string | undefined;
|
|
13
|
+
enterTo?: string | undefined;
|
|
14
|
+
leave?: string | undefined;
|
|
15
|
+
leaveFrom?: string | undefined;
|
|
16
|
+
leaveTo?: string | undefined;
|
|
17
|
+
};
|
|
18
|
+
type Direction = "up" | "down" | "left" | "right";
|
|
19
|
+
type FadeOptions = {
|
|
20
|
+
direction?: Direction;
|
|
21
|
+
distance?: number;
|
|
22
|
+
duration?: number;
|
|
23
|
+
leaveDuration?: number;
|
|
24
|
+
easing?: string;
|
|
25
|
+
leaveEasing?: string;
|
|
26
|
+
};
|
|
27
|
+
type SlideOptions = {
|
|
28
|
+
direction?: Direction;
|
|
29
|
+
distance?: number;
|
|
30
|
+
duration?: number;
|
|
31
|
+
leaveDuration?: number;
|
|
32
|
+
easing?: string;
|
|
33
|
+
leaveEasing?: string;
|
|
34
|
+
};
|
|
35
|
+
type ScaleOptions = {
|
|
36
|
+
from?: number;
|
|
37
|
+
duration?: number;
|
|
38
|
+
leaveDuration?: number;
|
|
39
|
+
easing?: string;
|
|
40
|
+
leaveEasing?: string;
|
|
41
|
+
};
|
|
42
|
+
type RotateOptions = {
|
|
43
|
+
degrees?: number;
|
|
44
|
+
duration?: number;
|
|
45
|
+
leaveDuration?: number;
|
|
46
|
+
easing?: string;
|
|
47
|
+
leaveEasing?: string;
|
|
48
|
+
};
|
|
49
|
+
type BlurOptions = {
|
|
50
|
+
amount?: number;
|
|
51
|
+
scale?: number;
|
|
52
|
+
duration?: number;
|
|
53
|
+
leaveDuration?: number;
|
|
54
|
+
easing?: string;
|
|
55
|
+
leaveEasing?: string;
|
|
56
|
+
};
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/factories.d.ts
|
|
59
|
+
declare const createFade: ({
|
|
60
|
+
direction,
|
|
61
|
+
distance,
|
|
62
|
+
duration,
|
|
63
|
+
leaveDuration,
|
|
64
|
+
easing,
|
|
65
|
+
leaveEasing
|
|
66
|
+
}?: FadeOptions) => Preset;
|
|
67
|
+
declare const createSlide: ({
|
|
68
|
+
direction,
|
|
69
|
+
distance,
|
|
70
|
+
duration,
|
|
71
|
+
leaveDuration,
|
|
72
|
+
easing,
|
|
73
|
+
leaveEasing
|
|
74
|
+
}?: SlideOptions) => Preset;
|
|
75
|
+
declare const createScale: ({
|
|
76
|
+
from,
|
|
77
|
+
duration,
|
|
78
|
+
leaveDuration,
|
|
79
|
+
easing,
|
|
80
|
+
leaveEasing
|
|
81
|
+
}?: ScaleOptions) => Preset;
|
|
82
|
+
declare const createRotate: ({
|
|
83
|
+
degrees,
|
|
84
|
+
duration,
|
|
85
|
+
leaveDuration,
|
|
86
|
+
easing,
|
|
87
|
+
leaveEasing
|
|
88
|
+
}?: RotateOptions) => Preset;
|
|
89
|
+
declare const createBlur: ({
|
|
90
|
+
amount,
|
|
91
|
+
scale,
|
|
92
|
+
duration,
|
|
93
|
+
leaveDuration,
|
|
94
|
+
easing,
|
|
95
|
+
leaveEasing
|
|
96
|
+
}?: BlurOptions) => Preset;
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/presets.d.ts
|
|
99
|
+
declare const fade: Preset;
|
|
100
|
+
declare const fadeUp: Preset;
|
|
101
|
+
declare const fadeDown: Preset;
|
|
102
|
+
declare const fadeLeft: Preset;
|
|
103
|
+
declare const fadeRight: Preset;
|
|
104
|
+
declare const fadeUpBig: Preset;
|
|
105
|
+
declare const fadeDownBig: Preset;
|
|
106
|
+
declare const fadeLeftBig: Preset;
|
|
107
|
+
declare const fadeRightBig: Preset;
|
|
108
|
+
declare const fadeScale: Preset;
|
|
109
|
+
declare const fadeUpLeft: Preset;
|
|
110
|
+
declare const fadeUpRight: Preset;
|
|
111
|
+
declare const fadeDownLeft: Preset;
|
|
112
|
+
declare const fadeDownRight: Preset;
|
|
113
|
+
declare const slideUp: Preset;
|
|
114
|
+
declare const slideDown: Preset;
|
|
115
|
+
declare const slideLeft: Preset;
|
|
116
|
+
declare const slideRight: Preset;
|
|
117
|
+
declare const slideUpBig: Preset;
|
|
118
|
+
declare const slideDownBig: Preset;
|
|
119
|
+
declare const slideLeftBig: Preset;
|
|
120
|
+
declare const slideRightBig: Preset;
|
|
121
|
+
declare const scaleIn: Preset;
|
|
122
|
+
declare const scaleOut: Preset;
|
|
123
|
+
declare const scaleUp: Preset;
|
|
124
|
+
declare const scaleDown: Preset;
|
|
125
|
+
declare const scaleInUp: Preset;
|
|
126
|
+
declare const scaleInDown: Preset;
|
|
127
|
+
declare const scaleInLeft: Preset;
|
|
128
|
+
declare const scaleInRight: Preset;
|
|
129
|
+
declare const zoomIn: Preset;
|
|
130
|
+
declare const zoomOut: Preset;
|
|
131
|
+
declare const zoomInUp: Preset;
|
|
132
|
+
declare const zoomInDown: Preset;
|
|
133
|
+
declare const zoomInLeft: Preset;
|
|
134
|
+
declare const zoomInRight: Preset;
|
|
135
|
+
declare const zoomOutUp: Preset;
|
|
136
|
+
declare const zoomOutDown: Preset;
|
|
137
|
+
declare const zoomOutLeft: Preset;
|
|
138
|
+
declare const zoomOutRight: Preset;
|
|
139
|
+
declare const flipX: Preset;
|
|
140
|
+
declare const flipY: Preset;
|
|
141
|
+
declare const flipXReverse: Preset;
|
|
142
|
+
declare const flipYReverse: Preset;
|
|
143
|
+
declare const flipDiagonal: Preset;
|
|
144
|
+
declare const flipDiagonalReverse: Preset;
|
|
145
|
+
declare const rotateIn: Preset;
|
|
146
|
+
declare const rotateInReverse: Preset;
|
|
147
|
+
declare const rotateInUp: Preset;
|
|
148
|
+
declare const rotateInDown: Preset;
|
|
149
|
+
declare const spinIn: Preset;
|
|
150
|
+
declare const spinInReverse: Preset;
|
|
151
|
+
declare const scaleRotateIn: Preset;
|
|
152
|
+
declare const newspaperIn: Preset;
|
|
153
|
+
declare const bounceIn: Preset;
|
|
154
|
+
declare const bounceInUp: Preset;
|
|
155
|
+
declare const bounceInDown: Preset;
|
|
156
|
+
declare const bounceInLeft: Preset;
|
|
157
|
+
declare const bounceInRight: Preset;
|
|
158
|
+
declare const springIn: Preset;
|
|
159
|
+
declare const popIn: Preset;
|
|
160
|
+
declare const rubberIn: Preset;
|
|
161
|
+
declare const squishX: Preset;
|
|
162
|
+
declare const squishY: Preset;
|
|
163
|
+
declare const blurIn: Preset;
|
|
164
|
+
declare const blurInUp: Preset;
|
|
165
|
+
declare const blurInDown: Preset;
|
|
166
|
+
declare const blurInLeft: Preset;
|
|
167
|
+
declare const blurInRight: Preset;
|
|
168
|
+
declare const blurScale: Preset;
|
|
169
|
+
declare const puffIn: Preset;
|
|
170
|
+
declare const puffOut: Preset;
|
|
171
|
+
declare const clipTop: Preset;
|
|
172
|
+
declare const clipBottom: Preset;
|
|
173
|
+
declare const clipLeft: Preset;
|
|
174
|
+
declare const clipRight: Preset;
|
|
175
|
+
declare const clipCircle: Preset;
|
|
176
|
+
declare const clipCenter: Preset;
|
|
177
|
+
declare const clipDiamond: Preset;
|
|
178
|
+
declare const clipCorner: Preset;
|
|
179
|
+
declare const perspectiveUp: Preset;
|
|
180
|
+
declare const perspectiveDown: Preset;
|
|
181
|
+
declare const perspectiveLeft: Preset;
|
|
182
|
+
declare const perspectiveRight: Preset;
|
|
183
|
+
declare const expandX: Preset;
|
|
184
|
+
declare const expandY: Preset;
|
|
185
|
+
declare const skewIn: Preset;
|
|
186
|
+
declare const skewInReverse: Preset;
|
|
187
|
+
declare const skewInY: Preset;
|
|
188
|
+
declare const skewInYReverse: Preset;
|
|
189
|
+
declare const drop: Preset;
|
|
190
|
+
declare const rise: Preset;
|
|
191
|
+
declare const backInUp: Preset;
|
|
192
|
+
declare const backInDown: Preset;
|
|
193
|
+
declare const backInLeft: Preset;
|
|
194
|
+
declare const backInRight: Preset;
|
|
195
|
+
declare const lightSpeedInLeft: Preset;
|
|
196
|
+
declare const lightSpeedInRight: Preset;
|
|
197
|
+
declare const rollInLeft: Preset;
|
|
198
|
+
declare const rollInRight: Preset;
|
|
199
|
+
declare const swingInTop: Preset;
|
|
200
|
+
declare const swingInBottom: Preset;
|
|
201
|
+
declare const swingInLeft: Preset;
|
|
202
|
+
declare const swingInRight: Preset;
|
|
203
|
+
declare const slitHorizontal: Preset;
|
|
204
|
+
declare const slitVertical: Preset;
|
|
205
|
+
declare const swirlIn: Preset;
|
|
206
|
+
declare const swirlInReverse: Preset;
|
|
207
|
+
declare const flyInUp: Preset;
|
|
208
|
+
declare const flyInDown: Preset;
|
|
209
|
+
declare const flyInLeft: Preset;
|
|
210
|
+
declare const flyInRight: Preset;
|
|
211
|
+
declare const floatUp: Preset;
|
|
212
|
+
declare const floatDown: Preset;
|
|
213
|
+
declare const floatLeft: Preset;
|
|
214
|
+
declare const floatRight: Preset;
|
|
215
|
+
declare const pushInLeft: Preset;
|
|
216
|
+
declare const pushInRight: Preset;
|
|
217
|
+
declare const tiltInUp: Preset;
|
|
218
|
+
declare const tiltInDown: Preset;
|
|
219
|
+
declare const tiltInLeft: Preset;
|
|
220
|
+
declare const tiltInRight: Preset;
|
|
221
|
+
declare const presets: {
|
|
222
|
+
readonly fade: Preset;
|
|
223
|
+
readonly fadeUp: Preset;
|
|
224
|
+
readonly fadeDown: Preset;
|
|
225
|
+
readonly fadeLeft: Preset;
|
|
226
|
+
readonly fadeRight: Preset;
|
|
227
|
+
readonly fadeUpBig: Preset;
|
|
228
|
+
readonly fadeDownBig: Preset;
|
|
229
|
+
readonly fadeLeftBig: Preset;
|
|
230
|
+
readonly fadeRightBig: Preset;
|
|
231
|
+
readonly fadeScale: Preset;
|
|
232
|
+
readonly fadeUpLeft: Preset;
|
|
233
|
+
readonly fadeUpRight: Preset;
|
|
234
|
+
readonly fadeDownLeft: Preset;
|
|
235
|
+
readonly fadeDownRight: Preset;
|
|
236
|
+
readonly slideUp: Preset;
|
|
237
|
+
readonly slideDown: Preset;
|
|
238
|
+
readonly slideLeft: Preset;
|
|
239
|
+
readonly slideRight: Preset;
|
|
240
|
+
readonly slideUpBig: Preset;
|
|
241
|
+
readonly slideDownBig: Preset;
|
|
242
|
+
readonly slideLeftBig: Preset;
|
|
243
|
+
readonly slideRightBig: Preset;
|
|
244
|
+
readonly scaleIn: Preset;
|
|
245
|
+
readonly scaleOut: Preset;
|
|
246
|
+
readonly scaleUp: Preset;
|
|
247
|
+
readonly scaleDown: Preset;
|
|
248
|
+
readonly scaleInUp: Preset;
|
|
249
|
+
readonly scaleInDown: Preset;
|
|
250
|
+
readonly scaleInLeft: Preset;
|
|
251
|
+
readonly scaleInRight: Preset;
|
|
252
|
+
readonly zoomIn: Preset;
|
|
253
|
+
readonly zoomOut: Preset;
|
|
254
|
+
readonly zoomInUp: Preset;
|
|
255
|
+
readonly zoomInDown: Preset;
|
|
256
|
+
readonly zoomInLeft: Preset;
|
|
257
|
+
readonly zoomInRight: Preset;
|
|
258
|
+
readonly zoomOutUp: Preset;
|
|
259
|
+
readonly zoomOutDown: Preset;
|
|
260
|
+
readonly zoomOutLeft: Preset;
|
|
261
|
+
readonly zoomOutRight: Preset;
|
|
262
|
+
readonly flipX: Preset;
|
|
263
|
+
readonly flipY: Preset;
|
|
264
|
+
readonly flipXReverse: Preset;
|
|
265
|
+
readonly flipYReverse: Preset;
|
|
266
|
+
readonly flipDiagonal: Preset;
|
|
267
|
+
readonly flipDiagonalReverse: Preset;
|
|
268
|
+
readonly rotateIn: Preset;
|
|
269
|
+
readonly rotateInReverse: Preset;
|
|
270
|
+
readonly rotateInUp: Preset;
|
|
271
|
+
readonly rotateInDown: Preset;
|
|
272
|
+
readonly spinIn: Preset;
|
|
273
|
+
readonly spinInReverse: Preset;
|
|
274
|
+
readonly scaleRotateIn: Preset;
|
|
275
|
+
readonly newspaperIn: Preset;
|
|
276
|
+
readonly bounceIn: Preset;
|
|
277
|
+
readonly bounceInUp: Preset;
|
|
278
|
+
readonly bounceInDown: Preset;
|
|
279
|
+
readonly bounceInLeft: Preset;
|
|
280
|
+
readonly bounceInRight: Preset;
|
|
281
|
+
readonly springIn: Preset;
|
|
282
|
+
readonly popIn: Preset;
|
|
283
|
+
readonly rubberIn: Preset;
|
|
284
|
+
readonly squishX: Preset;
|
|
285
|
+
readonly squishY: Preset;
|
|
286
|
+
readonly blurIn: Preset;
|
|
287
|
+
readonly blurInUp: Preset;
|
|
288
|
+
readonly blurInDown: Preset;
|
|
289
|
+
readonly blurInLeft: Preset;
|
|
290
|
+
readonly blurInRight: Preset;
|
|
291
|
+
readonly blurScale: Preset;
|
|
292
|
+
readonly puffIn: Preset;
|
|
293
|
+
readonly puffOut: Preset;
|
|
294
|
+
readonly clipTop: Preset;
|
|
295
|
+
readonly clipBottom: Preset;
|
|
296
|
+
readonly clipLeft: Preset;
|
|
297
|
+
readonly clipRight: Preset;
|
|
298
|
+
readonly clipCircle: Preset;
|
|
299
|
+
readonly clipCenter: Preset;
|
|
300
|
+
readonly clipDiamond: Preset;
|
|
301
|
+
readonly clipCorner: Preset;
|
|
302
|
+
readonly perspectiveUp: Preset;
|
|
303
|
+
readonly perspectiveDown: Preset;
|
|
304
|
+
readonly perspectiveLeft: Preset;
|
|
305
|
+
readonly perspectiveRight: Preset;
|
|
306
|
+
readonly expandX: Preset;
|
|
307
|
+
readonly expandY: Preset;
|
|
308
|
+
readonly skewIn: Preset;
|
|
309
|
+
readonly skewInReverse: Preset;
|
|
310
|
+
readonly skewInY: Preset;
|
|
311
|
+
readonly skewInYReverse: Preset;
|
|
312
|
+
readonly drop: Preset;
|
|
313
|
+
readonly rise: Preset;
|
|
314
|
+
readonly backInUp: Preset;
|
|
315
|
+
readonly backInDown: Preset;
|
|
316
|
+
readonly backInLeft: Preset;
|
|
317
|
+
readonly backInRight: Preset;
|
|
318
|
+
readonly lightSpeedInLeft: Preset;
|
|
319
|
+
readonly lightSpeedInRight: Preset;
|
|
320
|
+
readonly rollInLeft: Preset;
|
|
321
|
+
readonly rollInRight: Preset;
|
|
322
|
+
readonly swingInTop: Preset;
|
|
323
|
+
readonly swingInBottom: Preset;
|
|
324
|
+
readonly swingInLeft: Preset;
|
|
325
|
+
readonly swingInRight: Preset;
|
|
326
|
+
readonly slitHorizontal: Preset;
|
|
327
|
+
readonly slitVertical: Preset;
|
|
328
|
+
readonly swirlIn: Preset;
|
|
329
|
+
readonly swirlInReverse: Preset;
|
|
330
|
+
readonly flyInUp: Preset;
|
|
331
|
+
readonly flyInDown: Preset;
|
|
332
|
+
readonly flyInLeft: Preset;
|
|
333
|
+
readonly flyInRight: Preset;
|
|
334
|
+
readonly floatUp: Preset;
|
|
335
|
+
readonly floatDown: Preset;
|
|
336
|
+
readonly floatLeft: Preset;
|
|
337
|
+
readonly floatRight: Preset;
|
|
338
|
+
readonly pushInLeft: Preset;
|
|
339
|
+
readonly pushInRight: Preset;
|
|
340
|
+
readonly tiltInUp: Preset;
|
|
341
|
+
readonly tiltInDown: Preset;
|
|
342
|
+
readonly tiltInLeft: Preset;
|
|
343
|
+
readonly tiltInRight: Preset;
|
|
344
|
+
};
|
|
345
|
+
//#endregion
|
|
346
|
+
//#region src/utils.d.ts
|
|
347
|
+
declare const compose: (...items: Preset[]) => Preset;
|
|
348
|
+
declare const withDuration: (preset: Preset, enterMs: number, leaveMs?: number) => Preset;
|
|
349
|
+
declare const withEasing: (preset: Preset, enterEasing: string, leaveEasing?: string) => Preset;
|
|
350
|
+
declare const withDelay: (preset: Preset, enterDelayMs: number, leaveDelayMs?: number) => Preset;
|
|
351
|
+
declare const reverse: (preset: Preset) => Preset;
|
|
352
|
+
//#endregion
|
|
353
|
+
export { type BlurOptions, type CSSProperties, type Direction, type FadeOptions, type Preset, type RotateOptions, type ScaleOptions, type SlideOptions, backInDown, backInLeft, backInRight, backInUp, blurIn, blurInDown, blurInLeft, blurInRight, blurInUp, blurScale, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, clipBottom, clipCenter, clipCircle, clipCorner, clipDiamond, clipLeft, clipRight, clipTop, compose, createBlur, createFade, createRotate, createScale, createSlide, drop, expandX, expandY, fade, fadeDown, fadeDownBig, fadeDownLeft, fadeDownRight, fadeLeft, fadeLeftBig, fadeRight, fadeRightBig, fadeScale, fadeUp, fadeUpBig, fadeUpLeft, fadeUpRight, flipDiagonal, flipDiagonalReverse, flipX, flipXReverse, flipY, flipYReverse, floatDown, floatLeft, floatRight, floatUp, flyInDown, flyInLeft, flyInRight, flyInUp, lightSpeedInLeft, lightSpeedInRight, newspaperIn, perspectiveDown, perspectiveLeft, perspectiveRight, perspectiveUp, popIn, presets, puffIn, puffOut, pushInLeft, pushInRight, reverse, rise, rollInLeft, rollInRight, rotateIn, rotateInDown, rotateInReverse, rotateInUp, rubberIn, scaleDown, scaleIn, scaleInDown, scaleInLeft, scaleInRight, scaleInUp, scaleOut, scaleRotateIn, scaleUp, skewIn, skewInReverse, skewInY, skewInYReverse, slideDown, slideDownBig, slideLeft, slideLeftBig, slideRight, slideRightBig, slideUp, slideUpBig, slitHorizontal, slitVertical, spinIn, spinInReverse, springIn, squishX, squishY, swingInBottom, swingInLeft, swingInRight, swingInTop, swirlIn, swirlInReverse, tiltInDown, tiltInLeft, tiltInRight, tiltInUp, withDelay, withDuration, withEasing, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp };
|
|
354
|
+
//# sourceMappingURL=index2.d.ts.map
|