@hanzogui/animate-presence 8.3.0 → 8.3.2

package/dist/cjs/AnimatePresence.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatePresence = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_constant_1 = require("@hanzogui/use-constant");
+const use_force_update_1 = require("@hanzogui/use-force-update");
+const react_2 = require("react");
+const LayoutGroupContext_tsx_1 = require("./LayoutGroupContext.js");
+const PresenceChild_tsx_1 = require("./PresenceChild.js");
+const getChildKey = (child) => {
+    return (child.key ||
+        (() => {
+            // we can help a bit by falling back to hanzogui name or component name
+            const ct = child.type;
+            const defaultName = ct['displayName'] || ct['name'] || '';
+            if (ct && typeof ct === 'object' && 'staticConfig' in ct) {
+                // @ts-expect-error
+                return ct.staticConfig.componentName || defaultName;
+            }
+            return defaultName;
+        })());
+};
+function onlyElements(children) {
+    const filtered = [];
+    // We use forEach here instead of map as map mutates the component key by preprending `.$`
+    react_2.Children.forEach(children, (child) => {
+        if ((0, react_2.isValidElement)(child))
+            filtered.push(child);
+    });
+    return filtered;
+}
+const AnimatePresence = ({ children, enterVariant, exitVariant, enterExitVariant, initial = true, onExitComplete, exitBeforeEnter, mode, presenceAffectsLayout = true, custom, passThrough, }) => {
+    // Determine effective mode: mode prop takes precedence, then exitBeforeEnter for backwards compatibility
+    const effectiveMode = mode ?? (exitBeforeEnter ? 'wait' : 'sync');
+    /**
+     * Filter any children that aren't ReactElements. We can only track components
+     * between renders with a props.key.
+     * IMPORTANT: useMemo ensures reference stability for the comparison below
+     */
+    const presentChildren = (0, react_2.useMemo)(() => onlyElements(children), [children]);
+    /**
+     * Track the keys of the currently rendered children.
+     */
+    const presentKeys = presentChildren.map(getChildKey);
+    /**
+     * If `initial={false}` we only want to pass this to components in the first render.
+     */
+    const isInitialRender = (0, react_2.useRef)(true);
+    /**
+     * Freeze custom prop for exiting children so direction doesn't reverse mid-exit.
+     */
+    const frozenCustomRef = (0, react_2.useRef)(new Map());
+    /**
+     * A ref containing the currently present children. When all exit animations
+     * are complete, we use this to re-render with the latest children *committed*
+     * rather than the latest children *rendered*.
+     */
+    const pendingPresentChildren = (0, react_2.useRef)(presentChildren);
+    /**
+     * Track which exiting children have finished animating out.
+     */
+    const exitComplete = (0, use_constant_1.useConstant)(() => new Map());
+    /**
+     * Save children to render as React state. To ensure this component is concurrent-safe,
+     * we check for exiting children via an effect.
+     */
+    const [diffedChildren, setDiffedChildren] = (0, react_2.useState)(presentChildren);
+    const [renderedChildren, setRenderedChildren] = (0, react_2.useState)(presentChildren);
+    /**
+     * If we've been provided a forceRender function by the LayoutGroupContext,
+     * we can use it to force a re-render amongst all surrounding components once
+     * all components have finished animating out.
+     */
+    const forceRender = (0, react_2.useContext)(LayoutGroupContext_tsx_1.LayoutGroupContext).forceRender ?? (0, use_force_update_1.useForceUpdate)();
+    if (passThrough) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    }
+    // useInsertionEffect runs before ALL useLayoutEffects (including children's)
+    // this ensures pendingPresentChildren and exitComplete are set before
+    // animation drivers call sendExitComplete() in their layout effects
+    // (critical for immediate completions like animateOnly=[])
+    (0, react_1.useInsertionEffect)(() => {
+        isInitialRender.current = false;
+        pendingPresentChildren.current = presentChildren;
+        /**
+         * Update complete status of exiting children.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const key = getChildKey(renderedChildren[i]);
+            if (!presentKeys.includes(key)) {
+                if (exitComplete.get(key) !== true) {
+                    exitComplete.set(key, false);
+                }
+            }
+            else {
+                exitComplete.delete(key);
+                frozenCustomRef.current.delete(key);
+            }
+        }
+    }, [renderedChildren, presentKeys.length, presentKeys.join('-')]);
+    if (presentChildren !== diffedChildren) {
+        let nextChildren = [...presentChildren];
+        /**
+         * Loop through all the currently rendered components and decide which
+         * are exiting.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const child = renderedChildren[i];
+            const key = getChildKey(child);
+            if (!presentKeys.includes(key)) {
+                nextChildren.splice(i, 0, child);
+                // freeze custom at the moment of exit so direction doesn't reverse
+                if (!frozenCustomRef.current.has(key)) {
+                    frozenCustomRef.current.set(key, custom);
+                }
+            }
+        }
+        /**
+         * If we're in "wait" mode, and we have exiting children, we want to
+         * only render these until they've all exited.
+         */
+        const exitingChildren = renderedChildren.filter((child) => !presentKeys.includes(getChildKey(child)));
+        if (effectiveMode === 'wait' && exitingChildren.length) {
+            nextChildren = exitingChildren;
+        }
+        setRenderedChildren(onlyElements(nextChildren));
+        setDiffedChildren(presentChildren);
+        /**
+         * Early return to ensure once we've set state with the latest diffed
+         * children, we can immediately re-render.
+         */
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderedChildren.map((child) => {
+            const key = getChildKey(child);
+            const isPresent = presentChildren === renderedChildren || presentKeys.includes(key);
+            const onExit = () => {
+                if (exitComplete.has(key)) {
+                    exitComplete.set(key, true);
+                }
+                else {
+                    return;
+                }
+                let isEveryExitComplete = true;
+                exitComplete.forEach((isExitComplete) => {
+                    if (!isExitComplete)
+                        isEveryExitComplete = false;
+                });
+                if (isEveryExitComplete) {
+                    forceRender?.();
+                    setRenderedChildren(pendingPresentChildren.current);
+                    onExitComplete?.();
+                }
+            };
+            return ((0, jsx_runtime_1.jsx)(PresenceChild_tsx_1.PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial ? undefined : false, custom: isPresent ? custom : (frozenCustomRef.current.get(key) ?? custom), presenceAffectsLayout: presenceAffectsLayout, enterExitVariant: enterExitVariant, enterVariant: enterVariant, exitVariant: exitVariant, onExitComplete: isPresent ? undefined : onExit, children: child }, key));
+        }) }));
+};
+exports.AnimatePresence = AnimatePresence;
+exports.AnimatePresence.displayName = 'AnimatePresence';
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/cjs/AnimatePresence.js.map

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

package/dist/cjs/LayoutGroupContext.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutGroupContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.LayoutGroupContext = react_1.default.createContext({});
+//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/cjs/LayoutGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutGroupContext.js","sourceRoot":"","sources":["../../src/LayoutGroupContext.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAOZ,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAA0B,EAAE,CAAC,CAAA"}

package/dist/cjs/PresenceChild.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresenceChild = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_constant_1 = require("@hanzogui/use-constant");
+const use_presence_1 = require("@hanzogui/use-presence");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+// this memo seems to help PopoverContent from continuously re-rendering when open
+exports.PresenceChild = React.memo(({ children, initial, isPresent, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, custom, }) => {
+    const presenceChildren = (0, use_constant_1.useConstant)(newChildrenMap);
+    const id = (0, react_1.useId)() || '';
+    const context = React.useMemo(() => {
+        return {
+            id,
+            initial,
+            isPresent,
+            custom,
+            exitVariant,
+            enterVariant,
+            enterExitVariant,
+            onExitComplete: () => {
+                presenceChildren.set(id, true);
+                for (const isComplete of presenceChildren.values()) {
+                    if (!isComplete) {
+                        return; // can stop searching when any is incomplete
+                    }
+                }
+                onExitComplete?.();
+            },
+            register: () => {
+                presenceChildren.set(id, false);
+                return () => presenceChildren.delete(id);
+            },
+        };
+    }, 
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    // @ts-expect-error its ok
+    presenceAffectsLayout ? undefined : [isPresent, exitVariant, enterVariant]);
+    React.useMemo(() => {
+        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+    }, [isPresent]);
+    /**
+     * If there's no animated components to fire exit animations, we want to remove this
+     * component immediately.
+     */
+    React.useEffect(() => {
+        !isPresent && !presenceChildren.size && onExitComplete?.();
+    }, [isPresent]);
+    return (0, jsx_runtime_1.jsx)(use_presence_1.PresenceContext.Provider, { value: context, children: children });
+});
+function newChildrenMap() {
+    return new Map();
+}
+//# sourceMappingURL=PresenceChild.js.map

package/dist/cjs/PresenceChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceChild.js","sourceRoot":"","sources":["../../src/PresenceChild.tsx"],"names":[],"mappings":";;;;;AAAA,yDAAoD;AACpD,yDAAwD;AAExD,MAAY,KAAK,0CAAa;AAC9B,iCAA6B;AAgB7B,kFAAkF;AACrE,QAAA,aAAa,GAAG,KAAK,CAAC,IAAI,CACrC,CAAC,EACC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,MAAM,GACa,EAAE,EAAE;IACvB,MAAM,gBAAgB,GAAG,IAAA,0BAAW,EAAC,cAAc,CAAC,CAAA;IACpD,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,IAAI,EAAE,CAAA;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAyB,EAAE;QACzB,OAAO;YACL,EAAE;YACF,OAAO;YACP,SAAS;YACT,MAAM;YACN,WAAW;YACX,YAAY;YACZ,gBAAgB;YAChB,cAAc,EAAE,GAAG,EAAE;gBACnB,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;gBAC9B,KAAK,MAAM,UAAU,IAAI,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;oBACnD,IAAI,CAAC,UAAU,EAAE,CAAC;wBAChB,OAAM,CAAC,4CAA4C;oBACrD,CAAC;gBACH,CAAC;gBACD,cAAc,EAAE,EAAE,CAAA;YACpB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE;gBACb,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;gBAC/B,OAAO,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YAC1C,CAAC;SACF,CAAA;IACH,CAAC;IACD;;;;OAIG;IAEH,0BAA0B;IAC1B,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAC3E,CAAA;IAED,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjB,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IACxE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,CAAC,SAAS,IAAI,CAAC,gBAAgB,CAAC,IAAI,IAAI,cAAc,EAAE,EAAE,CAAA;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,uBAAC,8BAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAA4B,CAAA;AACxF,CAAC,CACF,CAAA;AAED,SAAS,cAAc;IACrB,OAAO,IAAI,GAAG,EAAE,CAAA;AAClB,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AnimatePresence.js"), exports);
+tslib_1.__exportStar(require("@hanzogui/use-presence"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+tslib_1.__exportStar(require("./PresenceChild.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,iEAAsC;AACtC,qDAA0B;AAC1B,6DAAmC"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/esm/AnimatePresence.js

@@ -0,0 +1,157 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useInsertionEffect } from 'react';
+import { useConstant } from '@hanzogui/use-constant';
+import { useForceUpdate } from '@hanzogui/use-force-update';
+import { Children, isValidElement, useContext, useMemo, useRef, useState } from 'react';
+import { LayoutGroupContext } from './LayoutGroupContext.js';
+import { PresenceChild } from './PresenceChild.js';
+const getChildKey = (child) => {
+    return (child.key ||
+        (() => {
+            // we can help a bit by falling back to hanzogui name or component name
+            const ct = child.type;
+            const defaultName = ct['displayName'] || ct['name'] || '';
+            if (ct && typeof ct === 'object' && 'staticConfig' in ct) {
+                // @ts-expect-error
+                return ct.staticConfig.componentName || defaultName;
+            }
+            return defaultName;
+        })());
+};
+function onlyElements(children) {
+    const filtered = [];
+    // We use forEach here instead of map as map mutates the component key by preprending `.$`
+    Children.forEach(children, (child) => {
+        if (isValidElement(child))
+            filtered.push(child);
+    });
+    return filtered;
+}
+export const AnimatePresence = ({ children, enterVariant, exitVariant, enterExitVariant, initial = true, onExitComplete, exitBeforeEnter, mode, presenceAffectsLayout = true, custom, passThrough, }) => {
+    // Determine effective mode: mode prop takes precedence, then exitBeforeEnter for backwards compatibility
+    const effectiveMode = mode ?? (exitBeforeEnter ? 'wait' : 'sync');
+    /**
+     * Filter any children that aren't ReactElements. We can only track components
+     * between renders with a props.key.
+     * IMPORTANT: useMemo ensures reference stability for the comparison below
+     */
+    const presentChildren = useMemo(() => onlyElements(children), [children]);
+    /**
+     * Track the keys of the currently rendered children.
+     */
+    const presentKeys = presentChildren.map(getChildKey);
+    /**
+     * If `initial={false}` we only want to pass this to components in the first render.
+     */
+    const isInitialRender = useRef(true);
+    /**
+     * Freeze custom prop for exiting children so direction doesn't reverse mid-exit.
+     */
+    const frozenCustomRef = useRef(new Map());
+    /**
+     * A ref containing the currently present children. When all exit animations
+     * are complete, we use this to re-render with the latest children *committed*
+     * rather than the latest children *rendered*.
+     */
+    const pendingPresentChildren = useRef(presentChildren);
+    /**
+     * Track which exiting children have finished animating out.
+     */
+    const exitComplete = useConstant(() => new Map());
+    /**
+     * Save children to render as React state. To ensure this component is concurrent-safe,
+     * we check for exiting children via an effect.
+     */
+    const [diffedChildren, setDiffedChildren] = useState(presentChildren);
+    const [renderedChildren, setRenderedChildren] = useState(presentChildren);
+    /**
+     * If we've been provided a forceRender function by the LayoutGroupContext,
+     * we can use it to force a re-render amongst all surrounding components once
+     * all components have finished animating out.
+     */
+    const forceRender = useContext(LayoutGroupContext).forceRender ?? useForceUpdate();
+    if (passThrough) {
+        return _jsx(_Fragment, { children: children });
+    }
+    // useInsertionEffect runs before ALL useLayoutEffects (including children's)
+    // this ensures pendingPresentChildren and exitComplete are set before
+    // animation drivers call sendExitComplete() in their layout effects
+    // (critical for immediate completions like animateOnly=[])
+    useInsertionEffect(() => {
+        isInitialRender.current = false;
+        pendingPresentChildren.current = presentChildren;
+        /**
+         * Update complete status of exiting children.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const key = getChildKey(renderedChildren[i]);
+            if (!presentKeys.includes(key)) {
+                if (exitComplete.get(key) !== true) {
+                    exitComplete.set(key, false);
+                }
+            }
+            else {
+                exitComplete.delete(key);
+                frozenCustomRef.current.delete(key);
+            }
+        }
+    }, [renderedChildren, presentKeys.length, presentKeys.join('-')]);
+    if (presentChildren !== diffedChildren) {
+        let nextChildren = [...presentChildren];
+        /**
+         * Loop through all the currently rendered components and decide which
+         * are exiting.
+         */
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const child = renderedChildren[i];
+            const key = getChildKey(child);
+            if (!presentKeys.includes(key)) {
+                nextChildren.splice(i, 0, child);
+                // freeze custom at the moment of exit so direction doesn't reverse
+                if (!frozenCustomRef.current.has(key)) {
+                    frozenCustomRef.current.set(key, custom);
+                }
+            }
+        }
+        /**
+         * If we're in "wait" mode, and we have exiting children, we want to
+         * only render these until they've all exited.
+         */
+        const exitingChildren = renderedChildren.filter((child) => !presentKeys.includes(getChildKey(child)));
+        if (effectiveMode === 'wait' && exitingChildren.length) {
+            nextChildren = exitingChildren;
+        }
+        setRenderedChildren(onlyElements(nextChildren));
+        setDiffedChildren(presentChildren);
+        /**
+         * Early return to ensure once we've set state with the latest diffed
+         * children, we can immediately re-render.
+         */
+        return null;
+    }
+    return (_jsx(_Fragment, { children: renderedChildren.map((child) => {
+            const key = getChildKey(child);
+            const isPresent = presentChildren === renderedChildren || presentKeys.includes(key);
+            const onExit = () => {
+                if (exitComplete.has(key)) {
+                    exitComplete.set(key, true);
+                }
+                else {
+                    return;
+                }
+                let isEveryExitComplete = true;
+                exitComplete.forEach((isExitComplete) => {
+                    if (!isExitComplete)
+                        isEveryExitComplete = false;
+                });
+                if (isEveryExitComplete) {
+                    forceRender?.();
+                    setRenderedChildren(pendingPresentChildren.current);
+                    onExitComplete?.();
+                }
+            };
+            return (_jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial ? undefined : false, custom: isPresent ? custom : (frozenCustomRef.current.get(key) ?? custom), presenceAffectsLayout: presenceAffectsLayout, enterExitVariant: enterExitVariant, enterVariant: enterVariant, exitVariant: exitVariant, onExitComplete: isPresent ? undefined : onExit, children: child }, key));
+        }) }));
+};
+AnimatePresence.displayName = 'AnimatePresence';
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/esm/AnimatePresence.js.map

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

package/dist/esm/LayoutGroupContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const LayoutGroupContext = React.createContext({});
+//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/esm/LayoutGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutGroupContext.js","sourceRoot":"","sources":["../../src/LayoutGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAA0B,EAAE,CAAC,CAAA"}

package/dist/esm/PresenceChild.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useConstant } from '@hanzogui/use-constant';
+import { PresenceContext } from '@hanzogui/use-presence';
+import * as React from 'react';
+import { useId } from 'react';
+// this memo seems to help PopoverContent from continuously re-rendering when open
+export const PresenceChild = React.memo(({ children, initial, isPresent, onExitComplete, exitVariant, enterVariant, enterExitVariant, presenceAffectsLayout, custom, }) => {
+    const presenceChildren = useConstant(newChildrenMap);
+    const id = useId() || '';
+    const context = React.useMemo(() => {
+        return {
+            id,
+            initial,
+            isPresent,
+            custom,
+            exitVariant,
+            enterVariant,
+            enterExitVariant,
+            onExitComplete: () => {
+                presenceChildren.set(id, true);
+                for (const isComplete of presenceChildren.values()) {
+                    if (!isComplete) {
+                        return; // can stop searching when any is incomplete
+                    }
+                }
+                onExitComplete?.();
+            },
+            register: () => {
+                presenceChildren.set(id, false);
+                return () => presenceChildren.delete(id);
+            },
+        };
+    }, 
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    // @ts-expect-error its ok
+    presenceAffectsLayout ? undefined : [isPresent, exitVariant, enterVariant]);
+    React.useMemo(() => {
+        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+    }, [isPresent]);
+    /**
+     * If there's no animated components to fire exit animations, we want to remove this
+     * component immediately.
+     */
+    React.useEffect(() => {
+        !isPresent && !presenceChildren.size && onExitComplete?.();
+    }, [isPresent]);
+    return _jsx(PresenceContext.Provider, { value: context, children: children });
+});
+function newChildrenMap() {
+    return new Map();
+}
+//# sourceMappingURL=PresenceChild.js.map

package/dist/esm/PresenceChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceChild.js","sourceRoot":"","sources":["../../src/PresenceChild.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAgB7B,kFAAkF;AAClF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CACrC,CAAC,EACC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,MAAM,GACa,EAAE,EAAE;IACvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,cAAc,CAAC,CAAA;IACpD,MAAM,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAyB,EAAE;QACzB,OAAO;YACL,EAAE;YACF,OAAO;YACP,SAAS;YACT,MAAM;YACN,WAAW;YACX,YAAY;YACZ,gBAAgB;YAChB,cAAc,EAAE,GAAG,EAAE;gBACnB,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;gBAC9B,KAAK,MAAM,UAAU,IAAI,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;oBACnD,IAAI,CAAC,UAAU,EAAE,CAAC;wBAChB,OAAM,CAAC,4CAA4C;oBACrD,CAAC;gBACH,CAAC;gBACD,cAAc,EAAE,EAAE,CAAA;YACpB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE;gBACb,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;gBAC/B,OAAO,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YAC1C,CAAC;SACF,CAAA;IACH,CAAC;IACD;;;;OAIG;IAEH,0BAA0B;IAC1B,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAC3E,CAAA;IAED,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjB,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IACxE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,CAAC,SAAS,IAAI,CAAC,gBAAgB,CAAC,IAAI,IAAI,cAAc,EAAE,EAAE,CAAA;IAC5D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAA4B,CAAA;AACxF,CAAC,CACF,CAAA;AAED,SAAS,cAAc;IACrB,OAAO,IAAI,GAAG,EAAE,CAAA;AAClB,CAAC"}

package/dist/esm/index.js

@@ -1,5 +1,5 @@
-export * from "./AnimatePresence.mjs";
-export * from "@hanzogui/use-presence";
-export * from "./types.mjs";
-export * from "./PresenceChild.mjs";
-//# sourceMappingURL=index.js.map
+export * from './AnimatePresence.js';
+export * from '@hanzogui/use-presence';
+export * from './types.js';
+export * from './PresenceChild.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAqB,CAAA"}

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/animate-presence",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "source": "src/index.ts",
@@ -11,44 +11,44 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/constants": "8.3.0",
-    "@hanzogui/helpers": "8.3.0",
-    "@hanzogui/use-constant": "8.3.0",
-    "@hanzogui/use-force-update": "8.3.0",
-    "@hanzogui/use-presence": "8.3.0",
-    "@hanzogui/web": "8.3.0"
+    "@hanzogui/constants": "8.3.2",
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/use-constant": "8.3.2",
+    "@hanzogui/use-force-update": "8.3.2",
+    "@hanzogui/use-presence": "8.3.2",
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react": ">=19"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "repository": {
     "type": "git",

package/src/AnimatePresence.tsx

@@ -3,9 +3,9 @@ import { useConstant } from '@hanzogui/use-constant'
 import { useForceUpdate } from '@hanzogui/use-force-update'
 import type { FunctionComponent, PropsWithChildren, ReactElement, ReactNode } from 'react'
 import { Children, isValidElement, useContext, useMemo, useRef, useState } from 'react'
-import { LayoutGroupContext } from './LayoutGroupContext'
-import { PresenceChild } from './PresenceChild'
-import type { AnimatePresenceProps } from './types'
+import { LayoutGroupContext } from './LayoutGroupContext.tsx'
+import { PresenceChild } from './PresenceChild.tsx'
+import type { AnimatePresenceProps } from './types.ts'
 
 type ComponentKey = string | number
 

package/src/PresenceChild.tsx

@@ -4,7 +4,7 @@ import type { PresenceContextProps } from '@hanzogui/web'
 import * as React from 'react'
 import { useId } from 'react'
 
-import type { VariantLabels } from './types'
+import type { VariantLabels } from './types.ts'
 
 interface PresenceChildProps {
   children: React.ReactElement<any>