reacthub-pixitweenjs 0.2.107-alpha.108 → 0.2.107-alpha.109

package/dist/components/PixiAnimatedSprite/PixiAnimatedSprite.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as PIXI from "pixi.js";
+type PixiAnimatedSpriteProps = {
+    forwardRef: any;
+    isPlaying: boolean;
+    images?: string[] | undefined;
+    initialFrame?: number | undefined;
+    scale?: number | [number, number];
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    anchor?: number;
+    rotation?: number;
+    alpha?: number;
+    animationSpeed?: number;
+    textures?: PIXI.Texture[] | undefined;
+    loop?: boolean;
+    onComplete?: () => void;
+    onFrameChange?: (currentFrame: number) => void;
+};
+declare const PixiAnimatedSprite: React.MemoExoticComponent<({ isPlaying, forwardRef, ...props }: PixiAnimatedSpriteProps) => import("react/jsx-runtime").JSX.Element>;
+export default PixiAnimatedSprite;

package/dist/components/PixiAnimatedSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiAnimatedSprite } from "./PixiAnimatedSprite";

package/dist/components/PixiAudioSprite/HowlerAudioSprite.d.ts

@@ -0,0 +1,19 @@
+import { Howl } from "howler";
+interface HowlerAudioPlayerProps {
+    src: string;
+    start: number;
+    end: number;
+}
+interface IHowlerAudioPlayer {
+    sound: Howl | null;
+    isPlaying: boolean;
+    currentTime: number;
+    handlePause: () => void;
+    handlePlay: () => void;
+    togglePlay: () => void;
+    handleSeek: (newTime: number) => void;
+    playFromTime: (time: number) => void;
+}
+type UseHowlerAudioPlayer = (props: HowlerAudioPlayerProps) => IHowlerAudioPlayer;
+declare const useHowlerAudioPlayer: UseHowlerAudioPlayer;
+export default useHowlerAudioPlayer;

package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface PixiAudioSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    audioStartAt: number;
+    audioEndAt: number;
+    mute: boolean;
+    speed: number;
+    visible: boolean;
+}
+declare const PixiAudioSprite: React.ForwardRefExoticComponent<PixiAudioSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiAudioSprite;

package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts

@@ -0,0 +1,105 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { Waveforms } from "../../types/Effects";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./PixiAudioSprite").PixiAudioSpriteProps & import("react").RefAttributes<import("../..").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        audioStartAt: {
+            control: string;
+            description: string;
+        };
+        audioEndAt: {
+            control: string;
+            description: string;
+        };
+        mute: {
+            control: string;
+            description: string;
+        };
+        speed: {
+            control: string;
+            description: string;
+        };
+        visible: {
+            control: string;
+            description: string;
+        };
+        transformation: {
+            control: string;
+            description: string;
+            x: {
+                control: string;
+                description: string;
+            };
+            y: {
+                control: string;
+                description: string;
+            };
+            width: {
+                control: string;
+                description: string;
+            };
+            height: {
+                control: string;
+                description: string;
+            };
+            anchor: {
+                control: string;
+                description: string;
+            };
+            rotation: {
+                control: string;
+                description: string;
+            };
+            alpha: {
+                control: string;
+                min: number;
+                max: number;
+                description: string;
+            };
+            scale: {
+                control: string;
+                description: string;
+            };
+            tint: {
+                control: string;
+                description: string;
+            };
+            blendMode: {
+                control: string;
+                description: string;
+            };
+            waveform: {
+                type: string;
+                options: Waveforms[];
+                description: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Visualization: Story;
+export declare const Speech: Story;
+export declare const Muted: Story;
+export declare const SplitPosition: Story;

package/dist/components/PixiAudioSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiAudioSprite } from "./PixiAudioSprite";

package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import AudioMotionAnalyzer from "audiomotion-analyzer";
+import { PixiBaseSpriteProps } from "../../types/BaseProps";
+export type AudioVisualizerProps = Partial<PixiBaseSpriteProps> & {
+    uniqueId: string;
+    src: string;
+    muted?: boolean;
+    volume?: number;
+    loop?: boolean;
+    playbackRate?: number;
+    visible?: boolean;
+};
+declare const useAudioVisualizer: (audioProps: AudioVisualizerProps) => {
+    audioMotionRef: React.MutableRefObject<AudioMotionAnalyzer | undefined>;
+    blobUrl: string;
+    canvasRef: React.MutableRefObject<HTMLDivElement | undefined>;
+};
+export default useAudioVisualizer;

package/dist/components/PixiAudioSprite/wave-config.d.ts

@@ -0,0 +1,4 @@
+import { Waveforms } from "../../types/Effects";
+import { Options, ConstructorOptions } from "audiomotion-analyzer";
+export type WaveConfigOptions = Partial<ConstructorOptions & Options>;
+export declare const waveConfig: Record<Waveforms, WaveConfigOptions>;

package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface PixiGifSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    frameStartAt: number;
+    frameEndAt: number;
+    locked: boolean;
+    loop: boolean;
+}
+/**
+ * PixiGifSprite Component is used to render gif image
+ * @param props Gif Sprite props
+ * @returns
+ */
+declare const PixiGifSprite: React.ForwardRefExoticComponent<PixiGifSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiGifSprite;

package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts

@@ -0,0 +1,153 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./PixiGifGsapSync").PixiGifSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        transformation: {
+            control: string;
+            description: string;
+            x: {
+                control: string;
+                description: string;
+            };
+            y: {
+                control: string;
+                description: string;
+            };
+            width: {
+                control: string;
+                description: string;
+            };
+            height: {
+                control: string;
+                description: string;
+            };
+            anchor: {
+                control: string;
+                description: string;
+            };
+            rotation: {
+                control: string;
+                description: string;
+            };
+            alpha: {
+                control: string;
+                min: number;
+                max: number;
+                description: string;
+            };
+            scale: {
+                control: string;
+                description: string;
+            };
+            tint: {
+                control: string;
+                description: string;
+            };
+            blendMode: {
+                control: string;
+                description: string;
+            };
+            colorCorrection: {
+                control: string;
+                description: string;
+                brightness: {
+                    control: string;
+                    description: string;
+                };
+                contrast: {
+                    control: string;
+                    description: string;
+                };
+                saturation: {
+                    control: string;
+                    description: string;
+                };
+                alpha: {
+                    control: string;
+                    description: string;
+                };
+            };
+        };
+        applyTransformer: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        frameStartAt: {
+            control: string;
+            description: string;
+        };
+        frameEndAt: {
+            control: string;
+            description: string;
+        };
+        visible: {
+            control: string;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+        pointerup: {
+            action: string;
+            description: string;
+        };
+        mousedown: {
+            action: string;
+            description: string;
+        };
+        mouseup: {
+            action: string;
+            description: string;
+        };
+        pointerover: {
+            action: string;
+            description: string;
+        };
+        mouseover: {
+            action: string;
+            description: string;
+        };
+        mouseout: {
+            action: string;
+            description: string;
+        };
+        pointerout: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Multiple: Story;
+export declare const FadeIn: Story;
+export declare const Filters: Story;
+export declare const SplitPosition: Story;
+export declare const SplitStartPos: Story;
+export declare const StipopGif: Story;

package/dist/components/PixiGifSprite/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PixiGifSprite } from "./PixiGifGsapSync";
+export * from "./PixiGifGsapSync";

package/dist/components/PixiGsapAnims/FadeIn.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface FadeInProps {
+    children: React.ReactNode;
+    vars: {
+        duration: number;
+        ease: string;
+    };
+    effect?: "pluse" | "bouncein" | "spin";
+}
+declare function FadeIn(props: FadeInProps): import("react/jsx-runtime").JSX.Element;
+export { FadeIn };

package/dist/components/PixiGsapAnims/PixiFlipContainer.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface PixiFlipContainerProps {
+    children: React.ReactNode;
+    startAt: number;
+    duration: number;
+    uniqueId?: string;
+}
+declare function PixiFlipContainer(props: PixiFlipContainerProps): import("react/jsx-runtime").JSX.Element;
+export { PixiFlipContainer };

package/dist/components/PixiImageSprite/PixiImageSprite.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+declare const PixiImageSprite: React.ForwardRefExoticComponent<PixiBaseSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiImageSprite;

package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts

@@ -0,0 +1,136 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { Effects } from "../../types/Effects";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../../types").PixiBaseSpriteProps & import("react").RefAttributes<import("../../types").ForwardedRefResponse | null>>;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+    argTypes: {
+        uniqueId: {
+            control: string;
+            description: string;
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        transformation: {
+            control: string;
+            description: string;
+            x: {
+                control: string;
+                description: string;
+            };
+            y: {
+                control: string;
+                description: string;
+            };
+            width: {
+                control: string;
+                description: string;
+            };
+            height: {
+                control: string;
+                description: string;
+            };
+            anchor: {
+                control: string;
+                description: string;
+            };
+            rotation: {
+                control: string;
+                description: string;
+            };
+            alpha: {
+                control: string;
+                min: number;
+                max: number;
+                description: string;
+            };
+            scale: {
+                control: string;
+                description: string;
+            };
+            tint: {
+                control: string;
+                description: string;
+            };
+            blendMode: {
+                control: string;
+                description: string;
+            };
+            effects: {
+                type: string;
+                options: Effects[];
+                description: string;
+            };
+            colorCorrection: {
+                control: string;
+                description: string;
+                enabled: {
+                    control: string;
+                    description: string;
+                };
+                brightness: {
+                    control: string;
+                    description: string;
+                };
+                contrast: {
+                    control: string;
+                    description: string;
+                };
+                saturation: {
+                    control: string;
+                    description: string;
+                };
+                alpha: {
+                    control: string;
+                    description: string;
+                };
+            };
+        };
+        applyTransformer: {
+            control: string;
+            description: string;
+        };
+        startAt: {
+            control: string;
+            description: string;
+        };
+        endAt: {
+            control: string;
+            description: string;
+        };
+        visible: {
+            control: string;
+            description: string;
+        };
+        onAnchorTransformationEnd: {
+            action: string;
+            description: string;
+        };
+        pointerdown: {
+            action: string;
+            description: string;
+        };
+        pointerout: {
+            action: string;
+            description: string;
+        };
+        pointerover: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const FadeIn: Story;
+export declare const Filters: Story;
+export declare const FilterEffects: Story;
+export declare const Overlays: Story;
+export declare const PointerTests: Story;
+export declare const Animation: Story;
+export declare const PointerAnimation: Story;

package/dist/components/PixiImageSprite/index.d.ts

@@ -0,0 +1 @@
+export { default as PixiImageSprite } from "./PixiImageSprite";

package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { PixiBaseSpriteProps, ForwardedRefResponse } from "../../types/BaseProps";
+export interface PixiLottieSpriteProps extends PixiBaseSpriteProps {
+    uniqueId: string;
+    src: string;
+    startAt: number;
+    endAt: number;
+    frameStartAt: number;
+    frameEndAt: number;
+    locked: boolean;
+    loop: boolean;
+}
+declare const PixiLottieSprite: React.ForwardRefExoticComponent<PixiLottieSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
+export default PixiLottieSprite;