reacthub-pixitweenjs 0.3.0-alpha.3 → 0.3.0-alpha.5

package/dist/providers/GsapPixieContextProvider.d.ts

@@ -17,6 +17,13 @@ interface GsapPixieContextProps {
     dragModeRef: React.MutableRefObject<boolean>;
     isRemotion: boolean;
     setIsRemotion: React.Dispatch<React.SetStateAction<boolean>>;
+    /** Subscribe to master-timeline time updates (seconds). Fired from onUpdate and handleSeek. */
+    registerTimeUpdateListener: (fn: (time: number) => void) => void;
+    unregisterTimeUpdateListener: (fn: (time: number) => void) => void;
+    /** true = playing, false = paused. Single source of truth for play state. */
+    playStateRef: React.MutableRefObject<boolean>;
+    /** true while the user is seeking / dragging the scrubber. */
+    isSeekingRef: React.MutableRefObject<boolean>;
 }
 declare const GsapPixieContext: React.Context<GsapPixieContextProps>;
 declare const Events: {

package/dist/types/BaseProps.d.ts

@@ -25,33 +25,58 @@ export interface PixiBaseSpriteProps {
         tint?: number;
         blendMode?: number;
         animation?: Animations;
+        /**
+         * Slider units (neutral = 0), same as the Clippy editor:
+         * brightness/contrast/saturation/red/green/blue/temperature/tint/highlights/shadows/
+         * exposure/vibrance -100..100, hue -180..180, sharpness/blurRadius/vignette/noise/
+         * edgeFeather 0..100, gamma/alpha 1 = none. Use `fromMultiplierColorCorrection` for old data.
+         */
         colorCorrection?: {
             enabled?: boolean;
-            temperature?: number;
-            hue?: number;
+            brightness?: number;
             contrast?: number;
             saturation?: number;
-            brightness?: number;
+            red?: number;
+            green?: number;
+            blue?: number;
+            gamma?: number;
+            alpha?: number;
+            temperature?: number;
+            tint?: number;
+            hue?: number;
+            highlights?: number;
+            shadows?: number;
             exposure?: number;
-            reset?: boolean;
+            vibrance?: number;
             sharpness?: number;
+            blurRadius?: number;
+            vignette?: number;
+            noise?: number;
+            edgeFeather?: number;
+            reset?: boolean;
             value?: number;
             levels?: number;
             luminance?: number;
             enhance?: number;
-            blurRadius?: number;
-            red?: number;
-            green?: number;
-            blue?: number;
-            alpha?: number;
-            gamma?: number;
             scaleInput?: number;
-            vignette?: number;
-            noise?: number;
             outline?: number;
             outlineColor?: number;
         };
-        effect?: Effects;
+        /** Legacy preset name. Prefer `effects`. */
+        effect?: Effects | string;
+        /** Preset effect with strength (0-100, default 100) and per-effect `params`. */
+        effects?: {
+            name?: Effects | string;
+            intensity?: number;
+            params?: Record<string, unknown>;
+        };
+        /** Neon glow colour: number, `#hex`, `0xhex` or any CSS colour. */
+        neonColor?: number | string | null;
+        /** Key a flat background plate out of the image. `true` = default cream plate. */
+        plateKey?: boolean | string | {
+            color?: string;
+            tolerance?: number;
+        } | null;
         overlay?: OverlayTypes;
         waveform?: Waveforms;
         fontSize?: number;
@@ -60,7 +85,9 @@ export interface PixiBaseSpriteProps {
             color: number | string | null;
         };
         roundedCorners?: boolean | number;
-        maskShape?: import('./MaskTypes').MaskTypes;
+        maskShape?: import('./MaskTypes').MaskTypes | `${import('./MaskTypes').MaskTypes}`;
+        /** Sprite-local crop rect; mask/border are drawn inside it. */
+        crop?: import('./CropTypes').CropRect;
     };
     pointerdown?: () => void;
     pointerup?: () => void;

package/dist/types/CropTypes.d.ts

@@ -0,0 +1,12 @@
+export interface CropRect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface AspectRatioPreset {
+    label: string;
+    ratio: number | null;
+}
+export declare const ASPECT_RATIOS: AspectRatioPreset[];
+export declare const MIN_CROP_SIZE = 20;