react-native-smooth-clip-view 0.1.0 → 0.2.1

package/lib/typescript/src/SmoothClipViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothClipViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC;IACtC,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;IACvC,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;CACxC;AAED,UAAU,cAAc;IACtB,eAAe,EAAE,CACf,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,MAAM,EAAE,YAAY,CAAC,MAAM,KACxB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;wBAIE,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"SmoothClipViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SmoothClipViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;IAClC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC;IACtC,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;IACvC,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;IACvC,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;IAC9C,wBAAwB,EAAE,YAAY,CAAC,MAAM,CAAC;CAC/C;AAED,UAAU,cAAc;IACtB,eAAe,EAAE,CACf,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,MAAM,EAAE,YAAY,CAAC,MAAM,KACxB,IAAI,CAAC;IACV,mBAAmB,EAAE,CACnB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EACrD,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,CAAC,EAAE,YAAY,CAAC,MAAM,EACtB,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,iBAAiB,EAAE,YAAY,CAAC,MAAM,EACtC,iBAAiB,EAAE,YAAY,CAAC,MAAM,KACnC,IAAI,CAAC;CACX;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;wBAIE,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/driverState.d.ts

@@ -0,0 +1,31 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { ClipAnimationResult, SmoothClipDriver } from './driverTypes.js';
+import type { SmoothClipPresentation } from './geometry.js';
+export type DriverState = {
+    driverId: number;
+    initialPresentation: SmoothClipPresentation;
+    source: SharedValue<SmoothClipPresentation>;
+    activeAnimationId?: SharedValue<number>;
+    ownership?: SharedValue<number>;
+    onAnimationComplete: {
+        current: ((result: ClipAnimationResult) => void) | undefined;
+    };
+    mountedViews: Set<object>;
+    animationParticipants: Map<number, Set<object>>;
+    failedAnimations: Set<number>;
+    completionDeferrals: number;
+    deferredCompletions: ClipAnimationResult[];
+};
+export declare function allocateDriverId(): number;
+export declare function setDriverState(driver: SmoothClipDriver, state: DriverState): void;
+export declare function attachDriverState(state: DriverState): void;
+export declare function detachDriverState(state: DriverState): void;
+export declare function createDriverState(driverId: number, initialPresentation: SmoothClipPresentation, source: SharedValue<SmoothClipPresentation>, onAnimationComplete: DriverState['onAnimationComplete'], activeAnimationId?: SharedValue<number>, ownership?: SharedValue<number>): DriverState;
+export declare function registerDriverView(driver: SmoothClipDriver): () => void;
+export declare function snapshotDriverViews(driverId: number, animationId: number): void;
+export declare function finishDriverAnimation(driverId: number, animationId: number, finished: boolean): boolean;
+export declare function deliverDriverCompletion(driverId: number, animationId: number, finished: boolean): void;
+export declare function deferDriverCompletions(driverId: number): void;
+export declare function releaseDriverCompletions(driverId: number): void;
+export declare function getDriverState(driver: SmoothClipDriver): DriverState;
+//# sourceMappingURL=driverState.d.ts.map

package/lib/typescript/src/driverState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"driverState.d.ts","sourceRoot":"","sources":["../../../src/driverState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAY,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,sBAAsB,CAAC;IAC5C,MAAM,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,mBAAmB,EAAE;QACnB,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;KAC9D,CAAC;IACF,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,qBAAqB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,mBAAmB,EAAE,CAAC;CAC5C,CAAC;AAMF,wBAAgB,gBAAgB,IAAI,MAAM,CAIzC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,WAAW,GACjB,IAAI,CAIN;AAKD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAE1D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAI1D;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,mBAAmB,EAAE,sBAAsB,EAC3C,MAAM,EAAE,WAAW,CAAC,sBAAsB,CAAC,EAC3C,mBAAmB,EAAE,WAAW,CAAC,qBAAqB,CAAC,EACvD,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EACvC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAC9B,WAAW,CAcb;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,IAAI,CAUvE;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,IAAI,CAKN;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,OAAO,GAChB,OAAO,CAOT;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,OAAO,GAChB,IAAI,CASN;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAG7D;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAS/D;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAQpE"}

package/lib/typescript/src/driverTypes.d.ts

@@ -0,0 +1,61 @@
+import type { SharedValue } from 'react-native-reanimated';
+import type { SmoothClipPresentation } from './geometry.js';
+export type ClipReduceMotion = 'system' | 'always' | 'never';
+export type TimingClipAnimation = Readonly<{
+    type: 'timing';
+    duration: number;
+    controlPoints: readonly [number, number, number, number];
+}>;
+export type SpringClipAnimation = Readonly<{
+    type: 'spring';
+    mass?: number;
+    stiffness?: number;
+    damping?: number;
+    initialVelocity?: number | 'inherit';
+}>;
+export type KeyframedClipAnimation = Readonly<{
+    type: 'keyframes';
+    duration: number;
+    frames: readonly Readonly<{
+        offset: number;
+        presentation: SmoothClipPresentation;
+    }>[];
+}>;
+export type SmoothClipAnimation = TimingClipAnimation | SpringClipAnimation | KeyframedClipAnimation;
+export type ClipAnimationResult = Readonly<{
+    animationId: number;
+    finished: boolean;
+}>;
+export type SmoothClipDriverOptions = Readonly<{
+    reduceMotion?: ClipReduceMotion;
+    onAnimationComplete?: (result: ClipAnimationResult) => void;
+}>;
+export type SmoothClipUIControls = Readonly<{
+    beginInteraction(): SmoothClipPresentation;
+    set(presentation: SmoothClipPresentation): void;
+    /**
+     * Per-frame hot path: writes geometry straight to native without touching
+     * `driver.presentation`. Skips SharedValue bookkeeping (dirty marking, RN
+     * mirror sync, listener dispatch) for high-frequency streams such as
+     * gestures. `driver.presentation.value` is stale after hot writes by design;
+     * `beginInteraction()` remains the source of truth for visible geometry.
+     * Do not interleave with `presentation.value` writes on the same driver —
+     * the listener's duplicate suppression may skip a later equal value.
+     */
+    setScalars(x: number, y: number, width: number, height: number, radius: number, contentTranslateX: number, contentTranslateY: number): void;
+    animateTo(presentation: SmoothClipPresentation, animation: SmoothClipAnimation): number;
+    cancel(animationId?: number, behavior?: 'current' | 'target'): SmoothClipPresentation;
+}>;
+export type SmoothClipReactControls = Readonly<{
+    beginInteraction(): Promise<SmoothClipPresentation>;
+    set(presentation: SmoothClipPresentation): Promise<void>;
+    animateTo(presentation: SmoothClipPresentation, animation: SmoothClipAnimation): Promise<number>;
+    cancel(animationId?: number, behavior?: 'current' | 'target'): Promise<SmoothClipPresentation>;
+}>;
+export type SmoothClipDriver = Readonly<{
+    kind: 'hybrid';
+    presentation: SharedValue<SmoothClipPresentation>;
+    ui: SmoothClipUIControls;
+    react: SmoothClipReactControls;
+}>;
+//# sourceMappingURL=driverTypes.d.ts.map

package/lib/typescript/src/driverTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"driverTypes.d.ts","sourceRoot":"","sources":["../../../src/driverTypes.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/drivers.android.d.ts

@@ -0,0 +1,3 @@
+export { useSmoothClipDriver } from './drivers.ios.js';
+export type { KeyframedClipAnimation, SpringClipAnimation, TimingClipAnimation, } from './drivers.ios.js';
+//# sourceMappingURL=drivers.android.d.ts.map

package/lib/typescript/src/drivers.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drivers.android.d.ts","sourceRoot":"","sources":["../../../src/drivers.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAe,CAAC;AACpD,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAe,CAAC"}

package/lib/typescript/src/drivers.d.ts

@@ -0,0 +1,5 @@
+import type { KeyframedClipAnimation, SmoothClipDriver, SmoothClipDriverOptions, SpringClipAnimation, TimingClipAnimation } from './driverTypes.js';
+import { type ClipGeometry, type SmoothClipPresentation } from './geometry.js';
+export declare function useSmoothClipDriver(initialValue: ClipGeometry | SmoothClipPresentation, options?: SmoothClipDriverOptions): SmoothClipDriver;
+export type { KeyframedClipAnimation, SpringClipAnimation, TimingClipAnimation, };
+//# sourceMappingURL=drivers.d.ts.map

package/lib/typescript/src/drivers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drivers.d.ts","sourceRoot":"","sources":["../../../src/drivers.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAEV,sBAAsB,EAEtB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAe,CAAC;AAYvB,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC5B,MAAM,eAAY,CAAC;AAuFpB,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,YAAY,GAAG,sBAAsB,EACnD,OAAO,GAAE,uBAA4B,GACpC,gBAAgB,CA0RlB;AAED,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/lib/typescript/src/drivers.ios.d.ts

@@ -0,0 +1,5 @@
+import type { KeyframedClipAnimation, SmoothClipDriver, SmoothClipDriverOptions, SpringClipAnimation, TimingClipAnimation } from './driverTypes.js';
+import { type ClipGeometry, type SmoothClipPresentation } from './geometry.js';
+export declare function useSmoothClipDriver(initialValue: ClipGeometry | SmoothClipPresentation, options?: SmoothClipDriverOptions): SmoothClipDriver;
+export type { KeyframedClipAnimation, SpringClipAnimation, TimingClipAnimation, };
+//# sourceMappingURL=drivers.ios.d.ts.map

package/lib/typescript/src/drivers.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drivers.ios.d.ts","sourceRoot":"","sources":["../../../src/drivers.ios.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,sBAAsB,EAEtB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAe,CAAC;AAavB,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC5B,MAAM,eAAY,CAAC;AAyIpB,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,YAAY,GAAG,sBAAsB,EACnD,OAAO,GAAE,uBAA4B,GACpC,gBAAgB,CAuelB;AAED,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC"}

package/lib/typescript/src/geometry.d.ts

@@ -9,8 +9,16 @@ export type ClipBounds = Readonly<{
     width: number;
     height: number;
 }>;
+export type SmoothClipPresentation = Readonly<{
+    clip: ClipGeometry;
+    contentTranslateX: number;
+    contentTranslateY: number;
+}>;
+export declare function createClipPresentation(clip: ClipGeometry, contentTranslateX?: number, contentTranslateY?: number): SmoothClipPresentation;
 export declare function isFiniteClipGeometry(geometry: ClipGeometry): boolean;
 export declare function clipGeometryEquals(first: ClipGeometry | null, second: ClipGeometry): boolean;
+export declare function isFiniteClipPresentation(presentation: SmoothClipPresentation): boolean;
+export declare function clipPresentationEquals(first: SmoothClipPresentation | null, second: SmoothClipPresentation): boolean;
 /**
  * Mirrors the native geometry contract for tests and non-native fallbacks.
  * Native remains authoritative because its bounds are the actual rendered size.

package/lib/typescript/src/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/geometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,YAAY,GAAG,OAAO,CASpE;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,GAAG,IAAI,EAC1B,MAAM,EAAE,YAAY,GACnB,OAAO,CAUT;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GACjB,YAAY,GAAG,IAAI,CAoCrB"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/geometry.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,IAAI,EAAE,YAAY,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,YAAY,EAClB,iBAAiB,SAAI,EACrB,iBAAiB,SAAI,GACpB,sBAAsB,CAGxB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,YAAY,GAAG,OAAO,CASpE;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,GAAG,IAAI,EAC1B,MAAM,EAAE,YAAY,GACnB,OAAO,CAUT;AAED,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,sBAAsB,GACnC,OAAO,CAOT;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,sBAAsB,GAAG,IAAI,EACpC,MAAM,EAAE,sBAAsB,GAC7B,OAAO,CAQT;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GACjB,YAAY,GAAG,IAAI,CAoCrB"}

package/lib/typescript/src/index.d.ts

@@ -1,5 +1,8 @@
 export { SmoothClipView } from './SmoothClipView';
 export type { SmoothClipViewProps } from './SmoothClipView';
+export { useSmoothClipDriver } from './drivers';
+export type { ClipAnimationResult, ClipReduceMotion, KeyframedClipAnimation, SmoothClipDriver, SmoothClipDriverOptions, SmoothClipReactControls, SmoothClipUIControls, SmoothClipAnimation, SpringClipAnimation, TimingClipAnimation, } from './driverTypes.js';
 export { normalizeClipGeometry } from './geometry.js';
-export type { ClipBounds, ClipGeometry } from './geometry.js';
+export { createClipPresentation } from './geometry.js';
+export type { ClipBounds, ClipGeometry, SmoothClipPresentation, } from './geometry.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAY,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAY,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAY,CAAC;AACpD,YAAY,EACV,UAAU,EACV,YAAY,EACZ,sBAAsB,GACvB,MAAM,eAAY,CAAC"}

package/lib/typescript/src/index.web.d.ts

@@ -1,5 +1,8 @@
 export { SmoothClipView } from './SmoothClipView.web.js';
 export type { SmoothClipViewProps } from './SmoothClipView.web.js';
+export { useSmoothClipDriver } from './drivers';
+export type { ClipAnimationResult, ClipReduceMotion, KeyframedClipAnimation, SmoothClipDriver, SmoothClipDriverOptions, SmoothClipReactControls, SmoothClipUIControls, SmoothClipAnimation, SpringClipAnimation, TimingClipAnimation, } from './driverTypes.js';
 export { normalizeClipGeometry } from './geometry.js';
-export type { ClipBounds, ClipGeometry } from './geometry.js';
+export { createClipPresentation } from './geometry.js';
+export type { ClipBounds, ClipGeometry, SmoothClipPresentation, } from './geometry.js';
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/src/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAsB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAsB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAY,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAY,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAsB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAsB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,kBAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAY,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAY,CAAC;AACpD,YAAY,EACV,UAAU,EACV,YAAY,EACZ,sBAAsB,GACvB,MAAM,eAAY,CAAC"}

package/lib/typescript/src/nativeCompletion.d.ts

@@ -0,0 +1,7 @@
+export declare function completeNativeAnimation(driverId: number, animationId: number, finished: boolean): void;
+export declare function synchronizeNativeCompletion(activeAnimationId: {
+    value: number;
+}, ownership: {
+    value: number;
+}, animationId: number, _finished: boolean): void;
+//# sourceMappingURL=nativeCompletion.d.ts.map

package/lib/typescript/src/nativeCompletion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeCompletion.d.ts","sourceRoot":"","sources":["../../../src/nativeCompletion.ts"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,OAAO,GAChB,IAAI,CAEN;AAED,wBAAgB,2BAA2B,CACzC,iBAAiB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EACpC,SAAS,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5B,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,GACjB,IAAI,CAoBN"}

package/lib/typescript/src/reactRequests.d.ts

@@ -0,0 +1,7 @@
+export declare function createReactRequest<T>(driverId: number, deferCompletions?: boolean): {
+    requestId: number;
+    promise: Promise<T>;
+};
+export declare function resolveReactRequest(driverId: number, requestId: number, value: unknown, releaseCompletions?: boolean): void;
+export declare function rejectDriverRequests(driverId: number): void;
+//# sourceMappingURL=reactRequests.d.ts.map

package/lib/typescript/src/reactRequests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactRequests.d.ts","sourceRoot":"","sources":["../../../src/reactRequests.ts"],"names":[],"mappings":"AAcA,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,QAAQ,EAAE,MAAM,EAChB,gBAAgB,UAAQ,GACvB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;CAAE,CAkB5C;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,OAAO,EACd,kBAAkB,UAAQ,GACzB,IAAI,CAUN;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAS3D"}

package/lib/typescript/src/smoothClipNative.android.d.ts

@@ -0,0 +1,4 @@
+import type { Spec } from './NativeSmoothClipModule.js';
+declare const bindings: Spec | undefined;
+export default bindings;
+//# sourceMappingURL=smoothClipNative.android.d.ts.map

package/lib/typescript/src/smoothClipNative.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothClipNative.android.d.ts","sourceRoot":"","sources":["../../../src/smoothClipNative.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA0B,CAAC;AASrD,QAAA,MAAM,QAAQ,kBACK,CAAC;AAQpB,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/smoothClipNative.d.ts

@@ -0,0 +1,3 @@
+import NativeSmoothClipModule from './NativeSmoothClipModule.js';
+export default NativeSmoothClipModule;
+//# sourceMappingURL=smoothClipNative.d.ts.map

package/lib/typescript/src/smoothClipNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smoothClipNative.d.ts","sourceRoot":"","sources":["../../../src/smoothClipNative.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,6BAA0B,CAAC;AAI9D,eAAe,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-smooth-clip-view",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Layout-free animated rounded clipping for React Native Fabric",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -20,6 +20,7 @@
     "lib",
     "android",
     "ios",
+    "cpp",
     "SmoothClipView.podspec",
     "README.md",
     "LICENSE",
@@ -33,7 +34,7 @@
     "!**/.*"
   ],
   "scripts": {
-    "example": "yarn workspace react-native-smooth-clip-view-example",
+    "example": "npm run --workspace react-native-smooth-clip-view-example",
     "clean": "del-cli lib",
     "prepare": "bob build",
     "typecheck": "tsc",
@@ -72,7 +73,7 @@
     "@commitlint/config-conventional": "^21.0.2",
     "@eslint/compat": "^2.1.0",
     "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^10.0.1",
+    "@eslint/js": "^9.39.4",
     "@jest/globals": "^29.7.0",
     "@react-native/babel-preset": "0.86.0",
     "@react-native/eslint-config": "0.86.0",
@@ -101,13 +102,14 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": ">=0.85.0",
-    "react-native-reanimated": ">=4.3.0"
+    "react-native": ">=0.86.0",
+    "react-native-reanimated": ">=4.5.0",
+    "react-native-worklets": ">=0.10.0"
   },
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@4.11.0",
+  "packageManager": "npm@11.8.0",
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
@@ -128,7 +130,7 @@
   },
   "codegenConfig": {
     "name": "SmoothClipViewSpec",
-    "type": "components",
+    "type": "all",
     "jsSrcsDir": "src",
     "android": {
       "javaPackageName": "com.smoothclipview"
@@ -138,6 +140,9 @@
         "SmoothClipView": {
           "className": "SmoothClipView"
         }
+      },
+      "modulesProvider": {
+        "NativeSmoothClipModule": "SmoothClipModuleProvider"
       }
     }
   },

package/src/NativeSmoothClipModule.ts

@@ -0,0 +1,104 @@
+import type { CodegenTypes, TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  readonly onClipAnimationComplete: CodegenTypes.EventEmitter<
+    Readonly<{
+      driverId: CodegenTypes.Double;
+      animationId: CodegenTypes.Int32;
+      finished: boolean;
+    }>
+  >;
+  setClipPresentation(
+    driverId: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    radius: CodegenTypes.Double,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    takeOwnership: boolean
+  ): void;
+  beginInteraction(
+    driverId: CodegenTypes.Double
+  ): ReadonlyArray<CodegenTypes.Double>;
+  animateTiming(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startRadius: CodegenTypes.Double,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    radius: CodegenTypes.Double,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    controlPoint1X: CodegenTypes.Double,
+    controlPoint1Y: CodegenTypes.Double,
+    controlPoint2X: CodegenTypes.Double,
+    controlPoint2Y: CodegenTypes.Double,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateSpring(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startRadius: CodegenTypes.Double,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    radius: CodegenTypes.Double,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    mass: CodegenTypes.Double,
+    stiffness: CodegenTypes.Double,
+    damping: CodegenTypes.Double,
+    initialVelocity: CodegenTypes.Double,
+    inheritVelocity: boolean,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  animateKeyframes(
+    driverId: CodegenTypes.Double,
+    hasInteractiveStart: boolean,
+    startX: CodegenTypes.Double,
+    startY: CodegenTypes.Double,
+    startWidth: CodegenTypes.Double,
+    startHeight: CodegenTypes.Double,
+    startRadius: CodegenTypes.Double,
+    startContentTranslateX: CodegenTypes.Double,
+    startContentTranslateY: CodegenTypes.Double,
+    x: CodegenTypes.Double,
+    y: CodegenTypes.Double,
+    width: CodegenTypes.Double,
+    height: CodegenTypes.Double,
+    radius: CodegenTypes.Double,
+    contentTranslateX: CodegenTypes.Double,
+    contentTranslateY: CodegenTypes.Double,
+    durationMs: CodegenTypes.Double,
+    frames: ReadonlyArray<CodegenTypes.Double>,
+    reduceMotion: CodegenTypes.Int32
+  ): CodegenTypes.Int32;
+  rejectAnimation(driverId: CodegenTypes.Double): CodegenTypes.Int32;
+  cancelAnimation(
+    driverId: CodegenTypes.Double,
+    animationId: CodegenTypes.Int32,
+    behavior: CodegenTypes.Int32
+  ): ReadonlyArray<CodegenTypes.Double>;
+  destroyDriver(driverId: CodegenTypes.Double): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('NativeSmoothClipModule');

package/src/SmoothClipView.android.tsx

@@ -0,0 +1,2 @@
+export { SmoothClipView } from './SmoothClipView.ios';
+export type { SmoothClipViewProps } from './SmoothClipView.ios';

package/src/SmoothClipView.ios.tsx

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import type { SmoothClipDriver } from './driverTypes';
+import { getDriverState } from './driverState';
+import NativeSmoothClipView, {
+  type NativeProps,
+} from './SmoothClipViewNativeComponent';
+
+export type SmoothClipViewProps = ViewProps & {
+  driver: SmoothClipDriver;
+  children?: ReactNode;
+};
+
+export function SmoothClipView({
+  driver,
+  children,
+  ...viewProps
+}: SmoothClipViewProps) {
+  const { driverId, initialPresentation } = getDriverState(driver);
+  const { clip } = initialPresentation;
+  const nativeProps: NativeProps = {
+    ...viewProps,
+    driverId,
+    initialClipX: clip.x,
+    initialClipY: clip.y,
+    initialClipWidth: clip.width,
+    initialClipHeight: clip.height,
+    initialClipRadius: clip.radius,
+    initialContentTranslateX: initialPresentation.contentTranslateX,
+    initialContentTranslateY: initialPresentation.contentTranslateY,
+  };
+
+  return (
+    <NativeSmoothClipView {...nativeProps}>{children}</NativeSmoothClipView>
+  );
+}

package/src/SmoothClipView.tsx

@@ -1,67 +1,71 @@
 import type React from 'react';
-import type { ReactNode } from 'react';
+import { type ReactNode, useEffect } from 'react';
 import { type ViewProps } from 'react-native';
 import Animated, {
   dispatchCommand,
   useAnimatedReaction,
   useAnimatedRef,
-  type SharedValue,
 } from 'react-native-reanimated';
+import type { SmoothClipDriver } from './driverTypes';
+import { getDriverState, registerDriverView } from './driverState';
+import { clipPresentationEquals, isFiniteClipPresentation } from './geometry';
 import NativeSmoothClipView, {
   type NativeProps,
 } from './SmoothClipViewNativeComponent';
-import {
-  clipGeometryEquals,
-  isFiniteClipGeometry,
-  type ClipGeometry,
-} from './geometry';
 
 const AnimatedNativeSmoothClipView =
   Animated.createAnimatedComponent(NativeSmoothClipView);
 
 export type SmoothClipViewProps = ViewProps & {
-  initialClip: ClipGeometry;
-  animatedClip: SharedValue<ClipGeometry>;
+  driver: SmoothClipDriver;
   children?: ReactNode;
 };
 
+/** Android fallback. iOS resolves SmoothClipView.ios.tsx instead. */
 export function SmoothClipView({
-  initialClip,
-  animatedClip,
+  driver,
   children,
   ...viewProps
 }: SmoothClipViewProps) {
+  const { driverId, initialPresentation, source } = getDriverState(driver);
+  const { clip } = initialPresentation;
+  useEffect(() => registerDriverView(driver), [driver]);
   const nativeRef =
     useAnimatedRef<React.ComponentRef<typeof NativeSmoothClipView>>();
 
   useAnimatedReaction(
-    () => animatedClip.value,
-    (clip, previousClip) => {
+    () => source.value,
+    (presentation, previousPresentation) => {
       if (
-        !isFiniteClipGeometry(clip) ||
-        clipGeometryEquals(previousClip, clip)
+        !isFiniteClipPresentation(presentation) ||
+        clipPresentationEquals(previousPresentation, presentation)
       ) {
         return;
       }
 
-      dispatchCommand(nativeRef, 'setClipGeometry', [
-        clip.x,
-        clip.y,
-        clip.width,
-        clip.height,
-        clip.radius,
+      dispatchCommand(nativeRef, 'setClipPresentation', [
+        presentation.clip.x,
+        presentation.clip.y,
+        presentation.clip.width,
+        presentation.clip.height,
+        presentation.clip.radius,
+        presentation.contentTranslateX,
+        presentation.contentTranslateY,
       ]);
     },
-    [nativeRef, animatedClip]
+    [nativeRef, source]
   );
 
   const nativeProps: NativeProps = {
     ...viewProps,
-    initialClipX: initialClip.x,
-    initialClipY: initialClip.y,
-    initialClipWidth: initialClip.width,
-    initialClipHeight: initialClip.height,
-    initialClipRadius: initialClip.radius,
+    driverId,
+    initialClipX: clip.x,
+    initialClipY: clip.y,
+    initialClipWidth: clip.width,
+    initialClipHeight: clip.height,
+    initialClipRadius: clip.radius,
+    initialContentTranslateX: initialPresentation.contentTranslateX,
+    initialContentTranslateY: initialPresentation.contentTranslateY,
   };
 
   return (