@cliquify.me/elements-ui 8.0.3

package/LICENSE

@@ -0,0 +1,46 @@
+DESIGNCOMBO COMMERCIAL LICENSE
+Copyright (c) 2024 Layerhub LLC
+
+This is a commercial license agreement between Layerhub LLC ("Licensor") and the purchaser ("Licensee") of the DesignCombo software package.
+
+1. GRANT OF LICENSE
+   Subject to the terms and conditions of this Agreement, Licensor grants Licensee a non-exclusive, non-transferable license to:
+   a) Use the DesignCombo software package for commercial and non-commercial purposes
+   b) Modify the source code to suit Licensee's specific needs
+   c) Deploy the modified version in production environments
+
+2. SUBSCRIPTION TERMS
+   a) The license is granted for a specified subscription period (e.g., 12 months)
+   b) During the subscription period, Licensee will receive:
+      - Access to the source code
+      - Regular updates and improvements
+      - Technical support
+   c) After the subscription period ends:
+      - Licensee may continue using the last version received during the subscription
+      - Licensee may continue using any modifications made to that version
+      - Licensee will no longer receive updates or technical support
+      - Licensee may renew the subscription to receive updates and support
+
+3. RESTRICTIONS
+   Licensee may not:
+   a) Redistribute, resell, or sublicense the original or modified software
+   b) Remove or alter any copyright notices or proprietary markings
+   c) Use the software to create a competing product
+   d) Transfer the license to another party
+
+4. INTELLECTUAL PROPERTY
+   The original DesignCombo software and all its components remain the exclusive property of Layerhub.
+   Licensee retains rights to their specific modifications, but not to the underlying software.
+
+5. WARRANTY
+   The software is provided "as is" without warranty of any kind. Layerhub is not liable for any damages arising from the use of the software.
+
+6. TERMINATION
+   This license is effective until terminated. Layerhub may terminate this license if Licensee fails to comply with any of its terms and conditions.
+
+7. GOVERNING LAW
+   This Agreement shall be governed by and construed in accordance with the laws of the jurisdiction in which Layerhub LLC is established.
+
+For licensing inquiries, please contact Layerhub LLC at [contact information].
+
+Version 1.1 - Effective Date: March 19, 2024 

package/dist/animated/Animated.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Animation } from './types';
+
+export interface AnimatedProps {
+    animationIn?: Animation | Animation[] | null;
+    animationOut?: Animation | Animation[] | null;
+    animationTimed?: Animation | Animation[] | null;
+    durationInFrames: number;
+    frame?: number;
+    isTransition?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Animated: React.FC<AnimatedProps>;
+export declare const combine: (...animations: (Animation | Animation[] | undefined)[]) => Animation[];

package/dist/animated/animated-text.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Animation } from './types';
+
+interface AnimationConfig {
+    animation: Animation | Animation[];
+    overlap?: number;
+}
+interface AnimatedTextProps {
+    children: string;
+    durationInFrames: number;
+    wordAnimation?: AnimationConfig;
+    letterAnimation?: AnimationConfig;
+    className?: string;
+}
+export declare const AnimatedText: React.FC<AnimatedTextProps>;
+export {};

package/dist/animated/index.d.ts

@@ -0,0 +1,5 @@
+export { Animated } from './Animated';
+export { AnimatedText } from './animated-text';
+export * from './types';
+export { useAnimation } from './useAnimation';
+export { presets } from './presets';

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

@@ -0,0 +1,21 @@
+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" | "maskRevealCenterIn" | "maskRevealCornerIn" | "textGridMarquee" | "inwardEchoes" | "cardFlip" | "noiseTile";
+export declare const keyframePresets: Record<KeyframePresetName, ICompositionAnimation>;
+export declare const getEasingFromString: (easing: string) => ((t: number) => number);
+export declare const createKeyframeAnimation: (presetName: KeyframePresetName, options?: {
+    id?: string;
+    delay?: number;
+    startFrame?: number;
+    endFrame?: number;
+    loop?: boolean;
+    loopCount?: number;
+    reverse?: boolean;
+}) => ICompositionAnimation;
+export declare const keyframeAnimationCategories: {
+    entrance: KeyframePresetName[];
+    exit: KeyframePresetName[];
+    loop: KeyframePresetName[];
+};
+export declare const getKeyframePreset: (name: KeyframePresetName) => ICompositionAnimation;
+export declare const getKeyframePresetsByCategory: (category: keyof typeof keyframeAnimationCategories) => ICompositionAnimation[];

package/dist/animated/presets.d.ts

@@ -0,0 +1,5 @@
+import { Animation } from './types';
+
+export type PresetName = "fadeIn" | "fadeOut" | "scaleIn" | "scaleOut" | "slideInRight" | "slideInLeft" | "slideInTop" | "slideInBottom" | "slideOutRight" | "slideOutLeft" | "slideOutTop" | "slideOutBottom" | "rotateIn" | "flipIn" | "shakeHorizontalIn" | "shakeVerticalIn" | "shakeHorizontalOut" | "shakeVerticalOut" | "typeWriterIn" | "typeWriterOut" | "animatedTextIn" | "sunnyMorningsAnimationIn" | "dominoDreamsIn" | "greatThinkersAnimationIn" | "beautifulQuestionsAnimationIn" | "madeWithLoveAnimationIn" | "realityIsBrokenAnimationIn" | "animatedTextOut" | "sunnyMorningsAnimationOut" | "dominoDreamsAnimationOut" | "beautifulQuestionsAnimationOut" | "madeWithLoveAnimationOut" | "realityIsBrokenAnimationOut" | "greatThinkersAnimationOut" | "vogueAnimationLoop" | "dragonFlyAnimationLoop" | "billboardAnimationLoop" | "descompressAnimationIn" | "dropAnimationIn" | "dropAnimationOut" | "descompressAnimationOut" | "heartbeatAnimationLoop" | "spinAnimationLoop" | "waveAnimationLoop" | "rotate3dAnimationLoop" | "shakeTextAnimationLoop" | "shakyLettersTextAnimationLoop" | "vintageAnimationLoop" | "textFontChangeAnimationLoop" | "pulseAnimationLoop" | "glitchAnimationLoop" | "countDownAnimationIn" | "soundWaveIn" | "backgroundAnimationOut" | "backgroundAnimationIn" | "progressSquareAnimationIn" | "progressSquareAnimationOut" | "partialSlideIn" | "partialSlideOut";
+export declare const presets: Record<PresetName, Animation>;
+export type AnimationPresets = typeof presets;

package/dist/animated/text-animated-full.d.ts

@@ -0,0 +1,23 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+type FullTextAnimationProps = {
+    frame: number;
+    text: string;
+    details: ITextDetails;
+    fps: number;
+    durationInFrames: number;
+    animationTextInFrames: number;
+    animationTextOutFrames: number;
+    animationTextLoopFrames: number;
+    animationFonts: {
+        fontFamily: string;
+        url: string;
+    }[];
+    validAnimIn: boolean;
+    validAnimOut: boolean;
+    textAnimationNameIn: string;
+    textAnimationNameOut: string;
+    textAnimationNameLoop: string;
+};
+export declare const renderFullTextAnimation: ({ frame, text, details, fps, durationInFrames, animationTextInFrames, animationTextOutFrames, animationFonts, validAnimIn, validAnimOut, textAnimationNameIn, textAnimationNameOut, textAnimationNameLoop }: FullTextAnimationProps) => import("react").JSX.Element | null;
+export {};

package/dist/animated/text-animated-types/animations-in/background-in.d.ts

@@ -0,0 +1,9 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const BackgroundIn: ({ text, frame, details, animationTextInFrames }: {
+    text: string;
+    frame: number;
+    details: ITextDetails;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default BackgroundIn;

package/dist/animated/text-animated-types/animations-in/beatiful-question-in.d.ts

@@ -0,0 +1,9 @@
+declare const BeatifulQuestionAnimationIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default BeatifulQuestionAnimationIn;

package/dist/animated/text-animated-types/animations-in/count-down-in.d.ts

@@ -0,0 +1,9 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const CountDownIn: ({ text, frame, animationTextInFrames, details }: {
+    text: string;
+    frame: number;
+    animationTextInFrames: number;
+    details: ITextDetails;
+}) => import("react").JSX.Element;
+export default CountDownIn;

package/dist/animated/text-animated-types/animations-in/descompress-in.d.ts

@@ -0,0 +1,8 @@
+declare const DescompressAnimationIn: ({ char, index, frame, fps, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default DescompressAnimationIn;

package/dist/animated/text-animated-types/animations-in/domino-dreams-in.d.ts

@@ -0,0 +1,9 @@
+declare const DominoDreamsIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default DominoDreamsIn;

package/dist/animated/text-animated-types/animations-in/drop-in.d.ts

@@ -0,0 +1,8 @@
+declare const DropAnimationIn: ({ char, index, frame, fps, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default DropAnimationIn;

package/dist/animated/text-animated-types/animations-in/great-thinkers-in.d.ts

@@ -0,0 +1,9 @@
+declare const GetThinkersAnimationIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default GetThinkersAnimationIn;

package/dist/animated/text-animated-types/animations-in/made-with-love-in.d.ts

@@ -0,0 +1,9 @@
+declare const MadeWithLoveAnimationIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default MadeWithLoveAnimationIn;

package/dist/animated/text-animated-types/animations-in/partial-slide-in.d.ts

@@ -0,0 +1,10 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const PartialSlideIn: ({ text, frame, details, animationTextInFrames, fps }: {
+    text: string;
+    frame: number;
+    details: ITextDetails;
+    animationTextInFrames: number;
+    fps: number;
+}) => import("react").JSX.Element;
+export default PartialSlideIn;

package/dist/animated/text-animated-types/animations-in/reality-is-broken-in.d.ts

@@ -0,0 +1,9 @@
+declare const RealityIsBrokenAnimationIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default RealityIsBrokenAnimationIn;

package/dist/animated/text-animated-types/animations-in/rising-strong-in.d.ts

@@ -0,0 +1,8 @@
+declare const RisingStrongAnimationIn: ({ char, index, frame, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default RisingStrongAnimationIn;

package/dist/animated/text-animated-types/animations-in/sound-wave-in.d.ts

@@ -0,0 +1,9 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const SoundWaveIn: ({ text, frame, animationTextInFrames, details }: {
+    text: string;
+    frame: number;
+    animationTextInFrames: number;
+    details: ITextDetails;
+}) => import("react").JSX.Element;
+export default SoundWaveIn;

package/dist/animated/text-animated-types/animations-in/sunny-mornings-in.d.ts

@@ -0,0 +1,9 @@
+declare const SunnyMorningsAnimationIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default SunnyMorningsAnimationIn;

package/dist/animated/text-animated-types/animations-in/text-animated-in.d.ts

@@ -0,0 +1,9 @@
+declare const AnimatedTextIn: ({ char, index, frame, fps, textLength, animationTextInFrames }: {
+    char: string;
+    index: number;
+    frame: number;
+    fps: number;
+    textLength: number;
+    animationTextInFrames: number;
+}) => import("react").JSX.Element;
+export default AnimatedTextIn;

package/dist/animated/text-animated-types/animations-in/type-writer-in.d.ts

@@ -0,0 +1,8 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+export default function TypeWriterIn({ frame, durationInFrames, text, style }: {
+    frame: number;
+    durationInFrames: number;
+    text: string;
+    style: ITextDetails;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+declare const BillboardText: ({ frame, fps, char }: {
+    char: string;
+    frame: number;
+    fps: number;
+}) => import("react").JSX.Element;
+export default BillboardText;

package/dist/animated/text-animated-types/animations-loop/card-flip-container.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { CardFlipDetails } from './image-card-flip';
+
+interface CardFlipContainerProps {
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width?: number;
+    height?: number;
+    borderRadius?: number | string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    cardFlipDetails?: CardFlipDetails;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const CardFlipContainer: React.FC<CardFlipContainerProps>;
+export default CardFlipContainer;

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

@@ -0,0 +1,6 @@
+declare const DragonflyText: ({ char, frame, fps }: {
+    char: string;
+    frame: number;
+    fps: number;
+}) => import("react").JSX.Element;
+export default DragonflyText;

package/dist/animated/text-animated-types/animations-loop/font-change.d.ts

@@ -0,0 +1,12 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const FontChange: ({ frame, text, details, animationFonts }: {
+    text: string;
+    frame: number;
+    details: ITextDetails;
+    animationFonts: {
+        fontFamily: string;
+        url: string;
+    }[];
+}) => import("react").JSX.Element;
+export default FontChange;

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

@@ -0,0 +1,5 @@
+declare const GlitchText: ({ text, frame }: {
+    text: string;
+    frame: number;
+}) => import("react").JSX.Element;
+export default GlitchText;

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

@@ -0,0 +1,6 @@
+declare const Heartbeat: ({ char, frame, fps }: {
+    char: string;
+    frame: number;
+    fps: number;
+}) => import("react").JSX.Element;
+export default Heartbeat;

package/dist/animated/text-animated-types/animations-loop/image-card-flip.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { Img } from 'remotion';
+import { RemotionEffectConfig } from '@cliquify.me/types';
+
+export interface CardFlipDetails {
+    keepStill?: "both" | "initial" | "final" | "none" | string;
+    hasInitialValue?: boolean;
+    initialRotationX?: number;
+    initialRotationY?: number;
+    initialRotationZ?: number;
+    initialPivotX?: number;
+    initialPivotY?: number;
+    initialPerspective?: number;
+    toRotationX?: number;
+    toRotationY?: number;
+    toRotationZ?: number;
+    toPivotX?: number;
+    toPivotY?: number;
+    toPerspective?: number;
+    frontFace?: boolean;
+    backFace?: boolean;
+}
+interface ImageCardFlipProps {
+    src: string;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width: number;
+    height: number;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    fps?: number;
+    cardFlipDetails?: CardFlipDetails;
+    activeEffects?: RemotionEffectConfig[];
+    effects?: React.ComponentProps<typeof Img>["effects"];
+}
+export declare const ImageCardFlip: React.FC<ImageCardFlipProps>;
+export default ImageCardFlip;

package/dist/animated/text-animated-types/animations-loop/image-grid-marquee.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { Img } from 'remotion';
+
+export interface MarqueeDetails {
+    repeatX?: number;
+    repeatY?: number;
+    gapX?: number;
+    gapY?: number;
+    baseSpeed?: number;
+    speedVariation?: number;
+    lineOffset?: number;
+    scaleFactor?: number;
+    direction?: "horizontal" | "vertical" | "diagonal" | "left" | "right" | "up" | "down" | "static";
+    hasInitialValue?: boolean;
+    initialBaseSpeed?: number;
+    initialScaleFactor?: number;
+}
+interface ImageGridMarqueeProps {
+    src: string;
+    isVideo?: boolean;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width: number;
+    height: number;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    fps?: number;
+    marqueeDetails?: MarqueeDetails;
+    effects?: React.ComponentProps<typeof Img>["effects"];
+}
+declare const ImageGridMarquee: React.FC<ImageGridMarqueeProps>;
+export default ImageGridMarquee;

package/dist/animated/text-animated-types/animations-loop/image-inward-echoes.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { Img } from 'remotion';
+
+export interface InwardEchoesDetails {
+    keepStill?: "both" | "initial" | "final" | "none" | string;
+    hasInitialValue?: boolean;
+    initialRepeatCount?: number;
+    initialScaleDown?: number;
+    initialCenterX?: number;
+    initialCenterY?: number;
+    toRepeatCount?: number;
+    toScaleDown?: number;
+    toCenterX?: number;
+    toCenterY?: number;
+}
+interface ImageInwardEchoesProps {
+    src: string;
+    isVideo?: boolean;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width: number;
+    height: number;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    fps?: number;
+    echoesDetails?: InwardEchoesDetails;
+    effects?: React.ComponentProps<typeof Img>["effects"];
+}
+export declare const ImageInwardEchoes: React.FC<ImageInwardEchoesProps>;
+export default ImageInwardEchoes;

package/dist/animated/text-animated-types/animations-loop/image-noise-tile.d.ts

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+import { Img } from 'remotion';
+
+export interface NoiseTileDetails {
+    keepStill?: "both" | "initial" | "final" | "none" | string;
+    hasInitialValue?: boolean;
+    initialXRepetitions?: number;
+    initialYRepetitions?: number;
+    initialGapX?: number;
+    initialGapY?: number;
+    initialScale?: number;
+    initialNoiseScale?: number;
+    initialNoiseMoveX?: number;
+    initialNoiseMoveY?: number;
+    initialFps?: number;
+    initialThreshold?: number;
+    initialSeedOffset?: number;
+    toXRepetitions?: number;
+    toYRepetitions?: number;
+    toGapX?: number;
+    toGapY?: number;
+    toScale?: number;
+    toNoiseScale?: number;
+    toNoiseMoveX?: number;
+    toNoiseMoveY?: number;
+    toFps?: number;
+    toThreshold?: number;
+    toSeedOffset?: number;
+    xRepetitions?: number;
+    yRepetitions?: number;
+    gapX?: number;
+    gapY?: number;
+    scale?: number;
+    noiseScale?: number;
+    noiseMoveX?: number;
+    noiseMoveY?: number;
+    fps?: number;
+    threshold?: number;
+    seedOffset?: number;
+}
+interface ImageNoiseTileProps {
+    src: string;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width: number;
+    height: number;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    fps?: number;
+    noiseTileDetails?: NoiseTileDetails;
+    effects?: React.ComponentProps<typeof Img>["effects"];
+}
+export declare function simplexNoise3D(xin: number, yin: number, zin: number, seed?: number): number;
+export declare const ImageNoiseTile: React.FC<ImageNoiseTileProps>;
+export default ImageNoiseTile;

package/dist/animated/text-animated-types/animations-loop/image-wiggle.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { Img } from 'remotion';
+
+export interface WiggleDetails {
+    keepStill?: "both" | "initial" | "final" | "none" | string;
+    hasInitialValue?: boolean;
+    initialWiggleX?: number;
+    initialWiggleY?: number;
+    initialSpeed?: number;
+    initialAngle?: number;
+    wiggleX?: number;
+    wiggleY?: number;
+    speed?: number;
+    angle?: number;
+    seed?: number;
+}
+interface ImageWiggleProps {
+    src: string;
+    isVideo?: boolean;
+    frame?: number;
+    delay?: number;
+    durationInFrames?: number;
+    from?: number;
+    to?: number;
+    width: number;
+    height: number;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: string;
+    boxShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+    } | string | null;
+    fps?: number;
+    wiggleDetails?: WiggleDetails;
+    effects?: React.ComponentProps<typeof Img>["effects"];
+}
+export declare const ImageWiggle: React.FC<ImageWiggleProps>;
+export default ImageWiggle;

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

@@ -0,0 +1,9 @@
+import { ITextDetails } from '@cliquify.me/types';
+
+declare const PulseText: ({ char, index, frame, details }: {
+    char: string;
+    index: number;
+    frame: number;
+    details: ITextDetails;
+}) => import("react").JSX.Element;
+export default PulseText;

package/dist/animated/text-animated-types/animations-loop/rotate-3d.d.ts

@@ -0,0 +1,6 @@
+declare const Rotate3d: ({ frame, durationInFrames, text }: {
+    text: string;
+    frame: number;
+    durationInFrames: number;
+}) => import("react").JSX.Element;
+export default Rotate3d;

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

@@ -0,0 +1,5 @@
+declare const ShakeText: ({ text, frame }: {
+    text: string;
+    frame: number;
+}) => import("react").JSX.Element;
+export default ShakeText;

package/dist/animated/text-animated-types/animations-loop/shaky-letters-text.d.ts

@@ -0,0 +1,6 @@
+declare const ShakyLettersText: ({ char, index, frame }: {
+    char: string;
+    index: number;
+    frame: number;
+}) => import("react").JSX.Element;
+export default ShakyLettersText;

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

@@ -0,0 +1,6 @@
+declare const Spin: ({ text, frame, fps }: {
+    text: string;
+    frame: number;
+    fps: number;
+}) => import("react").JSX.Element;
+export default Spin;