@cliquify.me/elements-ui 9.0.16 → 9.0.18

package/dist/animated/keyframe-presets.d.ts

@@ -1,6 +1,6 @@
 import { ICompositionAnimation } from '@cliquify.me/types';
 
-export type KeyframePresetName = "fadeIn" | "fadeOut" | "slideInLeft" | "slideInRight" | "slideInTop" | "slideInBottom" | "slideOutLeft" | "slideOutRight" | "slideOutTop" | "slideOutBottom" | "scaleIn" | "scaleOut" | "rotateIn" | "rotateOut" | "bounceIn" | "bounceOut" | "elasticIn" | "elasticOut" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" | "zoomIn" | "zoomOut" | "blurIn" | "blurOut" | "brightnessIn" | "brightnessOut" | "blur" | "vignette" | "chromaticAberration" | "noise" | "pixelate" | "grayscale" | "contrast" | "brightness" | "hue" | "saturation" | "lightLeak" | "duotone" | "skewIn" | "skewOut" | "pulse" | "shake" | "wiggle" | "swing" | "maskRevealIn" | "maskRevealSlideIn" | "maskRevealSlideOut" | "maskRevealCenterIn" | "maskRevealCornerIn" | "maskRevealBlurIn" | "maskRevealBlurOut" | "textGridMarquee" | "inwardEchoes" | "cardFlip" | "noiseTile" | "disappearIn" | "blurV2In" | "blurSlide" | "spinIn" | "spinOut";
+export type KeyframePresetName = "fadeIn" | "fadeOut" | "slideInLeft" | "slideInRight" | "slideInTop" | "slideInBottom" | "slideOutLeft" | "slideOutRight" | "slideOutTop" | "slideOutBottom" | "scaleIn" | "scaleOut" | "rotateIn" | "rotateOut" | "bounceIn" | "bounceOut" | "elasticIn" | "elasticOut" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" | "zoomIn" | "zoomOut" | "blurIn" | "blurOut" | "brightnessIn" | "brightnessOut" | "blur" | "vignette" | "chromaticAberration" | "noise" | "pixelate" | "grayscale" | "contrast" | "brightness" | "hue" | "saturation" | "lightLeak" | "duotone" | "skewIn" | "skewOut" | "pulse" | "shake" | "wiggle" | "swing" | "maskRevealIn" | "maskRevealSlideIn" | "maskRevealSlideOut" | "maskRevealCenterIn" | "maskRevealCornerIn" | "maskRevealBlurIn" | "maskRevealBlurOut" | "textGridMarquee" | "inwardEchoes" | "cardFlip" | "noiseTile" | "ribbonReveal" | "randomFadeText" | "randomFadeTextWithRectangle" | "wordByWordRectangleReveal" | "letterByLetterCurveReveal" | "firstLineSlideReveal" | "textBorderRibbonReveal" | "textMessageReveal" | "randomTranslateTextWithRectangle" | "sequentialDoubleRectangleText" | "bouncingSequentialRectangleText" | "textShadowReveal" | "progressiveWordShadow" | "rightToLeftTextReveal" | "typewriterWithLassoReveal" | "horizontalTextStretch" | "curvedBannerRibbon" | "disappearIn" | "blurV2In" | "blurSlide" | "spinIn" | "spinOut";
 export declare const keyframePresets: Record<KeyframePresetName, ICompositionAnimation>;
 /**
  * The curve an animation should run on.

package/dist/animated/text-animated-types/animations-loop/bouncing-sequential-rectangle-text.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface BouncingSequentialRectangleTextProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    details?: ITextDetails;
+    rectangle1Color?: string;
+    rectangle2Color?: string;
+    angle?: number;
+}
+export declare const BouncingSequentialRectangleText: React.FC<BouncingSequentialRectangleTextProps>;
+export default BouncingSequentialRectangleText;

package/dist/animated/text-animated-types/animations-loop/curved-banner-ribbon.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface CurvedBannerDetails {
+    color?: string;
+    textColor?: string;
+    angle?: number;
+    width?: number;
+    height?: number;
+    shadowOpacity?: number;
+}
+interface CurvedBannerRibbonProps {
+    text?: string;
+    lines?: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    fps?: number;
+    details?: CurvedBannerDetails & Partial<ITextDetails>;
+    color?: string;
+    angle?: number;
+    width?: number;
+    height?: number;
+}
+export declare const CurvedBannerRibbon: React.FC<CurvedBannerRibbonProps>;
+export default CurvedBannerRibbon;

package/dist/animated/text-animated-types/animations-loop/first-line-slide-reveal.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface FirstLineSlideRevealProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    backgroundColor?: string;
+    borderColor?: string;
+    framesPerCharacter?: number;
+    minDurationInFrames?: number;
+}
+export declare const FirstLineSlideReveal: React.FC<FirstLineSlideRevealProps>;
+export default FirstLineSlideReveal;

package/dist/animated/text-animated-types/animations-loop/horizontal-text-stretch.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface HorizontalTextStretchProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    initialLetterSpacing?: number;
+    rectangleColor?: string;
+    rectangleHeightRatio?: number;
+    rectangleWidthRatio?: number;
+    easing?: boolean;
+}
+export declare const HorizontalTextStretch: React.FC<HorizontalTextStretchProps>;
+export default HorizontalTextStretch;

package/dist/animated/text-animated-types/animations-loop/letter-by-letter-curve-reveal.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface LetterByLetterCurveRevealProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    curveColor?: string;
+}
+export declare const LetterByLetterCurveReveal: React.FC<LetterByLetterCurveRevealProps>;
+export default LetterByLetterCurveReveal;

package/dist/animated/text-animated-types/animations-loop/progressive-word-shadow.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface ProgressiveWordShadowProps {
+    text?: string;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    shadowColor?: string;
+    details?: ITextDetails & {
+        shadowColor?: string;
+    };
+}
+export declare const ProgressiveWordShadow: React.FC<ProgressiveWordShadowProps>;
+export default ProgressiveWordShadow;

package/dist/animated/text-animated-types/animations-loop/random-fade-text-with-rectangle.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface RandomFadeTextWithRectangleProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    seed?: number;
+    rectangleColor?: string;
+    rectangleHeightRatio?: number;
+    rectangleWidthRatio?: number;
+    rectangleGrowthEnd?: number;
+    easing?: boolean;
+}
+export declare const RandomFadeTextWithRectangle: React.FC<RandomFadeTextWithRectangleProps>;
+export default RandomFadeTextWithRectangle;

package/dist/animated/text-animated-types/animations-loop/random-fade-text.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface RandomFadeTextProps {
+    text?: string;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    fps?: number;
+    details?: ITextDetails;
+    seed?: number;
+    shadowColor?: string;
+    shadowIntensity?: number;
+}
+export declare const RandomFadeText: React.FC<RandomFadeTextProps>;
+export default RandomFadeText;

package/dist/animated/text-animated-types/animations-loop/random-translate-text-with-rectangle.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface RandomTranslateTextWithRectangleProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    rectangleColor?: string;
+    translateStart?: number;
+}
+export declare const RandomTranslateTextWithRectangle: React.FC<RandomTranslateTextWithRectangleProps>;
+export default RandomTranslateTextWithRectangle;

package/dist/animated/text-animated-types/animations-loop/ribbon-reveal.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface RibbonDetails {
+    color?: string;
+    angle?: number;
+    width?: number;
+    height?: number;
+    shadowOpacity?: number;
+    perspective?: number;
+}
+interface RibbonRevealProps {
+    text?: string;
+    lines?: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    fps?: number;
+    details?: RibbonDetails & Partial<ITextDetails>;
+    color?: string;
+    angle?: number;
+    width?: number;
+    height?: number;
+}
+export declare const RibbonReveal: React.FC<RibbonRevealProps>;
+export default RibbonReveal;

package/dist/animated/text-animated-types/animations-loop/right-to-left-text-reveal.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface RightToLeftTextRevealProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    rectangleColor?: string;
+    rectangleHeightRatio?: number;
+    rectangleWidthRatio?: number;
+    easing?: boolean;
+}
+export declare const RightToLeftTextReveal: React.FC<RightToLeftTextRevealProps>;
+export default RightToLeftTextReveal;

package/dist/animated/text-animated-types/animations-loop/sequential-double-rectangle-text.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface SequentialDoubleRectangleTextProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    details?: ITextDetails;
+    rectangle1Color?: string;
+    rectangle2Color?: string;
+    angle?: number;
+    secondRectangleStart?: number;
+}
+export declare const SequentialDoubleRectangleText: React.FC<SequentialDoubleRectangleTextProps>;
+export default SequentialDoubleRectangleText;

package/dist/animated/text-animated-types/animations-loop/text-border-ribbon-reveal.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface TextBorderRibbonRevealProps {
+    text?: string;
+    lines?: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    fps?: number;
+    details?: Partial<ITextDetails> & {
+        shadowOpacity?: number;
+        paddingX?: number;
+        paddingY?: number;
+    };
+    borderColor?: string;
+    angle?: number;
+}
+export declare const TextBorderRibbonReveal: React.FC<TextBorderRibbonRevealProps>;
+export default TextBorderRibbonReveal;

package/dist/animated/text-animated-types/animations-loop/text-message-reveal.d.ts

@@ -0,0 +1,16 @@
+import { ITextDetails } from '@cliquify.me/types';
+import { default as React } from 'react';
+
+export interface TextMessageRevealProps {
+    text?: string;
+    lines?: string[];
+    details?: ITextDetails;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    initialTranslateY?: number;
+    initialOpacity?: number;
+    iconColor?: string;
+}
+export declare const TextMessageReveal: React.FC<TextMessageRevealProps>;
+export default TextMessageReveal;

package/dist/animated/text-animated-types/animations-loop/text-shadow-reveal.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+interface TextShadowRevealProps {
+    text?: string;
+    lines?: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    fps?: number;
+    details?: Partial<ITextDetails> & {
+        shadowColor?: string;
+        shadowBlur?: number;
+    };
+    color?: string;
+    shadowColor?: string;
+    shadowBlur?: number;
+}
+export declare const TextShadowReveal: React.FC<TextShadowRevealProps>;
+export default TextShadowReveal;

package/dist/animated/text-animated-types/animations-loop/type-writer-with-lasso-reveal.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface TypewriterWithLassoRevealProps {
+    text?: string;
+    lines?: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    lassoColor?: string;
+    easing?: boolean;
+}
+export declare const TypewriterWithLassoReveal: React.FC<TypewriterWithLassoRevealProps>;
+export default TypewriterWithLassoReveal;

package/dist/animated/text-animated-types/animations-loop/word-by-word-rectangle-reveal.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ITextDetails } from '@cliquify.me/types';
+
+export interface WordByWordRectangleRevealProps {
+    text?: string;
+    lines: string[];
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    details?: ITextDetails;
+    rectangleColor?: string;
+    easing?: boolean;
+}
+export declare const WordByWordRectangleReveal: React.FC<WordByWordRectangleRevealProps>;
+export default WordByWordRectangleReveal;

package/dist/index.d.ts

@@ -20,13 +20,46 @@ export { default as Ellipse } from './items/ellipse';
 export { default as ProgressSquare } from './items/progress-square';
 export { default as Template } from './items/template';
 export { default as Composition } from './items/composition';
+export { RibbonReveal } from './animated/text-animated-types/animations-loop/ribbon-reveal';
+export type { RibbonDetails } from './animated/text-animated-types/animations-loop/ribbon-reveal';
+export { RandomFadeText } from './animated/text-animated-types/animations-loop/random-fade-text';
+export type { RandomFadeTextProps } from './animated/text-animated-types/animations-loop/random-fade-text';
+export { RandomFadeTextWithRectangle } from './animated/text-animated-types/animations-loop/random-fade-text-with-rectangle';
+export type { RandomFadeTextWithRectangleProps } from './animated/text-animated-types/animations-loop/random-fade-text-with-rectangle';
+export { TextShadowReveal } from './animated/text-animated-types/animations-loop/text-shadow-reveal';
+export { WordByWordRectangleReveal } from './animated/text-animated-types/animations-loop/word-by-word-rectangle-reveal';
+export type { WordByWordRectangleRevealProps } from './animated/text-animated-types/animations-loop/word-by-word-rectangle-reveal';
+export { LetterByLetterCurveReveal } from './animated/text-animated-types/animations-loop/letter-by-letter-curve-reveal';
+export type { LetterByLetterCurveRevealProps } from './animated/text-animated-types/animations-loop/letter-by-letter-curve-reveal';
+export { FirstLineSlideReveal } from './animated/text-animated-types/animations-loop/first-line-slide-reveal';
+export type { FirstLineSlideRevealProps } from './animated/text-animated-types/animations-loop/first-line-slide-reveal';
+export { TextBorderRibbonReveal } from './animated/text-animated-types/animations-loop/text-border-ribbon-reveal';
+export type { TextBorderRibbonRevealProps } from './animated/text-animated-types/animations-loop/text-border-ribbon-reveal';
+export { TextMessageReveal } from './animated/text-animated-types/animations-loop/text-message-reveal';
+export type { TextMessageRevealProps } from './animated/text-animated-types/animations-loop/text-message-reveal';
+export { RandomTranslateTextWithRectangle } from './animated/text-animated-types/animations-loop/random-translate-text-with-rectangle';
+export type { RandomTranslateTextWithRectangleProps } from './animated/text-animated-types/animations-loop/random-translate-text-with-rectangle';
+export { SequentialDoubleRectangleText } from './animated/text-animated-types/animations-loop/sequential-double-rectangle-text';
+export type { SequentialDoubleRectangleTextProps } from './animated/text-animated-types/animations-loop/sequential-double-rectangle-text';
+export { BouncingSequentialRectangleText } from './animated/text-animated-types/animations-loop/bouncing-sequential-rectangle-text';
+export type { BouncingSequentialRectangleTextProps } from './animated/text-animated-types/animations-loop/bouncing-sequential-rectangle-text';
+export { ProgressiveWordShadow } from './animated/text-animated-types/animations-loop/progressive-word-shadow';
+export type { ProgressiveWordShadowProps } from './animated/text-animated-types/animations-loop/progressive-word-shadow';
+export { RightToLeftTextReveal } from './animated/text-animated-types/animations-loop/right-to-left-text-reveal';
+export type { RightToLeftTextRevealProps } from './animated/text-animated-types/animations-loop/right-to-left-text-reveal';
+export { TypewriterWithLassoReveal } from './animated/text-animated-types/animations-loop/type-writer-with-lasso-reveal';
+export type { TypewriterWithLassoRevealProps } from './animated/text-animated-types/animations-loop/type-writer-with-lasso-reveal';
+export { HorizontalTextStretch } from './animated/text-animated-types/animations-loop/horizontal-text-stretch';
+export type { HorizontalTextStretchProps } from './animated/text-animated-types/animations-loop/horizontal-text-stretch';
+export { CurvedBannerRibbon } from './animated/text-animated-types/animations-loop/curved-banner-ribbon';
+export type { CurvedBannerDetails } from './animated/text-animated-types/animations-loop/curved-banner-ribbon';
 export { BaseSequence } from './base-sequence';
 export type { SequenceItemOptions } from './base-sequence';
 export { SequenceItem } from './sequence-item';
-export { calculateTextStyles, calculateContainerStyles, calculateCropStyles, calculateMediaStyles, calculateBorderOverlayStyles, calculateContainerFigureStyles, } from './utils/styles';
+export { calculateTextStyles, calculateContainerStyles, calculateCropStyles, calculateMediaStyles, calculateBorderOverlayStyles, calculateContainerFigureStyles } from './utils/styles';
 export { getAnimations } from './utils/get-animations';
 export type { Animation } from '@cliquify.me/animations';
-export { mapRemotionEffects, getAnimatedRemotionEffects, getEffectsCssInfo, } from './utils/effects-mapper';
+export { mapRemotionEffects, getAnimatedRemotionEffects, getEffectsCssInfo } from './utils/effects-mapper';
 export type { EffectsCssInfo } from './utils/effects-mapper';
 export { SafeHtmlInCanvas } from './utils/safe-html-in-canvas';
 export { groupTrackItems } from './utils/track-items';