reacthub-pixitweenjs 0.2.109-alpha.7 → 0.3.0-alpha.4

package/dist/utils/textLayout/types.d.ts

@@ -0,0 +1,61 @@
+export type AepTextAlign = "left" | "center" | "right" | "justify-full" | "justify-last-left" | "justify-last-center" | "justify-last-right";
+export interface AepTextLayoutRun {
+    text: string;
+    font: string;
+    size: number;
+    weight?: number | string;
+    italic?: boolean;
+    fill?: string;
+    tracking?: number;
+    baselineShift?: number;
+}
+export interface AepTextLayoutInput {
+    runs: AepTextLayoutRun[];
+    box?: {
+        width?: number;
+        height?: number;
+    };
+    align?: AepTextAlign;
+    leading?: number;
+    tracking?: number;
+    paragraphBreak?: "lf" | "crlf" | "auto";
+    metrics?: AepTextMetricsProvider;
+}
+export interface AepGlyphMetrics {
+    advance: number;
+    ascent: number;
+    descent: number;
+}
+export interface AepTextMetricsProvider {
+    measure(run: AepTextLayoutRun, ch: string): AepGlyphMetrics;
+}
+export interface AepTextLayoutGlyph {
+    char: string;
+    runIndex: number;
+    charIndex: number;
+    wordIndex: number;
+    lineIndex: number;
+    x: number;
+    y: number;
+    advance: number;
+    ascent: number;
+    descent: number;
+    isWhitespace: boolean;
+    isLineStart: boolean;
+    isLineEnd: boolean;
+}
+export interface AepTextLayoutLine {
+    startGlyph: number;
+    endGlyph: number;
+    width: number;
+    baselineY: number;
+    isLast: boolean;
+}
+export interface AepTextLayoutResult {
+    glyphs: AepTextLayoutGlyph[];
+    lines: AepTextLayoutLine[];
+    bounds: {
+        width: number;
+        height: number;
+    };
+}

package/dist/utils/textLayout/unicode.d.ts

@@ -0,0 +1,2 @@
+export declare function splitGraphemes(str: string): string[];
+export declare function isWhitespaceChar(ch: string): boolean;

package/dist/utils/textStyle.d.ts

@@ -0,0 +1,81 @@
+import type * as PIXI from "pixi.js";
+/** Everything the flat text sprite reads from `transformation` that shapes the TextStyle. */
+export interface TextStyleInput {
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    /** `"small-caps"`, or (legacy) a boolean. */
+    fontVariant?: string | boolean;
+    fill?: string | number;
+    /** Two or more colours -> a linear FillGradient (overrides `fill`). */
+    gradientColors?: (string | number)[];
+    gradientStops?: number[];
+    /** 0 = vertical (default), 1 = horizontal. */
+    gradientType?: 0 | 1;
+    stroke?: string | number | object | null;
+    /** v8 name. */
+    strokeWidth?: number;
+    /** v7 name; both are accepted. */
+    strokeThickness?: number;
+    dropShadow?: boolean | object;
+    dropShadowColor?: string | number | null;
+    dropShadowBlur?: number;
+    dropShadowAlpha?: number;
+    /** Radians. */
+    dropShadowAngle?: number;
+    dropShadowDistance?: number;
+    /** Soft-glow preset: a zero-offset shadow of `blurRadius`. Wins over `dropShadow`. */
+    blurEnabled?: boolean;
+    blurRadius?: number;
+    align?: string;
+    padding?: number;
+    letterSpacing?: number | string;
+    leading?: number;
+    /**
+     * Wrap width in px. When unset the text does NOT wrap (a very large width), which is the
+     * sprite's long-standing default; set it (or call `setWordWrap`) to wrap.
+     */
+    wordWrapWidth?: number;
+    /** Pixi v8.16+ tagged text. */
+    tagStyles?: Record<string, Partial<PIXI.TextStyleOptions>>;
+}
+export declare const NO_WRAP_WIDTH = 50000000;
+/**
+ * Build Pixi v8 `TextStyleOptions` from the sprite's transformation fields. Pure (the only Pixi
+ * thing it may construct is a FillGradient), so it is unit-testable.
+ *
+ * Fixes over the previous inline builder:
+ *  - font weights 400-900 were silently dropped (only bold/bolder/lighter/100-300 passed)
+ *  - stroke/shadow went through the v7 flat props, which Pixi converts with a deprecation
+ *    warning on every `new TextStyle`; v8 objects are emitted directly
+ *  - a numeric black stroke (0x000000) was treated as "no stroke"
+ *  - shadow alpha/angle/distance were hard-coded (alpha ignored, angle 30deg, distance 5)
+ *  - negative letterSpacing was dropped
+ *  - `fontVariant` was passed as a boolean
+ *  - `align` and `padding` were never applied
+ *  - gradient fills and `'transparent'` fills were unsupported
+ */
+export declare function buildTextStyleOptions(input: TextStyleInput): PIXI.TextStyleOptions;
+/**
+ * Where a background box sits so it hugs text of size `textW x textH` placed with `anchor` at
+ * (x, y), padded by `pad` on every side. Returns the box size and its position for a sprite
+ * that uses the SAME anchor as the text.
+ */
+export declare function hugBox(x: number, y: number, anchor: {
+    x: number;
+    y: number;
+}, textW: number, textH: number, pad: number): {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+/** Normalise the scalar-or-point anchor. */
+export declare const toAnchorPoint: (a: number | {
+    x: number;
+    y: number;
+} | undefined) => {
+    x: number;
+    y: number;
+};

package/dist/utils/textStyleV8.d.ts

@@ -0,0 +1,62 @@
+import * as PIXI from "pixi.js";
+/**
+ * Pixi v8 TextStyle helpers. v7 accepted flat `dropShadow*` / `strokeThickness`
+ * props; v8 expects `dropShadow: {…}`, `stroke: {color, width}` and a
+ * `FillGradient`. Pixi 8.18 still converts the flat v7 props in the constructor,
+ * but logs a deprecation warning on every `new TextStyle` — these helpers emit
+ * the v8 shapes directly. Ported from the Clippy editor, with fixes noted below.
+ */
+export interface V7DropShadowFields {
+    dropShadow?: boolean | object;
+    dropShadowColor?: string | number;
+    dropShadowBlur?: number;
+    dropShadowAlpha?: number;
+    dropShadowAngle?: number;
+    dropShadowDistance?: number;
+}
+export type V8DropShadowPatch = {
+    dropShadow?: {
+        color: string | number;
+        alpha: number;
+        angle: number;
+        blur: number;
+        distance: number;
+    };
+};
+export declare const mapV7DropShadow: (s: V7DropShadowFields) => V8DropShadowPatch;
+export interface V7StrokeFields {
+    stroke?: string | number | object | null;
+    strokeThickness?: number;
+}
+/**
+ * Pack v7 `stroke` (colour) + `strokeThickness` (width) into the v8 object.
+ *
+ * Fix vs Clippy: a numeric black stroke (`0x000000`) is a valid colour but falsy,
+ * so test for null/undefined rather than truthiness.
+ */
+export declare const mapV7Stroke: (s: V7StrokeFields) => {
+    stroke?: object;
+};
+export interface V7GradientFields {
+    fillGradientStops?: number[];
+    fillGradientType?: 0 | 1;
+}
+/**
+ * Build a v8 `FillGradient` from colours + stops. `type` 0 = vertical, 1 = horizontal.
+ * Returns undefined when fewer than two colours are given.
+ *
+ * Fix vs Clippy: uses the options form (`{type, start, end, textureSpace, colorStops}`);
+ * the positional `new FillGradient(x0, y0, x1, y1)` is deprecated since Pixi 8.5.2.
+ */
+export declare const buildV8FillGradient: (colorsHex: (string | number)[] | null | undefined, stops: number[] | undefined, type: 0 | 1 | undefined) => PIXI.FillGradient | undefined;
+/**
+ * Normalise a CSS font weight. Accepts the named weights and 100..900 as a number
+ * or numeric string. Returns undefined for anything else, so the caller can leave
+ * the TextStyle default alone.
+ *
+ * Fix: the previous flat sprite only let `bold|bolder|lighter|100|200|300` through,
+ * silently dropping 400-900 (so Montserrat 800 rendered at 400).
+ */
+export declare const normalizeFontWeight: (weight: string | number | null | undefined) => PIXI.TextStyleFontWeight | undefined;
+/** Letter spacing: any finite number, including negative (tight tracking). 0/invalid -> undefined. */
+export declare const normalizeLetterSpacing: (value: number | string | null | undefined) => number | undefined;

package/dist/utils/threeModel.d.ts

@@ -0,0 +1,55 @@
+import * as THREE from "three";
+export interface ThreeDParams {
+    positionX?: number;
+    positionY?: number;
+    positionZ?: number;
+    rotationX?: number;
+    rotationY?: number;
+    rotationZ?: number;
+    /** Continuous Y spin in rad/s, added on top of rotationY. Default 0.5. */
+    spinSpeed?: number;
+    scale?: number;
+    flipX?: 1 | -1;
+    flipY?: 1 | -1;
+    materialColor?: string;
+    roughness?: number;
+    metalness?: number;
+    emissiveIntensity?: number;
+    ambientIntensity?: number;
+    directionalIntensity?: number;
+    fillIntensity?: number;
+    clipIndex?: number;
+    playbackSpeed?: number;
+}
+export interface ModelPose {
+    position: [number, number, number];
+    rotation: [number, number, number];
+    scale: [number, number, number];
+}
+export declare const THREE_DEFAULTS: {
+    readonly ambientIntensity: 0.6;
+    readonly directionalIntensity: 1.2;
+    readonly fillIntensity: 0.8;
+    readonly spinSpeed: 0.5;
+    readonly playbackSpeed: 1;
+};
+/** Pure pose at local clip time `t` (seconds). Same input -> same output, so scrub/export are stable. */
+export declare function computeModelPose(td: ThreeDParams, t: number): ModelPose;
+/** Animation clock position for clip playback: speed-scaled, looped. */
+export declare function clipTimeAt(t: number, duration: number, speed?: number, loop?: boolean): number;
+export type MaterialOverrides = Pick<ThreeDParams, "materialColor" | "roughness" | "metalness" | "emissiveIntensity">;
+export declare function hasMaterialOverrides(o: MaterialOverrides): boolean;
+export declare function applyMaterialOverrides(root: THREE.Object3D, o: MaterialOverrides): void;
+/** Stable key so overrides are re-applied only when they actually change. */
+export declare function materialOverrideKey(o: MaterialOverrides): string;
+/** Camera distance so a bounding box of `maxDim` fits the vertical FOV (degrees), with margin. */
+export declare function fitDistance(maxDim: number, fovDeg: number, margin?: number): number;
+export declare function fitCameraToObject(camera: THREE.PerspectiveCamera, root: THREE.Object3D, margin?: number): void;
+/**
+ * GLTFLoader resolves relative texture/buffer paths against the model's own directory. For hosts
+ * (e.g. Poly Haven) whose CDN layout doesn't mirror those paths, `resources` maps each relative
+ * path to its real absolute URL. Returns a URL modifier for THREE.LoadingManager, or undefined.
+ */
+export declare function buildResourceUrlModifier(modelSrc: string, resources?: Record<string, string>): ((url: string) => string) | undefined;
+/** Recursively dispose geometries, materials and their textures. */
+export declare function disposeObject(root: THREE.Object3D): void;

package/dist/utils/videoAssetCache.d.ts

@@ -0,0 +1,4 @@
+/** Mark the URL in use; cancels a pending unload so a remount keeps the texture. */
+export declare const acquireVideoAsset: (key: string) => void;
+/** Release one use; the texture is unloaded after the grace period if still unused. */
+export declare const releaseVideoAsset: (key: string) => void;

package/dist/utils/videoReadiness.d.ts

@@ -0,0 +1,13 @@
+/** Failsafe: never block the play button longer than 5s on a hung load. */
+export declare const VIDEO_READY_TIMEOUT_MS = 5000;
+/**
+ * Register a video sprite as pending. Always re-pends on (re)mount so a remount
+ * after an earlier markVideoReady still waits for a fresh load signal.
+ */
+export declare function registerVideo(uniqueId: string): void;
+export declare function markVideoReady(uniqueId: string): void;
+export declare function unregisterVideo(uniqueId: string): void;
+/** Clear all readiness state (project switch / editor reset). */
+export declare function resetVideoReadiness(): void;
+/** true when no registered video is still loading. */
+export declare function useAllVideosReady(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reacthub-pixitweenjs",
-  "version": "0.2.109-alpha.7",
+  "version": "0.3.0-alpha.4",
   "description": "reacthub-pixitweenjs is a library that provides a powerful combination of React, PixiJS, GSAP, and image manipulation capabilities in a timeline sequence. With this library, you can easily create stunning animations and interactive graphics for your React applications",
   "author": "khanzzirfan <reacthub.ai@gmail.com>",
   "type": "module",
@@ -25,24 +25,36 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/khanzzirfan/reacthub-pixitweenjs"
+    "url": "https://github.com/khanzzirfan/reacthub-pixitweenjs",
+    "directory": ""
   },
   "bugs": {
     "url": "https://github.com/khanzzirfan/reacthub-pixitweenjs"
   },
-  "license": "Apache-2.0",
+  "homepage": "https://pixitweenjs.xyz",
+  "license": "SEE LICENSE IN LICENSE.md",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "build:prod": "tsc && vite build --mode production",
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:fix": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives",
+    "lint:fix": "eslint src --ext ts,tsx --report-unused-disable-directives --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md}\"",
     "preview": "vite preview",
     "test": "vitest",
+    "test:render:frames": "jest --config jest.render.config.cjs",
+    "test:render:frames:update": "jest --config jest.render.config.cjs -u",
+    "test:3d": "playwright test --config=test-visualtests/render-3d/runner.config.ts",
+    "build:msdf-fonts": "cd tools/msdf-font-builder && npm install --no-save && node build.mjs",
+    "rasterize:ai": "node tools/ai-rasterize/cli.mjs --config tools/ai-rasterize/jobs.json",
     "storybook": "storybook dev -p 6006",
     "start": "npm run storybook",
     "build-storybook": "storybook build --loglevel warn",
+    "docs:install": "yarn --cwd docs-site install --immutable",
+    "docs:dev": "yarn --cwd docs-site start",
+    "docs:build": "yarn --cwd docs-site build",
+    "docs:serve": "yarn --cwd docs-site serve",
+    "docs:clear": "yarn --cwd docs-site clear",
     "init-msw": "msw init public/",
     "release": "standard-version --release-as patch &&npm publish --access public",
     "release:alpha": "standard-version --prerelease alpha &&npm publish --access public",
@@ -55,41 +67,38 @@
     "@chakra-ui/react": "^2.7.1",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
-    "@giphy/js-fetch-api": "^4.1.2",
+    "@giphy/js-fetch-api": "^5.7.0",
     "@giphy/js-types": "^4.1.0",
-    "@giphy/react-components": "^5.6.1",
+    "@gsap/react": "^2.1.2",
     "@mdx-js/react": "^3",
-    "@pixi/assets": "^7.2.3",
-    "@pixi/filter-adjustment": "^5.1.1",
-    "@pixi/gif": "^2.1.0",
-    "@pixi/react": "~7.1.0",
-    "@pixi/sound": "^5.2.1",
-    "@react-gifs/tools": "^0.1.2",
+    "@pixi/react": "^8.0.5",
+    "@pixi/sound": "^6.0.1",
+    "@playwright/test": "^1.60.0",
+    "@remotion/bundler": "4.0.421",
+    "@remotion/cli": "4.0.421",
+    "@remotion/media-utils": "4.0.421",
+    "@remotion/renderer": "4.0.421",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-terser": "^0.4.3",
-    "@storybook/addon-docs": "^10.0.2",
-    "@storybook/addon-essentials": "^9.0.0-alpha.12",
-    "@storybook/addon-interactions": "^9.0.0-alpha",
-    "@storybook/addon-links": "^10.0.2",
-    "@storybook/addon-onboarding": "^10.0.2",
-    "@storybook/builder-vite": "^10.0.2",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/react-vite": "^10.0.2",
-    "@storybook/testing-library": "^0.2.0",
-    "@testing-library/dom": "^9.3.1",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.0.0",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-links": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.0",
     "@types/dotenv": "^8.2.0",
-    "@types/howler": "^2.2.8",
     "@types/quill": "^2.0.10",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/three": "^0.184.1",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "@vitejs/plugin-react": "^4.0.3",
-    "@vitejs/plugin-react-swc": "^3.3.2",
-    "@welldone-software/why-did-you-render": "^7.0.1",
+    "@vitejs/plugin-react": "^5.2.0",
+    "@vitejs/plugin-react-swc": "^4.0.0",
+    "@welldone-software/why-did-you-render": "^10.0.0",
+    "ae-to-json": "^1.1.2",
+    "after-effects": "^0.4.15",
     "audiomotion-analyzer": "^4.3.0",
     "chromatic": "^6.7.3",
     "debug": "^4.3.4",
@@ -100,43 +109,54 @@
     "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.5",
-    "eslint-plugin-storybook": "^10.0.2",
-    "framer-motion": "^8.4.0",
-    "gifuct-js": "^2.1.2",
-    "gsap": "3.11.5",
-    "howler": "^2.2.3",
-    "jsdom": "^21.1.2",
+    "eslint-plugin-storybook": "^10.4.0",
+    "framer-motion": "^12.0.0",
+    "gsap": "^3.15.0",
+    "jest": "^29.7.0",
+    "jest-image-snapshot": "^6.4.0",
+    "jsdom": "^25.0.0",
     "lodash": "4.17.21",
     "lottie-web": "^5.10.2",
     "msw": "^2.4.2",
     "msw-storybook-addon": "^2.0.6",
-    "pixi-essentials-react-bindings-extended": "1.0.13",
-    "pixi-essentials-transformer-extended": "1.0.13",
-    "pixi-filters": "^5.3.0",
-    "pixi-svg": "^3.2.0",
-    "pixi.js": "^7.2.3",
-    "prop-types": "^15.8.1",
+    "pixi-filters": "^6.1.5",
+    "pixi.js": "^8.18.1",
     "quill": "^1.3.7",
-    "react": "^18.2.0",
-    "react-custom-events": "^1.1.1",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-fast-compare": "^3.2.0",
+    "remotion": "4.0.421",
     "standard-version": "^9.5.0",
-    "storybook": "^10.0.2",
+    "storybook": "^10.4.0",
     "storybook-multilevel-sort": "^2.1.0",
-    "stylelint": "^15.10.2",
-    "stylelint-config-standard": "^33.0.0",
     "svgpath": "^2.6.0",
     "typescript": "^5.1.6",
     "typescript-plugin-css-modules": "^5.0.1",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.5.2",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^5.0.0",
     "vite-plugin-environment": "^1.1.3",
-    "vite-plugin-stylelint": "^4.3.0",
-    "vitest": "^1.6.0"
+    "vitest": "^4.0.0"
   },
   "dependencies": {
-    "@uiw/react-color-sketch": "^2.3.2"
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.6.1",
+    "@react-three/postprocessing": "^3.0.4",
+    "@uiw/react-color-sketch": "^2.3.2",
+    "postprocessing": "^6.39.1",
+    "three": "^0.184.0",
+    "zod": "^3.22.3"
+  },
+  "peerDependencies": {
+    "@gsap/react": "^2.1.2",
+    "@pixi/react": "^8.0.5",
+    "@pixi/sound": "^6.0.1",
+    "audiomotion-analyzer": "^4.3.0",
+    "gsap": "^3.15.0",
+    "lottie-web": "^5.10.2",
+    "pixi-filters": "^6.1.5",
+    "pixi.js": "^8.18.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "engines": {
     "node": ">=18.12.0"

package/dist/assets/icon/transformericons/icons.d.ts

@@ -1,8 +0,0 @@
-export declare const opacityIcon: () => string;
-export declare const roundCornersIcon: () => string;
-export declare const deleteIcon: () => string;
-export declare const copyIcon: () => string;
-export declare const orderIcon: () => string;
-export declare const saveIcon: () => string;
-export declare const replaceImageIcon: () => string;
-export declare const chevronRightIcon: () => string;

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

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { PixiAudioSprite } from '.';
-
-declare const meta: Meta<typeof PixiAudioSprite>;
-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;
-export declare const WithUnifiedTransformer: Story;

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

@@ -1,163 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-
-import * as React from "react";
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('./PixiGifGsapSync').PixiGifSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
-    tags: string[];
-    argTypes: {
-        uniqueId: {
-            control: "text";
-            description: string;
-        };
-        src: {
-            control: "text";
-            description: string;
-        };
-        transformation: {
-            control: "object";
-            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: "boolean";
-            description: string;
-        };
-        startAt: {
-            control: "number";
-            description: string;
-        };
-        endAt: {
-            control: "number";
-            description: string;
-        };
-        frameStartAt: {
-            control: "number";
-            description: string;
-        };
-        frameEndAt: {
-            control: "number";
-            description: string;
-        };
-        visible: {
-            control: "boolean";
-            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;
-        };
-        onContainerRefReady: {
-            action: string;
-            description: string;
-        };
-        onSpriteRefReady: {
-            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;
-export declare const WithUnifiedTransformer: Story;