react-native-divkit 1.6.5 → 1.8.0

package/dist/hooks/useAppearanceTransition.d.ts

@@ -0,0 +1,86 @@
+import { Animated } from 'react-native';
+import type { MaybeMissing } from '../expressions/json';
+import type { AppearanceTransition, Visibility } from '../types/base';
+export interface AppearanceTransitionOptions {
+    visibility: Visibility;
+    transitionIn?: MaybeMissing<AppearanceTransition>;
+    transitionOut?: MaybeMissing<AppearanceTransition>;
+    /**
+     * When false, transitions are skipped (used during initial mount when visibility starts as 'visible'
+     * and you don't want a flicker). Default: true.
+     */
+    enabled?: boolean;
+    /**
+     * 'visibility' (default) — transitions are driven by the visibility prop changing.
+     * 'imperative' — visibility changes do not auto-play; the consumer must call playOut/playIn.
+     * 'auto-in' — like 'imperative' but transition_in is played automatically on first mount.
+     */
+    mode?: 'visibility' | 'imperative' | 'auto-in';
+    /**
+     * Called once right before the wrapper collapses layout (target visibility 'gone'
+     * and out animation just finished). Use to queue LayoutAnimation for parents.
+     */
+    onBeforeCollapse?: () => void;
+    /**
+     * Called once right before the wrapper mounts after being collapsed
+     * (visibility goes back to 'visible'). Use to queue LayoutAnimation for parents.
+     */
+    onBeforeExpand?: () => void;
+    /**
+     * Measured width of the element (from onLayout). Used to emulate off-center pivot for scale
+     * via translate-scale-translate. If absent, scale is applied from the view center (pivot 0.5/0.5).
+     */
+    layoutWidth?: number;
+    /** Measured height of the element. */
+    layoutHeight?: number;
+}
+type AnyTransformValue = number | Animated.AnimatedInterpolation<number> | Animated.Value;
+export interface AppearanceTransitionResult {
+    /**
+     * True while the children should be present in the tree.
+     * Goes false only AFTER transition_out completed and target visibility is 'gone'/'invisible'.
+     */
+    rendered: boolean;
+    /** True after transition_out completed; the wrapper should collapse layout (return null). */
+    collapsed: boolean;
+    /** Animated opacity value (or constant). */
+    opacity: Animated.Value | number;
+    /**
+     * Ready-to-use transform array for Animated.View. Combines slide translate, scale, and
+     * pivot translate-scale-translate compensation. Empty array if no transition produces transforms.
+     */
+    transform: Array<{
+        translateX?: AnyTransformValue;
+        translateY?: AnyTransformValue;
+        scale?: AnyTransformValue;
+    }>;
+    /**
+     * Imperatively play transition_out (without affecting rendered/collapsed state).
+     * Resolves when animation finishes (or immediately if no transition_out is specified).
+     */
+    playOut: () => Promise<void>;
+    /**
+     * Imperatively reset values to transition_in start, then animate to identity.
+     * Resolves when animation finishes (or immediately if no transition_in is specified).
+     */
+    playIn: () => Promise<void>;
+    /** Whether transition_out is specified (helps consumers decide whether to wait for playOut). */
+    hasTransitionOut: boolean;
+    /** Whether transition_in is specified. */
+    hasTransitionIn: boolean;
+}
+/**
+ * Hook that drives transition_in / transition_out for an Outer wrapper.
+ *
+ * - On first mount: NO transition_in is played (matches Web Outer.svelte behavior with
+ *   isVisibilityInited). Use mode='auto-in' if you do want a first-mount play (DivState
+ *   uses this for newly-mounted children of a switched state).
+ * - On change visible→gone/invisible with a transition_out: animates identity → end values,
+ *   then collapses.
+ * - On change gone/invisible→visible: re-mounts and plays transition_in.
+ *
+ * Only fade/scale/slide are supported here (AppearanceTransition).
+ */
+export declare function useAppearanceTransition(opts: AppearanceTransitionOptions): AppearanceTransitionResult;
+export {};
+//# sourceMappingURL=useAppearanceTransition.d.ts.map

package/dist/hooks/useAppearanceTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppearanceTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAppearanceTransition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAsC,MAAM,cAAc,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAER,oBAAoB,EAIpB,UAAU,EACb,MAAM,eAAe,CAAC;AA2HvB,MAAM,WAAW,2BAA2B;IACxC,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAClD,aAAa,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,KAAK,iBAAiB,GAAG,MAAM,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE1F,MAAM,WAAW,0BAA0B;IACvC;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC;QAAE,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAAC,UAAU,CAAC,EAAE,iBAAiB,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IAChH;;;OAGG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B;;;OAGG;IACH,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,gGAAgG;IAChG,gBAAgB,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CACnC,IAAI,EAAE,2BAA2B,GAClC,0BAA0B,CAsZ5B"}

package/dist/hooks/useAppearanceTransition.js

@@ -0,0 +1,490 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Dimensions, Easing } from 'react-native';
+import { flattenAppearanceTransition } from '../utils/flattenTransition';
+function interpolationToEasing(interpolator) {
+    switch (interpolator) {
+        case 'linear': return Easing.linear;
+        case 'ease': return Easing.ease;
+        case 'ease_in': return Easing.in(Easing.ease);
+        case 'ease_out': return Easing.out(Easing.ease);
+        case 'ease_in_out': return Easing.inOut(Easing.ease);
+        case 'spring': return Easing.inOut(Easing.ease);
+        default: return Easing.inOut(Easing.ease);
+    }
+}
+function normalize(transition) {
+    const res = {
+        hasFade: false,
+        hasScale: false,
+        hasSlide: false,
+        fadeAlpha: 0,
+        scaleValue: 0,
+        scalePivotX: 0.5,
+        scalePivotY: 0.5,
+        slideEdge: 'bottom',
+        slideDistance: null,
+        fadeDuration: 0,
+        fadeDelay: 0,
+        fadeEasing: Easing.inOut(Easing.ease),
+        scaleDuration: 0,
+        scaleDelay: 0,
+        scaleEasing: Easing.inOut(Easing.ease),
+        slideDuration: 0,
+        slideDelay: 0,
+        slideEasing: Easing.inOut(Easing.ease),
+        totalDuration: 0
+    };
+    if (!transition)
+        return res;
+    const items = flattenAppearanceTransition(transition);
+    for (const itAny of items) {
+        const it = itAny;
+        const duration = Math.max(0, it.duration ?? 300);
+        const delay = Math.max(0, it.start_delay ?? 0);
+        const easing = interpolationToEasing(it.interpolator);
+        res.totalDuration = Math.max(res.totalDuration, duration + delay);
+        if (it.type === 'fade') {
+            res.hasFade = true;
+            const fade = it;
+            res.fadeAlpha = typeof fade.alpha === 'number' ? fade.alpha : 0;
+            res.fadeDuration = duration;
+            res.fadeDelay = delay;
+            res.fadeEasing = easing;
+        }
+        else if (it.type === 'scale') {
+            res.hasScale = true;
+            const sc = it;
+            res.scaleValue = typeof sc.scale === 'number' ? sc.scale : 0;
+            res.scalePivotX = typeof sc.pivot_x === 'number' ? sc.pivot_x : 0.5;
+            res.scalePivotY = typeof sc.pivot_y === 'number' ? sc.pivot_y : 0.5;
+            res.scaleDuration = duration;
+            res.scaleDelay = delay;
+            res.scaleEasing = easing;
+        }
+        else if (it.type === 'slide') {
+            res.hasSlide = true;
+            const sl = it;
+            res.slideEdge = (sl.edge ?? 'bottom');
+            const dim = sl.distance;
+            const distVal = dim && typeof dim.value === 'number' ? dim.value : null;
+            res.slideDistance = distVal;
+            res.slideDuration = duration;
+            res.slideDelay = delay;
+            res.slideEasing = easing;
+        }
+    }
+    return res;
+}
+function slideOffsetFor(edge, distance) {
+    const win = Dimensions.get('window');
+    const dx = distance ?? win.width;
+    const dy = distance ?? win.height;
+    switch (edge) {
+        case 'left': return { tx: -dx, ty: 0 };
+        case 'right': return { tx: dx, ty: 0 };
+        case 'top': return { tx: 0, ty: -dy };
+        case 'bottom':
+        default: return { tx: 0, ty: dy };
+    }
+}
+/**
+ * Hook that drives transition_in / transition_out for an Outer wrapper.
+ *
+ * - On first mount: NO transition_in is played (matches Web Outer.svelte behavior with
+ *   isVisibilityInited). Use mode='auto-in' if you do want a first-mount play (DivState
+ *   uses this for newly-mounted children of a switched state).
+ * - On change visible→gone/invisible with a transition_out: animates identity → end values,
+ *   then collapses.
+ * - On change gone/invisible→visible: re-mounts and plays transition_in.
+ *
+ * Only fade/scale/slide are supported here (AppearanceTransition).
+ */
+export function useAppearanceTransition(opts) {
+    const { visibility, transitionIn, transitionOut, enabled = true, mode = 'visibility', onBeforeCollapse, onBeforeExpand, layoutWidth, layoutHeight } = opts;
+    const onBeforeCollapseRef = useRef(onBeforeCollapse);
+    const onBeforeExpandRef = useRef(onBeforeExpand);
+    onBeforeCollapseRef.current = onBeforeCollapse;
+    onBeforeExpandRef.current = onBeforeExpand;
+    const inSpec = useMemo(() => normalize(transitionIn), [transitionIn]);
+    const outSpec = useMemo(() => normalize(transitionOut), [transitionOut]);
+    // Refs to Animated values — created once
+    const opacity = useRef(new Animated.Value(visibility === 'visible' ? 1 : 0)).current;
+    const scale = useRef(new Animated.Value(1)).current;
+    const slideTx = useRef(new Animated.Value(0)).current;
+    const slideTy = useRef(new Animated.Value(0)).current;
+    const prevVisibilityRef = useRef(visibility);
+    const isFirstRunRef = useRef(true);
+    const inFlightRef = useRef(null);
+    const [rendered, setRendered] = useState(visibility !== 'gone');
+    const [collapsed, setCollapsed] = useState(visibility === 'gone');
+    // Active scale spec for transform composition (pivot + endpoint).
+    // Updated when we start an "in" or "out" scale animation; used to build interpolated transform.
+    const [activeScale, setActiveScale] = useState(() => {
+        if (visibility === 'visible' && (inSpec.hasScale)) {
+            return { value: inSpec.scaleValue, pivotX: inSpec.scalePivotX, pivotY: inSpec.scalePivotY };
+        }
+        return null;
+    });
+    useEffect(() => {
+        const prev = prevVisibilityRef.current;
+        prevVisibilityRef.current = visibility;
+        // Imperative mode: visibility prop is ignored for transitions — consumer drives via playOut/playIn.
+        // Only sync rendered/collapsed for static defaults; never auto-play.
+        if (mode === 'imperative') {
+            if (isFirstRunRef.current) {
+                isFirstRunRef.current = false;
+                if (visibility === 'visible') {
+                    opacity.setValue(1);
+                    scale.setValue(1);
+                    slideTx.setValue(0);
+                    slideTy.setValue(0);
+                }
+            }
+            return;
+        }
+        // auto-in mode: play transition_in on first mount, then ignore visibility changes
+        // (the consumer — e.g. DivState — drives transition_out programmatically).
+        if (mode === 'auto-in' && !isFirstRunRef.current) {
+            return;
+        }
+        if (isFirstRunRef.current) {
+            isFirstRunRef.current = false;
+            // Matches Web Outer.svelte: на первом монтаже не играем transition_in —
+            // он запускается только при последующем изменении visibility (см. isVisibilityInited).
+            if (visibility === 'visible') {
+                opacity.setValue(1);
+                scale.setValue(1);
+                slideTx.setValue(0);
+                slideTy.setValue(0);
+            }
+            else {
+                opacity.setValue(0);
+            }
+            return;
+        }
+        // visible → gone/invisible
+        if (prev === 'visible' && visibility !== 'visible') {
+            if (enabled && (outSpec.hasFade || outSpec.hasScale || outSpec.hasSlide)) {
+                setRendered(true);
+                setCollapsed(false);
+                if (outSpec.hasScale) {
+                    setActiveScale({ value: outSpec.scaleValue, pivotX: outSpec.scalePivotX, pivotY: outSpec.scalePivotY });
+                }
+                runOut(visibility);
+            }
+            else {
+                opacity.setValue(visibility === 'invisible' ? 0 : 0);
+                if (visibility === 'gone') {
+                    onBeforeCollapseRef.current?.();
+                    setRendered(false);
+                    setCollapsed(true);
+                }
+            }
+            return;
+        }
+        // gone/invisible → visible
+        if (prev !== 'visible' && visibility === 'visible') {
+            if (prev === 'gone') {
+                onBeforeExpandRef.current?.();
+            }
+            setRendered(true);
+            setCollapsed(false);
+            if (enabled && (inSpec.hasFade || inSpec.hasScale || inSpec.hasSlide)) {
+                if (inSpec.hasFade)
+                    opacity.setValue(inSpec.fadeAlpha);
+                else
+                    opacity.setValue(1);
+                if (inSpec.hasScale) {
+                    scale.setValue(inSpec.scaleValue);
+                    setActiveScale({ value: inSpec.scaleValue, pivotX: inSpec.scalePivotX, pivotY: inSpec.scalePivotY });
+                }
+                else {
+                    scale.setValue(1);
+                    setActiveScale(null);
+                }
+                if (inSpec.hasSlide) {
+                    const off = slideOffsetFor(inSpec.slideEdge, inSpec.slideDistance);
+                    slideTx.setValue(off.tx);
+                    slideTy.setValue(off.ty);
+                }
+                else {
+                    slideTx.setValue(0);
+                    slideTy.setValue(0);
+                }
+                runIn();
+            }
+            else {
+                opacity.setValue(1);
+                scale.setValue(1);
+                slideTx.setValue(0);
+                slideTy.setValue(0);
+                setActiveScale(null);
+            }
+            return;
+        }
+        if (prev !== 'visible' && visibility !== 'visible') {
+            setRendered(visibility !== 'gone');
+            setCollapsed(visibility === 'gone');
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visibility, inSpec, outSpec, enabled, mode]);
+    function stopInFlight() {
+        if (inFlightRef.current) {
+            inFlightRef.current.stop();
+            inFlightRef.current = null;
+        }
+    }
+    /** Build the list of timings for a transition_in (target = identity). */
+    function buildInAnimations() {
+        const anims = [];
+        if (inSpec.hasFade) {
+            anims.push(Animated.timing(opacity, {
+                toValue: 1, duration: inSpec.fadeDuration, delay: inSpec.fadeDelay,
+                easing: inSpec.fadeEasing, useNativeDriver: true
+            }));
+        }
+        if (inSpec.hasScale) {
+            anims.push(Animated.timing(scale, {
+                toValue: 1, duration: inSpec.scaleDuration, delay: inSpec.scaleDelay,
+                easing: inSpec.scaleEasing, useNativeDriver: true
+            }));
+        }
+        if (inSpec.hasSlide) {
+            anims.push(Animated.timing(slideTx, {
+                toValue: 0, duration: inSpec.slideDuration, delay: inSpec.slideDelay,
+                easing: inSpec.slideEasing, useNativeDriver: true
+            }));
+            anims.push(Animated.timing(slideTy, {
+                toValue: 0, duration: inSpec.slideDuration, delay: inSpec.slideDelay,
+                easing: inSpec.slideEasing, useNativeDriver: true
+            }));
+        }
+        return anims;
+    }
+    /** Build the list of timings for a transition_out (target = end values). */
+    function buildOutAnimations() {
+        const anims = [];
+        if (outSpec.hasFade) {
+            anims.push(Animated.timing(opacity, {
+                toValue: outSpec.fadeAlpha, duration: outSpec.fadeDuration, delay: outSpec.fadeDelay,
+                easing: outSpec.fadeEasing, useNativeDriver: true
+            }));
+        }
+        if (outSpec.hasScale) {
+            anims.push(Animated.timing(scale, {
+                toValue: outSpec.scaleValue, duration: outSpec.scaleDuration, delay: outSpec.scaleDelay,
+                easing: outSpec.scaleEasing, useNativeDriver: true
+            }));
+        }
+        if (outSpec.hasSlide) {
+            const off = slideOffsetFor(outSpec.slideEdge, outSpec.slideDistance);
+            anims.push(Animated.timing(slideTx, {
+                toValue: off.tx, duration: outSpec.slideDuration, delay: outSpec.slideDelay,
+                easing: outSpec.slideEasing, useNativeDriver: true
+            }));
+            anims.push(Animated.timing(slideTy, {
+                toValue: off.ty, duration: outSpec.slideDuration, delay: outSpec.slideDelay,
+                easing: outSpec.slideEasing, useNativeDriver: true
+            }));
+        }
+        return anims;
+    }
+    function runIn() {
+        stopInFlight();
+        const anims = buildInAnimations();
+        if (anims.length === 0)
+            return Promise.resolve();
+        const comp = Animated.parallel(anims);
+        inFlightRef.current = comp;
+        return new Promise(resolve => {
+            comp.start(({ finished }) => {
+                if (inFlightRef.current === comp)
+                    inFlightRef.current = null;
+                if (finished) {
+                    if (inSpec.hasFade)
+                        opacity.setValue(1);
+                    if (inSpec.hasScale)
+                        scale.setValue(1);
+                    if (inSpec.hasSlide) {
+                        slideTx.setValue(0);
+                        slideTy.setValue(0);
+                    }
+                }
+                resolve();
+            });
+        });
+    }
+    function runOut(target) {
+        stopInFlight();
+        const anims = buildOutAnimations();
+        if (anims.length === 0) {
+            if (target === 'gone') {
+                onBeforeCollapseRef.current?.();
+                setRendered(false);
+                setCollapsed(true);
+            }
+            return Promise.resolve();
+        }
+        const comp = Animated.parallel(anims);
+        inFlightRef.current = comp;
+        return new Promise(resolve => {
+            comp.start(({ finished }) => {
+                if (inFlightRef.current === comp)
+                    inFlightRef.current = null;
+                if (!finished) {
+                    resolve();
+                    return;
+                }
+                if (target === 'gone') {
+                    onBeforeCollapseRef.current?.();
+                    setRendered(false);
+                    setCollapsed(true);
+                }
+                resolve();
+            });
+        });
+    }
+    /**
+     * Imperative API: play transition_out without touching rendered/collapsed state.
+     * Caller decides whether to unmount the element after the promise resolves.
+     */
+    const playOut = useCallback(() => {
+        stopInFlight();
+        const anims = buildOutAnimations();
+        if (anims.length === 0)
+            return Promise.resolve();
+        const comp = Animated.parallel(anims);
+        inFlightRef.current = comp;
+        if (outSpec.hasScale) {
+            setActiveScale({
+                value: outSpec.scaleValue,
+                pivotX: outSpec.scalePivotX,
+                pivotY: outSpec.scalePivotY
+            });
+        }
+        return new Promise(resolve => {
+            comp.start(() => {
+                if (inFlightRef.current === comp)
+                    inFlightRef.current = null;
+                resolve();
+            });
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [outSpec]);
+    /**
+     * Imperative API: reset values to transition_in start, then animate to identity.
+     */
+    const playIn = useCallback(() => {
+        stopInFlight();
+        // Reset values to start
+        if (inSpec.hasFade)
+            opacity.setValue(inSpec.fadeAlpha);
+        if (inSpec.hasScale) {
+            scale.setValue(inSpec.scaleValue);
+            setActiveScale({
+                value: inSpec.scaleValue,
+                pivotX: inSpec.scalePivotX,
+                pivotY: inSpec.scalePivotY
+            });
+        }
+        if (inSpec.hasSlide) {
+            const off = slideOffsetFor(inSpec.slideEdge, inSpec.slideDistance);
+            slideTx.setValue(off.tx);
+            slideTy.setValue(off.ty);
+        }
+        const anims = buildInAnimations();
+        if (anims.length === 0)
+            return Promise.resolve();
+        const comp = Animated.parallel(anims);
+        inFlightRef.current = comp;
+        return new Promise(resolve => {
+            comp.start(({ finished }) => {
+                if (inFlightRef.current === comp)
+                    inFlightRef.current = null;
+                if (finished) {
+                    if (inSpec.hasFade)
+                        opacity.setValue(1);
+                    if (inSpec.hasScale)
+                        scale.setValue(1);
+                    if (inSpec.hasSlide) {
+                        slideTx.setValue(0);
+                        slideTy.setValue(0);
+                    }
+                }
+                resolve();
+            });
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inSpec]);
+    const hasTransitionIn = inSpec.hasFade || inSpec.hasScale || inSpec.hasSlide;
+    const hasTransitionOut = outSpec.hasFade || outSpec.hasScale || outSpec.hasSlide;
+    useEffect(() => {
+        return () => {
+            if (inFlightRef.current) {
+                inFlightRef.current.stop();
+                inFlightRef.current = null;
+            }
+        };
+    }, []);
+    // Build the final transform array, combining slide translate + scale + pivot compensation.
+    const transform = useMemo(() => {
+        const out = [];
+        const hasAnySlide = inSpec.hasSlide || outSpec.hasSlide;
+        const hasAnyScale = inSpec.hasScale || outSpec.hasScale;
+        if (!hasAnySlide && !hasAnyScale)
+            return out;
+        // Build translateX/Y from slide + pivot interpolation.
+        let txExpr = hasAnySlide ? slideTx : null;
+        let tyExpr = hasAnySlide ? slideTy : null;
+        if (hasAnyScale &&
+            activeScale &&
+            (activeScale.pivotX !== 0.5 || activeScale.pivotY !== 0.5) &&
+            typeof layoutWidth === 'number' &&
+            typeof layoutHeight === 'number' &&
+            layoutWidth > 0 &&
+            layoutHeight > 0) {
+            // pivotTx = (pivotX - 0.5) * width * (1 - scale)
+            // Interpolate over [min(value,1), max(value,1)] mapped to corresponding endpoints.
+            const a = Math.min(activeScale.value, 1);
+            const b = Math.max(activeScale.value, 1);
+            if (a !== b && activeScale.pivotX !== 0.5) {
+                const offsetA = (activeScale.pivotX - 0.5) * layoutWidth * (1 - a);
+                const offsetB = (activeScale.pivotX - 0.5) * layoutWidth * (1 - b);
+                const pivotTx = scale.interpolate({
+                    inputRange: [a, b],
+                    outputRange: [offsetA, offsetB],
+                    extrapolate: 'clamp'
+                });
+                txExpr = txExpr !== null ? Animated.add(txExpr, pivotTx) : pivotTx;
+            }
+            if (a !== b && activeScale.pivotY !== 0.5) {
+                const offsetA = (activeScale.pivotY - 0.5) * layoutHeight * (1 - a);
+                const offsetB = (activeScale.pivotY - 0.5) * layoutHeight * (1 - b);
+                const pivotTy = scale.interpolate({
+                    inputRange: [a, b],
+                    outputRange: [offsetA, offsetB],
+                    extrapolate: 'clamp'
+                });
+                tyExpr = tyExpr !== null ? Animated.add(tyExpr, pivotTy) : pivotTy;
+            }
+        }
+        if (txExpr !== null)
+            out.push({ translateX: txExpr });
+        if (tyExpr !== null)
+            out.push({ translateY: tyExpr });
+        if (hasAnyScale)
+            out.push({ scale });
+        return out;
+    }, [inSpec, outSpec, activeScale, layoutWidth, layoutHeight, slideTx, slideTy, scale]);
+    return {
+        rendered,
+        collapsed,
+        opacity,
+        transform,
+        playIn,
+        playOut,
+        hasTransitionIn,
+        hasTransitionOut
+    };
+}
+//# sourceMappingURL=useAppearanceTransition.js.map

package/dist/hooks/useAppearanceTransition.js.map

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

package/dist/hooks/useChangeBoundsTransition.d.ts

@@ -0,0 +1,46 @@
+import { LayoutChangeEvent } from 'react-native';
+import type { MaybeMissing } from '../expressions/json';
+import type { TransitionChange } from '../types/base';
+export interface ChangeBoundsTransitionOptions {
+    transitionChange?: MaybeMissing<TransitionChange>;
+    /**
+     * When true, the element is being unmounted/collapsed and we should NOT play a FLIP transition
+     * from previous bounds (the element is going away — that's handled by transition_out).
+     */
+    suspended?: boolean;
+}
+export interface ChangeBoundsTransitionResult {
+    /** Plug onto Animated.View. Computes delta vs prev layout and starts FLIP timing. */
+    onLayout: (e: LayoutChangeEvent) => void;
+    /**
+     * Transform array to merge into Animated.View style. Empty if no change_bounds spec.
+     * Returns translateX/translateY/scaleX/scaleY animated values that ride to identity.
+     */
+    transform: Array<{
+        translateX?: any;
+        translateY?: any;
+        scaleX?: any;
+        scaleY?: any;
+    }>;
+    /** Width measured by onLayout (handy for pivot calc in appearance hook). */
+    layoutWidth: number | undefined;
+    layoutHeight: number | undefined;
+}
+/**
+ * FLIP (First-Last-Invert-Play) hook for transition_change with custom cubic easing.
+ *
+ * On each layout change:
+ *  1. Capture previous (First) and new (Last) bounds via onLayout.
+ *  2. Set transform to translate(-dx, -dy) * scale(prevW/newW, prevH/newH) so the element
+ *     visually stays at its old position/size (Invert).
+ *  3. Animate transform to identity over the spec duration (Play).
+ *
+ * Limitations:
+ *  - onLayout reports coords relative to the parent. If the parent itself moves, we will
+ *    see a position change but interpret it as our own movement — usually fine for items
+ *    inside a stable container.
+ *  - useNativeDriver is enabled (transform-only props), so the animation runs on the UI thread.
+ *  - First layout is treated as the baseline and is not animated.
+ */
+export declare function useChangeBoundsTransition(opts: ChangeBoundsTransitionOptions): ChangeBoundsTransitionResult;
+//# sourceMappingURL=useChangeBoundsTransition.d.ts.map

package/dist/hooks/useChangeBoundsTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChangeBoundsTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useChangeBoundsTransition.ts"],"names":[],"mappings":"AACA,OAAO,EAAoC,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAA0B,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2C9E,MAAM,WAAW,6BAA6B;IAC1C,gBAAgB,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAClD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,4BAA4B;IACzC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC;QAAE,UAAU,CAAC,EAAE,GAAG,CAAC;QAAC,UAAU,CAAC,EAAE,GAAG,CAAC;QAAC,MAAM,CAAC,EAAE,GAAG,CAAC;QAAC,MAAM,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACrF,4EAA4E;IAC5E,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,yBAAyB,CACrC,IAAI,EAAE,6BAA6B,GACpC,4BAA4B,CA0G9B"}