app-studio 0.5.26 → 0.5.35

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 (19) hide show
  1. package/dist/animation/Animation.d.ts +483 -347
  2. package/dist/animation/css.d.ts +9 -14
  3. package/dist/app-studio.cjs.development.js +201 -96
  4. package/dist/app-studio.cjs.development.js.map +1 -1
  5. package/dist/app-studio.cjs.production.min.js +1 -1
  6. package/dist/app-studio.esm.js +198 -97
  7. package/dist/app-studio.esm.js.map +1 -1
  8. package/dist/app-studio.umd.development.js +201 -96
  9. package/dist/app-studio.umd.development.js.map +1 -1
  10. package/dist/app-studio.umd.production.min.js +1 -1
  11. package/dist/components/Element.d.ts +4 -4
  12. package/dist/components/Form.d.ts +8 -9
  13. package/dist/components/Image.d.ts +4 -5
  14. package/dist/components/Skeleton.d.ts +2 -1
  15. package/dist/components/Text.d.ts +3 -4
  16. package/dist/components/View.d.ts +11 -8
  17. package/dist/hooks/useScroll.d.ts +28 -8
  18. package/dist/utils/constants.d.ts +1 -1
  19. package/package.json +1 -1
package/dist/animation/Animation.d.ts CHANGED
@@ -1,96 +1,127 @@
1
- export declare const fadeIn: ({ duration, timingFunction, ...props }: {
2
- [x: string]: any;
3
- duration?: string | undefined;
4
- timingFunction?: string | undefined;
5
- }) => {
6
- from: {
1
+ /// <reference types="react" />
2
+ import { AnimationProps } from '../utils/constants';
3
+ export declare const fadeIn: ({ duration, timingFunction, ...props }: AnimationProps) => {
4
+ from: import("react").CSSProperties | {
7
5
  opacity: number;
8
6
  };
9
- to: {
7
+ to: import("react").CSSProperties | {
10
8
  opacity: number;
11
9
  };
10
+ leave?: import("react").CSSProperties | undefined;
11
+ delay?: string | undefined;
12
+ property?: string | undefined;
13
+ iterationCount?: string | number | undefined;
14
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
15
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
16
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
17
+ keyframes?: string | Object | undefined;
12
18
  duration: string;
13
19
  timingFunction: string;
14
20
  };
15
- export declare const fadeOut: ({ duration, timingFunction, ...props }: {
16
- [x: string]: any;
17
- duration?: string | undefined;
18
- timingFunction?: string | undefined;
19
- }) => {
20
- from: {
21
+ export declare const fadeOut: ({ duration, timingFunction, ...props }: AnimationProps) => {
22
+ from: import("react").CSSProperties | {
21
23
  opacity: number;
22
24
  };
23
- to: {
25
+ to: import("react").CSSProperties | {
24
26
  opacity: number;
25
27
  };
28
+ leave?: import("react").CSSProperties | undefined;
29
+ delay?: string | undefined;
30
+ property?: string | undefined;
31
+ iterationCount?: string | number | undefined;
32
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
33
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
34
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
35
+ keyframes?: string | Object | undefined;
26
36
  duration: string;
27
37
  timingFunction: string;
28
38
  };
29
- export declare const slideInLeft: ({ duration, timingFunction, ...props }: {
30
- [x: string]: any;
31
- duration?: string | undefined;
32
- timingFunction?: string | undefined;
33
- }) => {
34
- from: {
39
+ export declare const slideInLeft: ({ duration, timingFunction, ...props }: AnimationProps) => {
40
+ from: import("react").CSSProperties | {
35
41
  transform: string;
36
42
  };
37
- to: {
43
+ to: import("react").CSSProperties | {
38
44
  transform: string;
39
45
  };
46
+ leave?: import("react").CSSProperties | undefined;
47
+ delay?: string | undefined;
48
+ property?: string | undefined;
49
+ iterationCount?: string | number | undefined;
50
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
51
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
52
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
53
+ keyframes?: string | Object | undefined;
40
54
  duration: string;
41
55
  timingFunction: string;
42
56
  };
43
- export declare const slideInRight: ({ duration, timingFunction, ...props }: {
44
- [x: string]: any;
45
- duration?: string | undefined;
46
- timingFunction?: string | undefined;
47
- }) => {
48
- from: {
57
+ export declare const slideInRight: ({ duration, timingFunction, ...props }: AnimationProps) => {
58
+ from: import("react").CSSProperties | {
49
59
  transform: string;
50
60
  };
51
- to: {
61
+ to: import("react").CSSProperties | {
52
62
  transform: string;
53
63
  };
64
+ leave?: import("react").CSSProperties | undefined;
65
+ delay?: string | undefined;
66
+ property?: string | undefined;
67
+ iterationCount?: string | number | undefined;
68
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
69
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
70
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
71
+ keyframes?: string | Object | undefined;
54
72
  duration: string;
55
73
  timingFunction: string;
56
74
  };
57
- export declare const slideInDown: ({ duration, timingFunction, ...props }: {
58
- [x: string]: any;
59
- duration?: string | undefined;
60
- timingFunction?: string | undefined;
61
- }) => {
62
- from: {
75
+ export declare const slideInDown: ({ duration, timingFunction, ...props }: AnimationProps) => {
76
+ from: import("react").CSSProperties | {
63
77
  transform: string;
64
78
  };
65
- to: {
79
+ to: import("react").CSSProperties | {
66
80
  transform: string;
67
81
  };
82
+ leave?: import("react").CSSProperties | undefined;
83
+ delay?: string | undefined;
84
+ property?: string | undefined;
85
+ iterationCount?: string | number | undefined;
86
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
87
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
88
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
89
+ keyframes?: string | Object | undefined;
68
90
  duration: string;
69
91
  timingFunction: string;
70
92
  };
71
- export declare const slideInUp: ({ duration, timingFunction, ...props }: {
72
- [x: string]: any;
73
- duration?: string | undefined;
74
- timingFunction?: string | undefined;
75
- }) => {
76
- from: {
93
+ export declare const slideInUp: ({ duration, timingFunction, ...props }: AnimationProps) => {
94
+ from: import("react").CSSProperties | {
77
95
  transform: string;
78
96
  };
79
- to: {
97
+ to: import("react").CSSProperties | {
80
98
  transform: string;
81
99
  };
100
+ leave?: import("react").CSSProperties | undefined;
101
+ delay?: string | undefined;
102
+ property?: string | undefined;
103
+ iterationCount?: string | number | undefined;
104
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
105
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
106
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
107
+ keyframes?: string | Object | undefined;
82
108
  duration: string;
83
109
  timingFunction: string;
84
110
  };
85
- export declare const bounce: ({ duration, timingFunction, iterationCount, ...props }: {
86
- [x: string]: any;
87
- duration?: string | undefined;
88
- timingFunction?: string | undefined;
89
- iterationCount?: string | undefined;
90
- }) => {
91
- from: {
111
+ export declare const bounce: ({ duration, timingFunction, iterationCount, ...props }: AnimationProps) => {
112
+ from: import("react").CSSProperties | {
113
+ transform: string;
114
+ };
115
+ to: import("react").CSSProperties | {
92
116
  transform: string;
93
117
  };
118
+ leave?: import("react").CSSProperties | undefined;
119
+ delay?: string | undefined;
120
+ property?: string | undefined;
121
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
122
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
123
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
124
+ keyframes?: string | Object | undefined;
94
125
  '20%': {
95
126
  transform: string;
96
127
  };
@@ -103,101 +134,121 @@ export declare const bounce: ({ duration, timingFunction, iterationCount, ...pro
103
134
  '80%': {
104
135
  transform: string;
105
136
  };
106
- to: {
107
- transform: string;
108
- };
109
137
  duration: string;
110
138
  timingFunction: string;
111
- iterationCount: string;
139
+ iterationCount: string | number;
112
140
  };
113
- export declare const rotate: ({ duration, timingFunction, iterationCount, ...props }: {
114
- [x: string]: any;
115
- duration?: string | undefined;
116
- timingFunction?: string | undefined;
117
- iterationCount?: string | undefined;
118
- }) => {
119
- from: {
141
+ export declare const rotate: ({ duration, timingFunction, iterationCount, ...props }: AnimationProps) => {
142
+ from: import("react").CSSProperties | {
120
143
  transform: string;
121
144
  };
122
- to: {
145
+ to: import("react").CSSProperties | {
123
146
  transform: string;
124
147
  };
148
+ leave?: import("react").CSSProperties | undefined;
149
+ delay?: string | undefined;
150
+ property?: string | undefined;
151
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
152
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
153
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
154
+ keyframes?: string | Object | undefined;
125
155
  duration: string;
126
156
  timingFunction: string;
127
- iterationCount: string;
157
+ iterationCount: string | number;
128
158
  };
129
- export declare const pulse: ({ duration, timingFunction, iterationCount, ...props }: {
130
- [x: string]: any;
131
- duration?: string | undefined;
132
- timingFunction?: string | undefined;
133
- iterationCount?: string | undefined;
134
- }) => {
135
- from: {
159
+ export declare const pulse: ({ duration, timingFunction, iterationCount, ...props }: AnimationProps) => {
160
+ from: import("react").CSSProperties | {
136
161
  transform: string;
137
162
  };
138
- '50%': {
163
+ to: import("react").CSSProperties | {
139
164
  transform: string;
140
165
  };
141
- to: {
166
+ leave?: import("react").CSSProperties | undefined;
167
+ delay?: string | undefined;
168
+ property?: string | undefined;
169
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
170
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
171
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
172
+ keyframes?: string | Object | undefined;
173
+ '50%': {
142
174
  transform: string;
143
175
  };
144
176
  duration: string;
145
177
  timingFunction: string;
146
- iterationCount: string;
178
+ iterationCount: string | number;
147
179
  };
148
- export declare const zoomIn: ({ duration, timingFunction, ...props }: {
149
- [x: string]: any;
150
- duration?: string | undefined;
151
- timingFunction?: string | undefined;
152
- }) => {
153
- from: {
180
+ export declare const zoomIn: ({ duration, timingFunction, ...props }: AnimationProps) => {
181
+ from: import("react").CSSProperties | {
154
182
  transform: string;
155
183
  };
156
- to: {
184
+ to: import("react").CSSProperties | {
157
185
  transform: string;
158
186
  };
187
+ leave?: import("react").CSSProperties | undefined;
188
+ delay?: string | undefined;
189
+ property?: string | undefined;
190
+ iterationCount?: string | number | undefined;
191
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
192
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
193
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
194
+ keyframes?: string | Object | undefined;
159
195
  duration: string;
160
196
  timingFunction: string;
161
197
  };
162
- export declare const zoomOut: ({ duration, timingFunction, ...props }: {
163
- [x: string]: any;
164
- duration?: string | undefined;
165
- timingFunction?: string | undefined;
166
- }) => {
167
- from: {
198
+ export declare const zoomOut: ({ duration, timingFunction, ...props }: AnimationProps) => {
199
+ from: import("react").CSSProperties | {
168
200
  transform: string;
169
201
  };
170
- to: {
202
+ to: import("react").CSSProperties | {
171
203
  transform: string;
172
204
  };
205
+ leave?: import("react").CSSProperties | undefined;
206
+ delay?: string | undefined;
207
+ property?: string | undefined;
208
+ iterationCount?: string | number | undefined;
209
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
210
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
211
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
212
+ keyframes?: string | Object | undefined;
173
213
  duration: string;
174
214
  timingFunction: string;
175
215
  };
176
- export declare const flash: ({ duration, iterationCount, ...props }: {
177
- [x: string]: any;
178
- duration?: string | undefined;
179
- iterationCount?: string | undefined;
180
- }) => {
181
- from: {
216
+ export declare const flash: ({ duration, iterationCount, ...props }: AnimationProps) => {
217
+ from: import("react").CSSProperties | {
182
218
  opacity: number;
183
219
  };
184
- '50%': {
220
+ to: import("react").CSSProperties | {
185
221
  opacity: number;
186
222
  };
187
- to: {
223
+ leave?: import("react").CSSProperties | undefined;
224
+ timingFunction?: string | undefined;
225
+ delay?: string | undefined;
226
+ property?: string | undefined;
227
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
228
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
229
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
230
+ keyframes?: string | Object | undefined;
231
+ '50%': {
188
232
  opacity: number;
189
233
  };
190
234
  duration: string;
191
- iterationCount: string;
235
+ iterationCount: string | number;
192
236
  };
193
- export declare const shake: ({ duration, iterationCount, ...props }: {
194
- [x: string]: any;
195
- duration?: string | undefined;
196
- iterationCount?: string | undefined;
197
- }) => {
198
- from: {
237
+ export declare const shake: ({ duration, iterationCount, ...props }: AnimationProps) => {
238
+ from: import("react").CSSProperties | {
239
+ transform: string;
240
+ };
241
+ to: import("react").CSSProperties | {
199
242
  transform: string;
200
243
  };
244
+ leave?: import("react").CSSProperties | undefined;
245
+ timingFunction?: string | undefined;
246
+ delay?: string | undefined;
247
+ property?: string | undefined;
248
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
249
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
250
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
251
+ keyframes?: string | Object | undefined;
201
252
  '10%': {
202
253
  transform: string;
203
254
  };
@@ -225,20 +276,24 @@ export declare const shake: ({ duration, iterationCount, ...props }: {
225
276
  '90%': {
226
277
  transform: string;
227
278
  };
228
- to: {
229
- transform: string;
230
- };
231
279
  duration: string;
232
- iterationCount: string;
280
+ iterationCount: string | number;
233
281
  };
234
- export declare const swing: ({ duration, iterationCount, ...props }: {
235
- [x: string]: any;
236
- duration?: string | undefined;
237
- iterationCount?: string | undefined;
238
- }) => {
239
- from: {
282
+ export declare const swing: ({ duration, iterationCount, ...props }: AnimationProps) => {
283
+ from: import("react").CSSProperties | {
284
+ transform: string;
285
+ };
286
+ to: import("react").CSSProperties | {
240
287
  transform: string;
241
288
  };
289
+ leave?: import("react").CSSProperties | undefined;
290
+ timingFunction?: string | undefined;
291
+ delay?: string | undefined;
292
+ property?: string | undefined;
293
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
294
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
295
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
296
+ keyframes?: string | Object | undefined;
242
297
  '20%': {
243
298
  transform: string;
244
299
  };
@@ -251,20 +306,24 @@ export declare const swing: ({ duration, iterationCount, ...props }: {
251
306
  '80%': {
252
307
  transform: string;
253
308
  };
254
- to: {
255
- transform: string;
256
- };
257
309
  duration: string;
258
- iterationCount: string;
310
+ iterationCount: string | number;
259
311
  };
260
- export declare const rubberBand: ({ duration, timingFunction, ...props }: {
261
- [x: string]: any;
262
- duration?: string | undefined;
263
- timingFunction?: string | undefined;
264
- }) => {
265
- from: {
312
+ export declare const rubberBand: ({ duration, timingFunction, ...props }: AnimationProps) => {
313
+ from: import("react").CSSProperties | {
266
314
  transform: string;
267
315
  };
316
+ to: import("react").CSSProperties | {
317
+ transform: string;
318
+ };
319
+ leave?: import("react").CSSProperties | undefined;
320
+ delay?: string | undefined;
321
+ property?: string | undefined;
322
+ iterationCount?: string | number | undefined;
323
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
324
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
325
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
326
+ keyframes?: string | Object | undefined;
268
327
  '30%': {
269
328
  transform: string;
270
329
  };
@@ -280,9 +339,6 @@ export declare const rubberBand: ({ duration, timingFunction, ...props }: {
280
339
  '75%': {
281
340
  transform: string;
282
341
  };
283
- to: {
284
- transform: string;
285
- };
286
342
  duration: string;
287
343
  timingFunction: string;
288
344
  };
@@ -328,14 +384,21 @@ export declare const flip: ({ duration, ...props }: {
328
384
  };
329
385
  duration: string;
330
386
  };
331
- export declare const heartBeat: ({ duration, iterationCount, ...props }: {
332
- [x: string]: any;
333
- duration?: string | undefined;
334
- iterationCount?: string | undefined;
335
- }) => {
336
- from: {
387
+ export declare const heartBeat: ({ duration, iterationCount, ...props }: AnimationProps) => {
388
+ from: import("react").CSSProperties | {
389
+ transform: string;
390
+ };
391
+ to: import("react").CSSProperties | {
337
392
  transform: string;
338
393
  };
394
+ leave?: import("react").CSSProperties | undefined;
395
+ timingFunction?: string | undefined;
396
+ delay?: string | undefined;
397
+ property?: string | undefined;
398
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
399
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
400
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
401
+ keyframes?: string | Object | undefined;
339
402
  '14%': {
340
403
  transform: string;
341
404
  };
@@ -348,11 +411,8 @@ export declare const heartBeat: ({ duration, iterationCount, ...props }: {
348
411
  '70%': {
349
412
  transform: string;
350
413
  };
351
- to: {
352
- transform: string;
353
- };
354
414
  duration: string;
355
- iterationCount: string;
415
+ iterationCount: string | number;
356
416
  };
357
417
  export declare const rollIn: ({ duration, ...props }: {
358
418
  [x: string]: any;
@@ -382,58 +442,74 @@ export declare const rollOut: ({ duration, ...props }: {
382
442
  };
383
443
  duration: string;
384
444
  };
385
- export declare const lightSpeedIn: ({ duration, timingFunction, ...props }: {
386
- [x: string]: any;
387
- duration?: string | undefined;
388
- timingFunction?: string | undefined;
389
- }) => {
390
- from: {
445
+ export declare const lightSpeedIn: ({ duration, timingFunction, ...props }: AnimationProps) => {
446
+ from: import("react").CSSProperties | {
391
447
  transform: string;
392
448
  opacity: number;
393
449
  };
394
- '60%': {
450
+ to: import("react").CSSProperties | {
395
451
  transform: string;
396
452
  opacity: number;
397
453
  };
398
- '80%': {
454
+ leave?: import("react").CSSProperties | undefined;
455
+ delay?: string | undefined;
456
+ property?: string | undefined;
457
+ iterationCount?: string | number | undefined;
458
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
459
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
460
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
461
+ keyframes?: string | Object | undefined;
462
+ '60%': {
399
463
  transform: string;
464
+ opacity: number;
400
465
  };
401
- to: {
466
+ '80%': {
402
467
  transform: string;
403
- opacity: number;
404
468
  };
405
469
  duration: string;
406
470
  timingFunction: string;
407
471
  };
408
- export declare const lightSpeedOut: ({ duration, timingFunction, ...props }: {
409
- [x: string]: any;
410
- duration?: string | undefined;
411
- timingFunction?: string | undefined;
412
- }) => {
413
- from: {
472
+ export declare const lightSpeedOut: ({ duration, timingFunction, ...props }: AnimationProps) => {
473
+ from: import("react").CSSProperties | {
414
474
  opacity: number;
415
475
  };
416
- '20%': {
476
+ to: import("react").CSSProperties | {
417
477
  opacity: number;
418
478
  transform: string;
419
479
  };
420
- to: {
480
+ leave?: import("react").CSSProperties | undefined;
481
+ delay?: string | undefined;
482
+ property?: string | undefined;
483
+ iterationCount?: string | number | undefined;
484
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
485
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
486
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
487
+ keyframes?: string | Object | undefined;
488
+ '20%': {
421
489
  opacity: number;
422
490
  transform: string;
423
491
  };
424
492
  duration: string;
425
493
  timingFunction: string;
426
494
  };
427
- export declare const hinge: ({ duration, timingFunction, ...props }: {
428
- [x: string]: any;
429
- duration?: string | undefined;
430
- timingFunction?: string | undefined;
431
- }) => {
432
- from: {
495
+ export declare const hinge: ({ duration, timingFunction, ...props }: AnimationProps) => {
496
+ from: import("react").CSSProperties | {
433
497
  transform: string;
434
498
  transformOrigin: string;
435
499
  opacity: number;
436
500
  };
501
+ to: import("react").CSSProperties | {
502
+ transform: string;
503
+ opacity: number;
504
+ };
505
+ leave?: import("react").CSSProperties | undefined;
506
+ delay?: string | undefined;
507
+ property?: string | undefined;
508
+ iterationCount?: string | number | undefined;
509
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
510
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
511
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
512
+ keyframes?: string | Object | undefined;
437
513
  '20%': {
438
514
  transform: string;
439
515
  opacity: number;
@@ -450,82 +526,95 @@ export declare const hinge: ({ duration, timingFunction, ...props }: {
450
526
  transform: string;
451
527
  opacity: number;
452
528
  };
453
- to: {
454
- transform: string;
455
- opacity: number;
456
- };
457
529
  duration: string;
458
530
  timingFunction: string;
459
531
  };
460
- export declare const jackInTheBox: ({ duration, timingFunction, ...props }: {
461
- [x: string]: any;
462
- duration?: string | undefined;
463
- timingFunction?: string | undefined;
464
- }) => {
465
- from: {
532
+ export declare const jackInTheBox: ({ duration, timingFunction, ...props }: AnimationProps) => {
533
+ from: import("react").CSSProperties | {
466
534
  opacity: number;
467
535
  transform: string;
468
536
  transformOrigin: string;
469
537
  };
470
- '50%': {
538
+ to: import("react").CSSProperties | {
539
+ opacity: number;
471
540
  transform: string;
472
541
  };
473
- '70%': {
542
+ leave?: import("react").CSSProperties | undefined;
543
+ delay?: string | undefined;
544
+ property?: string | undefined;
545
+ iterationCount?: string | number | undefined;
546
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
547
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
548
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
549
+ keyframes?: string | Object | undefined;
550
+ '50%': {
474
551
  transform: string;
475
552
  };
476
- to: {
477
- opacity: number;
553
+ '70%': {
478
554
  transform: string;
479
555
  };
480
556
  duration: string;
481
557
  timingFunction: string;
482
558
  };
483
- export declare const flipInX: ({ duration, timingFunction, ...props }: {
484
- [x: string]: any;
485
- duration?: string | undefined;
486
- timingFunction?: string | undefined;
487
- }) => {
488
- from: {
559
+ export declare const flipInX: ({ duration, timingFunction, ...props }: AnimationProps) => {
560
+ from: import("react").CSSProperties | {
489
561
  transform: string;
490
562
  opacity: number;
491
563
  };
492
- '40%': {
564
+ to: import("react").CSSProperties | {
493
565
  transform: string;
494
- opacity: number;
495
566
  };
496
- to: {
567
+ leave?: import("react").CSSProperties | undefined;
568
+ delay?: string | undefined;
569
+ property?: string | undefined;
570
+ iterationCount?: string | number | undefined;
571
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
572
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
573
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
574
+ keyframes?: string | Object | undefined;
575
+ '40%': {
497
576
  transform: string;
577
+ opacity: number;
498
578
  };
499
579
  duration: string;
500
580
  timingFunction: string;
501
581
  };
502
- export declare const flipInY: ({ duration, timingFunction, ...props }: {
503
- [x: string]: any;
504
- duration?: string | undefined;
505
- timingFunction?: string | undefined;
506
- }) => {
507
- from: {
582
+ export declare const flipInY: ({ duration, timingFunction, ...props }: AnimationProps) => {
583
+ from: import("react").CSSProperties | {
508
584
  transform: string;
509
585
  opacity: number;
510
586
  };
511
- '40%': {
587
+ to: import("react").CSSProperties | {
512
588
  transform: string;
513
- opacity: number;
514
589
  };
515
- to: {
590
+ leave?: import("react").CSSProperties | undefined;
591
+ delay?: string | undefined;
592
+ property?: string | undefined;
593
+ iterationCount?: string | number | undefined;
594
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
595
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
596
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
597
+ keyframes?: string | Object | undefined;
598
+ '40%': {
516
599
  transform: string;
600
+ opacity: number;
517
601
  };
518
602
  duration: string;
519
603
  timingFunction: string;
520
604
  };
521
- export declare const headShake: ({ duration, iterationCount, ...props }: {
522
- [x: string]: any;
523
- duration?: string | undefined;
524
- iterationCount?: string | undefined;
525
- }) => {
526
- from: {
605
+ export declare const headShake: ({ duration, iterationCount, ...props }: AnimationProps) => {
606
+ from: import("react").CSSProperties | {
527
607
  transform: string;
528
608
  };
609
+ to?: import("react").CSSProperties | undefined;
610
+ leave?: import("react").CSSProperties | undefined;
611
+ timingFunction?: string | undefined;
612
+ delay?: string | undefined;
613
+ property?: string | undefined;
614
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
615
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
616
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
617
+ keyframes?: string | Object | undefined;
529
618
  '6.5%': {
530
619
  transform: string;
531
620
  };
@@ -542,17 +631,25 @@ export declare const headShake: ({ duration, iterationCount, ...props }: {
542
631
  transform: string;
543
632
  };
544
633
  duration: string;
545
- iterationCount: string;
634
+ iterationCount: string | number;
546
635
  };
547
- export declare const tada: ({ duration, iterationCount, ...props }: {
548
- [x: string]: any;
549
- duration?: string | undefined;
550
- iterationCount?: string | undefined;
551
- }) => {
552
- from: {
636
+ export declare const tada: ({ duration, iterationCount, ...props }: AnimationProps) => {
637
+ from: import("react").CSSProperties | {
638
+ transform: string;
639
+ opacity: number;
640
+ };
641
+ to: import("react").CSSProperties | {
553
642
  transform: string;
554
643
  opacity: number;
555
644
  };
645
+ leave?: import("react").CSSProperties | undefined;
646
+ timingFunction?: string | undefined;
647
+ delay?: string | undefined;
648
+ property?: string | undefined;
649
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
650
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
651
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
652
+ keyframes?: string | Object | undefined;
556
653
  '10%, 20%': {
557
654
  transform: string;
558
655
  };
@@ -562,21 +659,24 @@ export declare const tada: ({ duration, iterationCount, ...props }: {
562
659
  '40%, 60%, 80%': {
563
660
  transform: string;
564
661
  };
565
- to: {
566
- transform: string;
567
- opacity: number;
568
- };
569
662
  duration: string;
570
- iterationCount: string;
663
+ iterationCount: string | number;
571
664
  };
572
- export declare const jello: ({ duration, iterationCount, ...props }: {
573
- [x: string]: any;
574
- duration?: string | undefined;
575
- iterationCount?: string | undefined;
576
- }) => {
577
- from: {
665
+ export declare const jello: ({ duration, iterationCount, ...props }: AnimationProps) => {
666
+ from: import("react").CSSProperties | {
578
667
  transform: string;
579
668
  };
669
+ to: import("react").CSSProperties | {
670
+ transform: string;
671
+ };
672
+ leave?: import("react").CSSProperties | undefined;
673
+ timingFunction?: string | undefined;
674
+ delay?: string | undefined;
675
+ property?: string | undefined;
676
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
677
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
678
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
679
+ keyframes?: string | Object | undefined;
580
680
  '11.1%': {
581
681
  transform: string;
582
682
  };
@@ -601,53 +701,65 @@ export declare const jello: ({ duration, iterationCount, ...props }: {
601
701
  '88.8%': {
602
702
  transform: string;
603
703
  };
604
- to: {
605
- transform: string;
606
- };
607
704
  duration: string;
608
- iterationCount: string;
705
+ iterationCount: string | number;
609
706
  };
610
- export declare const fadeInDown: ({ duration, timingFunction, ...props }: {
611
- [x: string]: any;
612
- duration?: string | undefined;
613
- timingFunction?: string | undefined;
614
- }) => {
615
- from: {
707
+ export declare const fadeInDown: ({ duration, timingFunction, ...props }: AnimationProps) => {
708
+ from: import("react").CSSProperties | {
616
709
  opacity: number;
617
710
  transform: string;
618
711
  };
619
- to: {
712
+ to: import("react").CSSProperties | {
620
713
  opacity: number;
621
714
  transform: string;
622
715
  };
716
+ leave?: import("react").CSSProperties | undefined;
717
+ delay?: string | undefined;
718
+ property?: string | undefined;
719
+ iterationCount?: string | number | undefined;
720
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
721
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
722
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
723
+ keyframes?: string | Object | undefined;
623
724
  duration: string;
624
725
  timingFunction: string;
625
726
  };
626
- export declare const fadeInUp: ({ duration, timingFunction, ...props }: {
627
- [x: string]: any;
628
- duration?: string | undefined;
629
- timingFunction?: string | undefined;
630
- }) => {
631
- from: {
727
+ export declare const fadeInUp: ({ duration, timingFunction, ...props }: AnimationProps) => {
728
+ from: import("react").CSSProperties | {
632
729
  opacity: number;
633
730
  transform: string;
634
731
  };
635
- to: {
732
+ to: import("react").CSSProperties | {
636
733
  opacity: number;
637
734
  transform: string;
638
735
  };
736
+ leave?: import("react").CSSProperties | undefined;
737
+ delay?: string | undefined;
738
+ property?: string | undefined;
739
+ iterationCount?: string | number | undefined;
740
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
741
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
742
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
743
+ keyframes?: string | Object | undefined;
639
744
  duration: string;
640
745
  timingFunction: string;
641
746
  };
642
- export declare const bounceIn: ({ duration, timingFunction, ...props }: {
643
- [x: string]: any;
644
- duration?: string | undefined;
645
- timingFunction?: string | undefined;
646
- }) => {
647
- from: {
747
+ export declare const bounceIn: ({ duration, timingFunction, ...props }: AnimationProps) => {
748
+ from: import("react").CSSProperties | {
648
749
  opacity: number;
649
750
  transform: string;
650
751
  };
752
+ to: import("react").CSSProperties | {
753
+ transform: string;
754
+ };
755
+ leave?: import("react").CSSProperties | undefined;
756
+ delay?: string | undefined;
757
+ property?: string | undefined;
758
+ iterationCount?: string | number | undefined;
759
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
760
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
761
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
762
+ keyframes?: string | Object | undefined;
651
763
  '50%': {
652
764
  opacity: number;
653
765
  transform: string;
@@ -655,215 +767,239 @@ export declare const bounceIn: ({ duration, timingFunction, ...props }: {
655
767
  '70%': {
656
768
  transform: string;
657
769
  };
658
- to: {
659
- transform: string;
660
- };
661
770
  duration: string;
662
771
  timingFunction: string;
663
772
  };
664
- export declare const bounceOut: ({ duration, timingFunction, ...props }: {
665
- [x: string]: any;
666
- duration?: string | undefined;
667
- timingFunction?: string | undefined;
668
- }) => {
669
- from: {
773
+ export declare const bounceOut: ({ duration, timingFunction, ...props }: AnimationProps) => {
774
+ from: import("react").CSSProperties | {
670
775
  transform: string;
671
776
  };
672
- '20%': {
777
+ to: import("react").CSSProperties | {
778
+ opacity: number;
673
779
  transform: string;
674
780
  };
675
- '50%, 55%': {
676
- opacity: number;
781
+ leave?: import("react").CSSProperties | undefined;
782
+ delay?: string | undefined;
783
+ property?: string | undefined;
784
+ iterationCount?: string | number | undefined;
785
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
786
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
787
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
788
+ keyframes?: string | Object | undefined;
789
+ '20%': {
677
790
  transform: string;
678
791
  };
679
- to: {
792
+ '50%, 55%': {
680
793
  opacity: number;
681
794
  transform: string;
682
795
  };
683
796
  duration: string;
684
797
  timingFunction: string;
685
798
  };
686
- export declare const slideOutLeft: ({ duration, timingFunction, ...props }: {
687
- [x: string]: any;
688
- duration?: string | undefined;
689
- timingFunction?: string | undefined;
690
- }) => {
691
- from: {
799
+ export declare const slideOutLeft: ({ duration, timingFunction, ...props }: AnimationProps) => {
800
+ from: import("react").CSSProperties | {
692
801
  transform: string;
693
802
  };
694
- to: {
803
+ to: import("react").CSSProperties | {
695
804
  transform: string;
696
805
  };
806
+ leave?: import("react").CSSProperties | undefined;
807
+ delay?: string | undefined;
808
+ property?: string | undefined;
809
+ iterationCount?: string | number | undefined;
810
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
811
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
812
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
813
+ keyframes?: string | Object | undefined;
697
814
  duration: string;
698
815
  timingFunction: string;
699
816
  };
700
- export declare const slideOutRight: ({ duration, timingFunction, ...props }: {
701
- [x: string]: any;
702
- duration?: string | undefined;
703
- timingFunction?: string | undefined;
704
- }) => {
705
- from: {
817
+ export declare const slideOutRight: ({ duration, timingFunction, ...props }: AnimationProps) => {
818
+ from: import("react").CSSProperties | {
706
819
  transform: string;
707
820
  };
708
- to: {
821
+ to: import("react").CSSProperties | {
709
822
  transform: string;
710
823
  };
824
+ leave?: import("react").CSSProperties | undefined;
825
+ delay?: string | undefined;
826
+ property?: string | undefined;
827
+ iterationCount?: string | number | undefined;
828
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
829
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
830
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
831
+ keyframes?: string | Object | undefined;
711
832
  duration: string;
712
833
  timingFunction: string;
713
834
  };
714
- export declare const zoomInDown: ({ duration, timingFunction, ...props }: {
715
- [x: string]: any;
716
- duration?: string | undefined;
717
- timingFunction?: string | undefined;
718
- }) => {
719
- from: {
835
+ export declare const zoomInDown: ({ duration, timingFunction, ...props }: AnimationProps) => {
836
+ from: import("react").CSSProperties | {
720
837
  opacity: number;
721
838
  transform: string;
722
839
  };
723
- '60%': {
724
- opacity: number;
840
+ to: import("react").CSSProperties | {
725
841
  transform: string;
726
842
  };
727
- to: {
843
+ leave?: import("react").CSSProperties | undefined;
844
+ delay?: string | undefined;
845
+ property?: string | undefined;
846
+ iterationCount?: string | number | undefined;
847
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
848
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
849
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
850
+ keyframes?: string | Object | undefined;
851
+ '60%': {
852
+ opacity: number;
728
853
  transform: string;
729
854
  };
730
855
  duration: string;
731
856
  timingFunction: string;
732
857
  };
733
- export declare const zoomOutUp: ({ duration, timingFunction, ...props }: {
734
- [x: string]: any;
735
- duration?: string | undefined;
736
- timingFunction?: string | undefined;
737
- }) => {
738
- from: {
858
+ export declare const zoomOutUp: ({ duration, timingFunction, ...props }: AnimationProps) => {
859
+ from: import("react").CSSProperties | {
739
860
  opacity: number;
740
861
  transform: string;
741
862
  };
742
- '40%': {
863
+ to: import("react").CSSProperties | {
743
864
  opacity: number;
744
865
  transform: string;
745
866
  };
746
- to: {
867
+ leave?: import("react").CSSProperties | undefined;
868
+ delay?: string | undefined;
869
+ property?: string | undefined;
870
+ iterationCount?: string | number | undefined;
871
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
872
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
873
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
874
+ keyframes?: string | Object | undefined;
875
+ '40%': {
747
876
  opacity: number;
748
877
  transform: string;
749
878
  };
750
879
  duration: string;
751
880
  timingFunction: string;
752
881
  };
753
- export declare const backInDown: ({ duration, timingFunction, ...props }: {
754
- [x: string]: any;
755
- duration?: string | undefined;
756
- timingFunction?: string | undefined;
757
- }) => {
758
- from: {
882
+ export declare const backInDown: ({ duration, timingFunction, ...props }: AnimationProps) => {
883
+ from: import("react").CSSProperties | {
759
884
  opacity: number;
760
885
  transform: string;
761
886
  };
762
- to: {
887
+ to: import("react").CSSProperties | {
763
888
  opacity: number;
764
889
  transform: string;
765
890
  };
891
+ leave?: import("react").CSSProperties | undefined;
892
+ delay?: string | undefined;
893
+ property?: string | undefined;
894
+ iterationCount?: string | number | undefined;
895
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
896
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
897
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
898
+ keyframes?: string | Object | undefined;
766
899
  duration: string;
767
900
  timingFunction: string;
768
901
  };
769
- export declare const backOutUp: ({ duration, timingFunction, ...props }: {
770
- [x: string]: any;
771
- duration?: string | undefined;
772
- timingFunction?: string | undefined;
773
- }) => {
774
- from: {
902
+ export declare const backOutUp: ({ duration, timingFunction, ...props }: AnimationProps) => {
903
+ from: import("react").CSSProperties | {
775
904
  opacity: number;
776
905
  transform: string;
777
906
  };
778
- '80%': {
907
+ to: import("react").CSSProperties | {
779
908
  opacity: number;
780
909
  transform: string;
781
910
  };
782
- to: {
911
+ leave?: import("react").CSSProperties | undefined;
912
+ delay?: string | undefined;
913
+ property?: string | undefined;
914
+ iterationCount?: string | number | undefined;
915
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
916
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
917
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
918
+ keyframes?: string | Object | undefined;
919
+ '80%': {
783
920
  opacity: number;
784
921
  transform: string;
785
922
  };
786
923
  duration: string;
787
924
  timingFunction: string;
788
925
  };
789
- export declare const shimmer: ({ duration, timingFunction, iterationCount, ...props }: {
790
- [x: string]: any;
791
- duration?: string | undefined;
792
- timingFunction?: string | undefined;
793
- iterationCount?: string | undefined;
794
- }) => {
795
- from: {
926
+ export declare const shimmer: ({ duration, timingFunction, iterationCount, ...props }: AnimationProps) => {
927
+ from: import("react").CSSProperties | {
796
928
  transform: string;
797
929
  };
798
- '50%': {
930
+ to: import("react").CSSProperties | {
799
931
  transform: string;
800
932
  };
801
- to: {
933
+ leave?: import("react").CSSProperties | undefined;
934
+ delay?: string | undefined;
935
+ property?: string | undefined;
936
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
937
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
938
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
939
+ keyframes?: string | Object | undefined;
940
+ '50%': {
802
941
  transform: string;
803
942
  };
804
943
  duration: string;
805
944
  timingFunction: string;
806
- iterationCount: string;
945
+ iterationCount: string | number;
807
946
  };
808
- export declare const progress: ({ duration, timingFunction, direction, prop, from, to, ...props }: {
809
- [x: string]: any;
810
- duration?: string | undefined;
811
- timingFunction?: string | undefined;
812
- direction?: string | undefined;
813
- prop?: string | undefined;
814
- from?: string | undefined;
815
- to?: string | undefined;
816
- }) => {
817
- from: {
818
- [x: string]: string;
819
- };
820
- to: {
821
- [x: string]: string;
822
- };
947
+ export declare const progress: ({ duration, timingFunction, direction, from, to, ...props }: AnimationProps) => {
948
+ leave?: import("react").CSSProperties | undefined;
949
+ delay?: string | undefined;
950
+ property?: string | undefined;
951
+ iterationCount?: string | number | undefined;
952
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
953
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
954
+ keyframes?: string | Object | undefined;
955
+ from: import("react").CSSProperties;
956
+ to: import("react").CSSProperties;
823
957
  duration: string;
824
958
  timingFunction: string;
825
- direction: string;
959
+ direction: import("../types/style").AnimationDirection;
826
960
  };
827
- export declare const typewriter: ({ duration, steps, iterationCount, width, ...props }: {
828
- [x: string]: any;
829
- duration?: string | undefined;
830
- steps?: number | undefined;
831
- iterationCount?: number | undefined;
832
- width?: number | undefined;
833
- }) => {
834
- from: {
961
+ export declare const typewriter: ({ duration, steps, iterationCount, width, ...props }: AnimationProps) => {
962
+ from: import("react").CSSProperties | {
835
963
  width: string;
836
964
  };
837
- to: {
965
+ to: import("react").CSSProperties | {
838
966
  width: string;
839
967
  };
968
+ leave?: import("react").CSSProperties | undefined;
840
969
  timingFunction: string;
970
+ delay?: string | undefined;
971
+ property?: string | undefined;
972
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
973
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
974
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
975
+ keyframes?: string | Object | undefined;
841
976
  duration: string;
842
- iterationCount: number;
977
+ iterationCount: string | number;
843
978
  };
844
- export declare const blinkCursor: ({ duration, timingFunction, iterationCount, color, ...props }: {
845
- [x: string]: any;
846
- duration?: string | undefined;
847
- timingFunction?: string | undefined;
848
- iterationCount?: string | undefined;
849
- color?: string | undefined;
850
- }) => {
851
- from: {
852
- color: string;
979
+ export declare const blinkCursor: ({ duration, timingFunction, iterationCount, color, ...props }: AnimationProps) => {
980
+ from: import("react").CSSProperties | {
981
+ color: string | number | import("react").CSSProperties | Record<string, string | number>;
853
982
  };
854
- to: {
855
- color: string;
983
+ to: import("react").CSSProperties | {
984
+ color: string | number | import("react").CSSProperties | Record<string, string | number>;
856
985
  };
986
+ leave?: import("react").CSSProperties | undefined;
987
+ delay?: string | undefined;
988
+ property?: string | undefined;
989
+ direction?: "alternate" | "alternate-reverse" | "forwards" | "normal" | "reverse" | undefined;
990
+ fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
991
+ playState?: "finished" | "idle" | "paused" | "running" | undefined;
992
+ keyframes?: string | Object | undefined;
857
993
  '0%': {
858
- color: string;
994
+ color: string | number | import("react").CSSProperties | Record<string, string | number>;
859
995
  };
860
996
  '50%': {
861
997
  color: string;
862
998
  };
863
999
  '100%': {
864
- color: string;
1000
+ color: string | number | import("react").CSSProperties | Record<string, string | number>;
865
1001
  };
866
1002
  duration: string;
867
1003
  timingFunction: string;
868
- iterationCount: string;
1004
+ iterationCount: string | number;
869
1005
  };