@cliquify.me/elements-ui 8.0.3

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 (115) hide show
  1. package/LICENSE +46 -0
  2. package/dist/animated/Animated.d.ts +16 -0
  3. package/dist/animated/animated-text.d.ts +16 -0
  4. package/dist/animated/index.d.ts +5 -0
  5. package/dist/animated/keyframe-presets.d.ts +21 -0
  6. package/dist/animated/presets.d.ts +5 -0
  7. package/dist/animated/text-animated-full.d.ts +23 -0
  8. package/dist/animated/text-animated-types/animations-in/background-in.d.ts +9 -0
  9. package/dist/animated/text-animated-types/animations-in/beatiful-question-in.d.ts +9 -0
  10. package/dist/animated/text-animated-types/animations-in/count-down-in.d.ts +9 -0
  11. package/dist/animated/text-animated-types/animations-in/descompress-in.d.ts +8 -0
  12. package/dist/animated/text-animated-types/animations-in/domino-dreams-in.d.ts +9 -0
  13. package/dist/animated/text-animated-types/animations-in/drop-in.d.ts +8 -0
  14. package/dist/animated/text-animated-types/animations-in/great-thinkers-in.d.ts +9 -0
  15. package/dist/animated/text-animated-types/animations-in/made-with-love-in.d.ts +9 -0
  16. package/dist/animated/text-animated-types/animations-in/partial-slide-in.d.ts +10 -0
  17. package/dist/animated/text-animated-types/animations-in/reality-is-broken-in.d.ts +9 -0
  18. package/dist/animated/text-animated-types/animations-in/rising-strong-in.d.ts +8 -0
  19. package/dist/animated/text-animated-types/animations-in/sound-wave-in.d.ts +9 -0
  20. package/dist/animated/text-animated-types/animations-in/sunny-mornings-in.d.ts +9 -0
  21. package/dist/animated/text-animated-types/animations-in/text-animated-in.d.ts +9 -0
  22. package/dist/animated/text-animated-types/animations-in/type-writer-in.d.ts +8 -0
  23. package/dist/animated/text-animated-types/animations-loop/billboard.d.ts +6 -0
  24. package/dist/animated/text-animated-types/animations-loop/card-flip-container.d.ts +24 -0
  25. package/dist/animated/text-animated-types/animations-loop/dragonfly.d.ts +6 -0
  26. package/dist/animated/text-animated-types/animations-loop/font-change.d.ts +12 -0
  27. package/dist/animated/text-animated-types/animations-loop/glitch.d.ts +5 -0
  28. package/dist/animated/text-animated-types/animations-loop/heartbeat.d.ts +6 -0
  29. package/dist/animated/text-animated-types/animations-loop/image-card-flip.d.ts +47 -0
  30. package/dist/animated/text-animated-types/animations-loop/image-grid-marquee.d.ts +42 -0
  31. package/dist/animated/text-animated-types/animations-loop/image-inward-echoes.d.ts +40 -0
  32. package/dist/animated/text-animated-types/animations-loop/image-noise-tile.d.ts +65 -0
  33. package/dist/animated/text-animated-types/animations-loop/image-wiggle.d.ts +41 -0
  34. package/dist/animated/text-animated-types/animations-loop/pulse.d.ts +9 -0
  35. package/dist/animated/text-animated-types/animations-loop/rotate-3d.d.ts +6 -0
  36. package/dist/animated/text-animated-types/animations-loop/shake-text.d.ts +5 -0
  37. package/dist/animated/text-animated-types/animations-loop/shaky-letters-text.d.ts +6 -0
  38. package/dist/animated/text-animated-types/animations-loop/spin.d.ts +6 -0
  39. package/dist/animated/text-animated-types/animations-loop/text-card-flip.d.ts +17 -0
  40. package/dist/animated/text-animated-types/animations-loop/text-grid-marquee.d.ts +17 -0
  41. package/dist/animated/text-animated-types/animations-loop/text-inward-echoes.d.ts +17 -0
  42. package/dist/animated/text-animated-types/animations-loop/text-noise-tile.d.ts +17 -0
  43. package/dist/animated/text-animated-types/animations-loop/text-wiggle.d.ts +17 -0
  44. package/dist/animated/text-animated-types/animations-loop/vintage.d.ts +10 -0
  45. package/dist/animated/text-animated-types/animations-loop/vogue.d.ts +7 -0
  46. package/dist/animated/text-animated-types/animations-loop/wave.d.ts +7 -0
  47. package/dist/animated/text-animated-types/animations-out/background-out.d.ts +11 -0
  48. package/dist/animated/text-animated-types/animations-out/beatiful-question-out.d.ts +10 -0
  49. package/dist/animated/text-animated-types/animations-out/descompress-out.d.ts +9 -0
  50. package/dist/animated/text-animated-types/animations-out/domino-dreams-out.d.ts +10 -0
  51. package/dist/animated/text-animated-types/animations-out/drop-out.d.ts +9 -0
  52. package/dist/animated/text-animated-types/animations-out/great-thinkers-out.d.ts +10 -0
  53. package/dist/animated/text-animated-types/animations-out/made-with-love-out.d.ts +10 -0
  54. package/dist/animated/text-animated-types/animations-out/partial-slide-out.d.ts +11 -0
  55. package/dist/animated/text-animated-types/animations-out/reality-is-broken-out.d.ts +10 -0
  56. package/dist/animated/text-animated-types/animations-out/sunny-mornings-out.d.ts +10 -0
  57. package/dist/animated/text-animated-types/animations-out/text-animated-out.d.ts +10 -0
  58. package/dist/animated/text-animated-types/animations-out/type-writer-out.d.ts +10 -0
  59. package/dist/animated/text-animated-types/generic-char-animation.d.ts +19 -0
  60. package/dist/animated/text-animated.d.ts +30 -0
  61. package/dist/animated/types.d.ts +43 -0
  62. package/dist/animated/useAnimation.d.ts +5 -0
  63. package/dist/animation/box.d.ts +27 -0
  64. package/dist/animation/content.d.ts +11 -0
  65. package/dist/animation/index.d.ts +4 -0
  66. package/dist/animation/mask.d.ts +8 -0
  67. package/dist/animation/presets.d.ts +5 -0
  68. package/dist/animation/types.d.ts +32 -0
  69. package/dist/animation/use-animation.d.ts +13 -0
  70. package/dist/base-sequence.d.ts +40 -0
  71. package/dist/index.d.ts +31 -0
  72. package/dist/index.es.js +6190 -0
  73. package/dist/items/audio-bars/audio-utils.d.ts +8 -0
  74. package/dist/items/audio-bars/bars-visualization.d.ts +26 -0
  75. package/dist/items/audio-bars/hill-audio-bars.d.ts +7 -0
  76. package/dist/items/audio-bars/hill-visualization.d.ts +20 -0
  77. package/dist/items/audio-bars/lineal-audio-bars.d.ts +7 -0
  78. package/dist/items/audio-bars/radial-audio-bars.d.ts +7 -0
  79. package/dist/items/audio-bars/radial-bars-visualization.d.ts +24 -0
  80. package/dist/items/audio-bars/wave-audio-bars.d.ts +7 -0
  81. package/dist/items/audio-bars/wave-visualization.d.ts +26 -0
  82. package/dist/items/audio.d.ts +7 -0
  83. package/dist/items/caption.d.ts +7 -0
  84. package/dist/items/circle.d.ts +8 -0
  85. package/dist/items/composition.d.ts +8 -0
  86. package/dist/items/ellipse.d.ts +8 -0
  87. package/dist/items/hill-audio-bars.d.ts +7 -0
  88. package/dist/items/illustration.d.ts +8 -0
  89. package/dist/items/image.d.ts +7 -0
  90. package/dist/items/index.d.ts +19 -0
  91. package/dist/items/lineal-audio-bars.d.ts +7 -0
  92. package/dist/items/polygon.d.ts +8 -0
  93. package/dist/items/progress-bar.d.ts +7 -0
  94. package/dist/items/progress-frame.d.ts +7 -0
  95. package/dist/items/progress-square.d.ts +7 -0
  96. package/dist/items/radial-audio-bars.d.ts +7 -0
  97. package/dist/items/rect.d.ts +8 -0
  98. package/dist/items/shape.d.ts +8 -0
  99. package/dist/items/star.d.ts +8 -0
  100. package/dist/items/template.d.ts +8 -0
  101. package/dist/items/text.d.ts +7 -0
  102. package/dist/items/triangle.d.ts +8 -0
  103. package/dist/items/video.d.ts +8 -0
  104. package/dist/items/wave-audio-bars.d.ts +7 -0
  105. package/dist/lib/audio-data.d.ts +22 -0
  106. package/dist/media-background.d.ts +16 -0
  107. package/dist/motion-text.d.ts +35 -0
  108. package/dist/utils/effects-mapper.d.ts +18 -0
  109. package/dist/utils/frames.d.ts +7 -0
  110. package/dist/utils/get-animations.d.ts +15 -0
  111. package/dist/utils/safe-html-in-canvas.d.ts +19 -0
  112. package/dist/utils/styles.d.ts +8 -0
  113. package/dist/utils/track-items.d.ts +9 -0
  114. package/dist/utils/use-current-frame.d.ts +6 -0
  115. package/package.json +57 -0
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { ITextDetails } from '@cliquify.me/types';
3
+ import { CardFlipDetails } from './image-card-flip';
4
+
5
+ interface TextCardFlipProps {
6
+ text: string;
7
+ frame?: number;
8
+ delay?: number;
9
+ durationInFrames?: number;
10
+ from?: number;
11
+ to?: number;
12
+ details: ITextDetails;
13
+ fps?: number;
14
+ cardFlipDetails?: CardFlipDetails;
15
+ }
16
+ export declare const TextCardFlip: React.FC<TextCardFlipProps>;
17
+ export default TextCardFlip;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { ITextDetails } from '@cliquify.me/types';
3
+ import { MarqueeDetails } from './image-grid-marquee';
4
+
5
+ interface TextGridMarqueeProps {
6
+ text: string;
7
+ frame?: number;
8
+ delay?: number;
9
+ durationInFrames?: number;
10
+ from?: number;
11
+ to?: number;
12
+ details: ITextDetails;
13
+ fps?: number;
14
+ marqueeDetails?: MarqueeDetails;
15
+ }
16
+ declare const TextGridMarquee: React.FC<TextGridMarqueeProps>;
17
+ export default TextGridMarquee;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { ITextDetails } from '@cliquify.me/types';
3
+ import { InwardEchoesDetails } from './image-inward-echoes';
4
+
5
+ interface TextInwardEchoesProps {
6
+ text: string;
7
+ frame?: number;
8
+ delay?: number;
9
+ durationInFrames?: number;
10
+ from?: number;
11
+ to?: number;
12
+ details: ITextDetails;
13
+ fps?: number;
14
+ echoesDetails?: InwardEchoesDetails;
15
+ }
16
+ export declare const TextInwardEchoes: React.FC<TextInwardEchoesProps>;
17
+ export default TextInwardEchoes;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { NoiseTileDetails } from './image-noise-tile';
3
+ import { ITextDetails } from '@cliquify.me/types';
4
+
5
+ interface TextNoiseTileProps {
6
+ text: string;
7
+ frame?: number;
8
+ delay?: number;
9
+ durationInFrames?: number;
10
+ from?: number;
11
+ to?: number;
12
+ details: ITextDetails;
13
+ fps?: number;
14
+ noiseTileDetails?: NoiseTileDetails;
15
+ }
16
+ export declare const TextNoiseTile: React.FC<TextNoiseTileProps>;
17
+ export default TextNoiseTile;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ import { ITextDetails } from '@cliquify.me/types';
3
+ import { WiggleDetails } from './image-wiggle';
4
+
5
+ interface TextWiggleProps {
6
+ text: string;
7
+ frame?: number;
8
+ delay?: number;
9
+ durationInFrames?: number;
10
+ from?: number;
11
+ to?: number;
12
+ details: ITextDetails;
13
+ fps?: number;
14
+ wiggleDetails?: WiggleDetails;
15
+ }
16
+ export declare const TextWiggle: React.FC<TextWiggleProps>;
17
+ export default TextWiggle;
@@ -0,0 +1,10 @@
1
+ declare const Vintage: ({ text, frame, details, fps }: {
2
+ text: string;
3
+ frame: number;
4
+ details: {
5
+ fontSize: number;
6
+ color: string;
7
+ };
8
+ fps: number;
9
+ }) => import("react").JSX.Element;
10
+ export default Vintage;
@@ -0,0 +1,7 @@
1
+ declare const VogueLetterByLetter: ({ char, frame, fps, index }: {
2
+ char: string;
3
+ frame: number;
4
+ fps: number;
5
+ index: number;
6
+ }) => import("react").JSX.Element;
7
+ export default VogueLetterByLetter;
@@ -0,0 +1,7 @@
1
+ declare const Wave: ({ char, frame, fps, index }: {
2
+ char: string;
3
+ frame: number;
4
+ fps: number;
5
+ index: number;
6
+ }) => import("react").JSX.Element;
7
+ export default Wave;
@@ -0,0 +1,11 @@
1
+ import { ITextDetails } from '@cliquify.me/types';
2
+
3
+ declare const BackgroundOut: ({ text, frame, animationTextOutFrames, details, durationInFrames, fps }: {
4
+ text: string;
5
+ frame: number;
6
+ animationTextOutFrames: number;
7
+ details: ITextDetails;
8
+ durationInFrames: number;
9
+ fps: number;
10
+ }) => import("react").JSX.Element;
11
+ export default BackgroundOut;
@@ -0,0 +1,10 @@
1
+ declare const BeatifulQuestionAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default BeatifulQuestionAnimationOut;
@@ -0,0 +1,9 @@
1
+ declare const DescompressAnimationOut: ({ char, index, frame, fps, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ animationTextOutFrames: number;
7
+ durationInFrames: number;
8
+ }) => import("react").JSX.Element;
9
+ export default DescompressAnimationOut;
@@ -0,0 +1,10 @@
1
+ declare const DominoDreamsAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default DominoDreamsAnimationOut;
@@ -0,0 +1,9 @@
1
+ declare const DropAnimationOut: ({ char, index, frame, fps, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ animationTextOutFrames: number;
7
+ durationInFrames: number;
8
+ }) => import("react").JSX.Element;
9
+ export default DropAnimationOut;
@@ -0,0 +1,10 @@
1
+ declare const GreatThinkersAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default GreatThinkersAnimationOut;
@@ -0,0 +1,10 @@
1
+ declare const MadeWithLoveAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default MadeWithLoveAnimationOut;
@@ -0,0 +1,11 @@
1
+ import { ITextDetails } from '@cliquify.me/types';
2
+
3
+ declare const PartialSlideOut: ({ text, frame, details, animationTextOutFrames, fps, durationInFrames }: {
4
+ text: string;
5
+ frame: number;
6
+ details: ITextDetails;
7
+ animationTextOutFrames: number;
8
+ fps: number;
9
+ durationInFrames: number;
10
+ }) => import("react").JSX.Element;
11
+ export default PartialSlideOut;
@@ -0,0 +1,10 @@
1
+ declare const RealityIsBrokenAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default RealityIsBrokenAnimationOut;
@@ -0,0 +1,10 @@
1
+ declare const SunnyMorningsAnimationOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default SunnyMorningsAnimationOut;
@@ -0,0 +1,10 @@
1
+ declare const AnimatedTextOut: ({ char, index, frame, fps, textLength, animationTextOutFrames, durationInFrames }: {
2
+ char: string;
3
+ index: number;
4
+ frame: number;
5
+ fps: number;
6
+ textLength: number;
7
+ animationTextOutFrames: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default AnimatedTextOut;
@@ -0,0 +1,10 @@
1
+ import { ITextDetails } from '@cliquify.me/types';
2
+
3
+ declare const TypeWriterOut: ({ animationDuration, text, details, frame, durationInFrames }: {
4
+ animationDuration: number;
5
+ text: string;
6
+ details: ITextDetails;
7
+ frame: number;
8
+ durationInFrames: number;
9
+ }) => import("react").JSX.Element;
10
+ export default TypeWriterOut;
@@ -0,0 +1,19 @@
1
+ import { ITextDetails } from '@cliquify.me/types';
2
+
3
+ interface GenericCharAnimationProps {
4
+ char: string;
5
+ index: number;
6
+ frame: number;
7
+ fps: number;
8
+ textLength: number;
9
+ animationTextFrames: number;
10
+ property: string;
11
+ from: number;
12
+ to: number;
13
+ easing: string;
14
+ delay: number;
15
+ details?: ITextDetails;
16
+ phase?: "in" | "out" | "loop" | "timed";
17
+ }
18
+ declare const GenericCharAnimation: ({ char, index, frame, fps, textLength, animationTextFrames, property, from, to, easing, delay: baseDelay, details, phase }: GenericCharAnimationProps) => import("react").JSX.Element;
19
+ export default GenericCharAnimation;
@@ -0,0 +1,30 @@
1
+ import { ICompositionAnimation, ITextDetails } from '@cliquify.me/types';
2
+ import { default as React } from 'react';
3
+
4
+ export declare const TextAnimated: React.FC<{
5
+ text: string;
6
+ fps: number;
7
+ textAnimationNameIn: string;
8
+ textAnimationNameOut: string;
9
+ textAnimationNameLoop: string;
10
+ textAnimationModeIn?: "all" | "word" | "letter" | "line";
11
+ textAnimationModeOut?: "all" | "word" | "letter" | "line";
12
+ textAnimationModeLoop?: "all" | "word" | "letter" | "line";
13
+ textAnimationModeTimed?: "all" | "word" | "letter" | "line";
14
+ basicCharAnimationsIn?: ICompositionAnimation[];
15
+ basicCharAnimationsOut?: ICompositionAnimation[];
16
+ basicCharAnimationsLoop?: ICompositionAnimation[];
17
+ basicCharAnimationsTimed?: ICompositionAnimation[];
18
+ loopComposition?: ICompositionAnimation[];
19
+ details: ITextDetails;
20
+ frame: number;
21
+ animationTextInFrames: number;
22
+ animationTextOutFrames: number;
23
+ animationTextLoopFrames: number;
24
+ animationTextTimedFrames?: number;
25
+ durationInFrames: number;
26
+ animationFonts: {
27
+ fontFamily: string;
28
+ url: string;
29
+ }[];
30
+ }>;
@@ -0,0 +1,43 @@
1
+ export interface Animation {
2
+ property: string;
3
+ from: number;
4
+ to: number;
5
+ durationInFrames: number;
6
+ ease: (t: number) => number;
7
+ delay?: number;
8
+ previewUrl?: string;
9
+ name?: string;
10
+ details?: {
11
+ fonts?: {
12
+ fontFamily: string;
13
+ url: string;
14
+ }[];
15
+ };
16
+ type?: "special" | "basic";
17
+ persist?: boolean;
18
+ }
19
+ export interface StaggerConfig {
20
+ amount: number;
21
+ overlap?: number;
22
+ }
23
+ export interface AnimationConfig {
24
+ in?: Animation | Animation[];
25
+ out?: Animation | Animation[];
26
+ stagger?: StaggerConfig;
27
+ }
28
+ export interface AnimatedElementProps {
29
+ animationIn?: Animation | Animation[];
30
+ animationOut?: Animation | Animation[];
31
+ durationInFrames: number;
32
+ children: React.ReactNode;
33
+ className?: string;
34
+ }
35
+ export interface AnimatedTextProps {
36
+ children: string;
37
+ durationInFrames: number;
38
+ wordAnimation?: AnimationConfig;
39
+ letterAnimation?: AnimationConfig;
40
+ className?: string;
41
+ }
42
+ export type CombineAnimations = (...animations: (Animation | Animation[] | undefined)[]) => Animation[];
43
+ export type CreateStaggeredAnimations = (animations: Animation | Animation[] | undefined, count: number, stagger: StaggerConfig, durationInFrames: number, isOut: boolean) => Animation[];
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { Animation } from './types';
3
+
4
+ export declare const useAnimation: (animations: Animation[], durationInFrames: number, frame: number, isOut?: boolean, isTimed?: boolean) => React.CSSProperties;
5
+ export declare const combineAnimations: (animations: Animation | Animation[] | undefined | null) => Animation[];
@@ -0,0 +1,27 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface Animation {
4
+ property: keyof React.CSSProperties | string;
5
+ from: number;
6
+ to: number;
7
+ durationInFrames: number;
8
+ ease: (t: number) => number;
9
+ delay?: number;
10
+ }
11
+ export interface BoxProps {
12
+ animationIn?: Animation | Animation[] | null;
13
+ animationOut?: Animation | Animation[] | null;
14
+ durationInFrames: number;
15
+ children: React.ReactNode;
16
+ className?: string;
17
+ style?: React.CSSProperties;
18
+ }
19
+ export declare const Box: React.FC<BoxProps>;
20
+ export declare const combine: (...animations: (Animation | Animation[] | undefined)[]) => Animation[];
21
+ export declare const extractTransformations: (transform: string) => {
22
+ translateX: string;
23
+ translateY: string;
24
+ scale: string;
25
+ rotation: string;
26
+ rotateY: string;
27
+ };
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ import { Animation } from '../animated';
3
+
4
+ export interface ContentAnimationsProps {
5
+ animationTimed?: Animation | Animation[] | null;
6
+ durationInFrames: number;
7
+ frame?: number;
8
+ children: React.ReactNode;
9
+ style?: React.CSSProperties;
10
+ }
11
+ export declare const ContentAnimations: React.FC<ContentAnimationsProps>;
@@ -0,0 +1,4 @@
1
+ export { Box, combine } from './box';
2
+ export { presets } from './presets';
3
+ export * from './types';
4
+ export { useAnimation } from './use-animation';
@@ -0,0 +1,8 @@
1
+ export declare const MaskWrapper: ({ children, currentWidth, currentHeight, frame, item, keyframeAnimations }: {
2
+ children: React.ReactNode;
3
+ currentWidth: number;
4
+ currentHeight: number;
5
+ frame: number;
6
+ item: any;
7
+ keyframeAnimations: any;
8
+ }) => import("react").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Animation } from './types';
2
+
3
+ export declare const presets: {
4
+ [key: string]: Animation;
5
+ };
@@ -0,0 +1,32 @@
1
+ export interface Animation {
2
+ property: keyof React.CSSProperties | string;
3
+ from: number;
4
+ to: number;
5
+ durationInFrames: number;
6
+ ease: (t: number) => number;
7
+ delay?: number;
8
+ }
9
+ export interface StaggerConfig {
10
+ amount: number;
11
+ overlap?: number;
12
+ }
13
+ export interface AnimationConfig {
14
+ in?: Animation | Animation[];
15
+ out?: Animation | Animation[];
16
+ stagger?: StaggerConfig;
17
+ }
18
+ export interface BoxProps {
19
+ animations?: Animation[];
20
+ durationInFrames: number;
21
+ children: React.ReactNode;
22
+ className?: string;
23
+ }
24
+ export interface AnimatedTextProps {
25
+ children: string;
26
+ durationInFrames: number;
27
+ wordAnimation?: AnimationConfig;
28
+ letterAnimation?: AnimationConfig;
29
+ className?: string;
30
+ }
31
+ export type CombineAnimations = (...animations: (Animation | Animation[] | undefined)[]) => Animation[];
32
+ export type CreateStaggeredAnimations = (animations: Animation | Animation[] | undefined, count: number, stagger: StaggerConfig, durationInFrames: number, isOut: boolean) => Animation[];
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+
3
+ export interface Animation {
4
+ property: keyof React.CSSProperties | string;
5
+ from: number;
6
+ to: number;
7
+ durationInFrames: number;
8
+ ease: (t: number) => number;
9
+ delay?: number;
10
+ persist?: boolean;
11
+ }
12
+ export declare const useAnimation: (animations: Animation[], durationInFrames: number, frame: number, isOut?: boolean, isTimed?: boolean) => React.CSSProperties;
13
+ export declare const combineAnimations: (animations: Animation | Animation[] | undefined) => Animation[];
@@ -0,0 +1,40 @@
1
+ import { IAudio, ISize, ITrackItem, ITransition, IVideo, ItemStructure } from '@cliquify.me/types';
2
+
3
+ export interface SequenceItemOptions {
4
+ handleTextChange?: (id: string, text: string) => void;
5
+ fps: number;
6
+ playerRef?: React.RefObject<import('@remotion/player').PlayerRef> | null;
7
+ editableTextId?: string | null;
8
+ currentTime?: number;
9
+ zIndex?: number;
10
+ onTextBlur?: (id: string, text: string) => void;
11
+ itemsTemplate?: ITrackItem[];
12
+ itemsTemplateMap?: Record<string, ITrackItem | Record<string, any>>;
13
+ itemsTemplateIds?: string[];
14
+ size?: ISize;
15
+ itemStructure?: ItemStructure;
16
+ frame?: number;
17
+ transitionFrames?: number;
18
+ isFreeze?: boolean;
19
+ fromX?: number;
20
+ containTransition?: ITransition;
21
+ animations?: {
22
+ idObject: string;
23
+ type: string;
24
+ }[];
25
+ active?: boolean;
26
+ transitionsTemplateMap?: Record<string, ITransition>;
27
+ isTransition?: boolean;
28
+ structure?: ItemStructure[];
29
+ mergedTrackItemsDeatilsMap?: Record<string, ITrackItem | Record<string, any>>;
30
+ mediaItems?: (ITrackItem & (IVideo | IAudio))[];
31
+ resizeState?: Record<string, {
32
+ width: number;
33
+ height: number;
34
+ }>;
35
+ }
36
+ export declare const BaseSequence: ({ item, options, children }: {
37
+ item: ITrackItem;
38
+ options: SequenceItemOptions;
39
+ children: React.ReactNode;
40
+ }) => import("react").JSX.Element;
@@ -0,0 +1,31 @@
1
+ export { default as Audio } from './items/audio';
2
+ export { default as Caption } from './items/caption';
3
+ export { default as Illustration } from './items/illustration';
4
+ export { default as Image } from './items/image';
5
+ export { default as Shape } from './items/shape';
6
+ export { default as Text } from './items/text';
7
+ export { default as Video } from './items/video';
8
+ export { default as ProgressBar } from './items/progress-bar';
9
+ export { default as LinealAudioBars } from './items/lineal-audio-bars';
10
+ export { default as ProgressFrame } from './items/progress-frame';
11
+ export { default as RadialAudioBars } from './items/radial-audio-bars';
12
+ export { default as WaveAudioBars } from './items/wave-audio-bars';
13
+ export { default as HillAudioBars } from './items/hill-audio-bars';
14
+ export { default as Rect } from './items/rect';
15
+ export { default as Circle } from './items/circle';
16
+ export { default as Triangle } from './items/triangle';
17
+ export { default as Star } from './items/star';
18
+ export { default as Polygon } from './items/polygon';
19
+ export { default as Ellipse } from './items/ellipse';
20
+ export { default as ProgressSquare } from './items/progress-square';
21
+ export { default as Template } from './items/template';
22
+ export { default as Composition } from './items/composition';
23
+ export { BaseSequence } from './base-sequence';
24
+ export type { SequenceItemOptions } from './base-sequence';
25
+ export { calculateTextStyles, calculateContainerStyles, calculateCropStyles, calculateMediaStyles, calculateBorderOverlayStyles, calculateContainerFigureStyles } from './utils/styles';
26
+ export { getAnimations } from './utils/get-animations';
27
+ export type { Animation } from './utils/get-animations';
28
+ export { mapRemotionEffects, getAnimatedRemotionEffects, getEffectsCssInfo } from './utils/effects-mapper';
29
+ export type { EffectsCssInfo } from './utils/effects-mapper';
30
+ export { SafeHtmlInCanvas } from './utils/safe-html-in-canvas';
31
+ export { groupTrackItems } from './utils/track-items';