@fluentui/react-motion 0.0.0-nightly-20240607-0405.1

package/lib-commonjs/factories/createPresenceComponent.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createPresenceComponent", {
+    enumerable: true,
+    get: function() {
+        return createPresenceComponent;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _PresenceGroupChildContext = require("../contexts/PresenceGroupChildContext");
+const _useIsReducedMotion = require("../hooks/useIsReducedMotion");
+const _useMotionImperativeRef = require("../hooks/useMotionImperativeRef");
+const _useMountedState = require("../hooks/useMountedState");
+const _animateAtoms = require("../utils/animateAtoms");
+const _getChildElement = require("../utils/getChildElement");
+function shouldSkipAnimation(appear, isFirstMount, visible) {
+    return !appear && isFirstMount && visible;
+}
+function createPresenceComponent(value) {
+    const Presence = (props)=>{
+        const itemContext = _react.useContext(_PresenceGroupChildContext.PresenceGroupChildContext);
+        const { appear, children, imperativeRef, onMotionFinish, visible, unmountOnExit } = {
+            ...itemContext,
+            ...props
+        };
+        const [mounted, setMounted] = (0, _useMountedState.useMountedState)(visible, unmountOnExit);
+        const child = (0, _getChildElement.getChildElement)(children);
+        const handleRef = (0, _useMotionImperativeRef.useMotionImperativeRef)(imperativeRef);
+        const elementRef = _react.useRef();
+        const ref = (0, _reactutilities.useMergedRefs)(elementRef, child.ref);
+        const optionsRef = _react.useRef({});
+        const isFirstMount = (0, _reactutilities.useFirstMount)();
+        const isReducedMotion = (0, _useIsReducedMotion.useIsReducedMotion)();
+        const onEnterFinish = (0, _reactutilities.useEventCallback)(()=>{
+            onMotionFinish === null || onMotionFinish === void 0 ? void 0 : onMotionFinish(null, {
+                direction: 'enter'
+            });
+        });
+        const onExitFinish = (0, _reactutilities.useEventCallback)(()=>{
+            onMotionFinish === null || onMotionFinish === void 0 ? void 0 : onMotionFinish(null, {
+                direction: 'exit'
+            });
+            if (unmountOnExit) {
+                setMounted(false);
+                itemContext === null || itemContext === void 0 ? void 0 : itemContext.onExit();
+            }
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            optionsRef.current = {
+                appear
+            };
+        });
+        (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+            const element = elementRef.current;
+            if (!element || shouldSkipAnimation(optionsRef.current.appear, isFirstMount, visible)) {
+                return;
+            }
+            const presenceMotion = typeof value === 'function' ? value({
+                element
+            }) : value;
+            const atoms = visible ? presenceMotion.enter : presenceMotion.exit;
+            const handle = (0, _animateAtoms.animateAtoms)(element, atoms, {
+                isReducedMotion: isReducedMotion()
+            });
+            if (!visible && isFirstMount) {
+                // Heads up!
+                // .finish() is used there to skip animation on first mount, but apply animation styles immediately
+                handle.finish();
+                return;
+            }
+            handleRef.current = handle;
+            handle.onfinish = visible ? onEnterFinish : onExitFinish;
+            return ()=>{
+                handle.cancel();
+            };
+        }, // eslint-disable-next-line react-hooks/exhaustive-deps
+        [
+            handleRef,
+            isReducedMotion,
+            onEnterFinish,
+            onExitFinish,
+            visible
+        ]);
+        if (mounted) {
+            return /*#__PURE__*/ _react.cloneElement(child, {
+                ref
+            });
+        }
+        return null;
+    };
+    return Presence;
+}

package/lib-commonjs/factories/createPresenceComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createPresenceComponent.js"],"sourcesContent":["import { useEventCallback, useFirstMount, useIsomorphicLayoutEffect, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { PresenceGroupChildContext } from '../contexts/PresenceGroupChildContext';\nimport { useIsReducedMotion } from '../hooks/useIsReducedMotion';\nimport { useMotionImperativeRef } from '../hooks/useMotionImperativeRef';\nimport { useMountedState } from '../hooks/useMountedState';\nimport { animateAtoms } from '../utils/animateAtoms';\nimport { getChildElement } from '../utils/getChildElement';\nfunction shouldSkipAnimation(appear, isFirstMount, visible) {\n    return !appear && isFirstMount && visible;\n}\nexport function createPresenceComponent(value) {\n    const Presence = (props)=>{\n        const itemContext = React.useContext(PresenceGroupChildContext);\n        const { appear, children, imperativeRef, onMotionFinish, visible, unmountOnExit } = {\n            ...itemContext,\n            ...props\n        };\n        const [mounted, setMounted] = useMountedState(visible, unmountOnExit);\n        const child = getChildElement(children);\n        const handleRef = useMotionImperativeRef(imperativeRef);\n        const elementRef = React.useRef();\n        const ref = useMergedRefs(elementRef, child.ref);\n        const optionsRef = React.useRef({});\n        const isFirstMount = useFirstMount();\n        const isReducedMotion = useIsReducedMotion();\n        const onEnterFinish = useEventCallback(()=>{\n            onMotionFinish === null || onMotionFinish === void 0 ? void 0 : onMotionFinish(null, {\n                direction: 'enter'\n            });\n        });\n        const onExitFinish = useEventCallback(()=>{\n            onMotionFinish === null || onMotionFinish === void 0 ? void 0 : onMotionFinish(null, {\n                direction: 'exit'\n            });\n            if (unmountOnExit) {\n                setMounted(false);\n                itemContext === null || itemContext === void 0 ? void 0 : itemContext.onExit();\n            }\n        });\n        useIsomorphicLayoutEffect(()=>{\n            optionsRef.current = {\n                appear\n            };\n        });\n        useIsomorphicLayoutEffect(()=>{\n            const element = elementRef.current;\n            if (!element || shouldSkipAnimation(optionsRef.current.appear, isFirstMount, visible)) {\n                return;\n            }\n            const presenceMotion = typeof value === 'function' ? value({\n                element\n            }) : value;\n            const atoms = visible ? presenceMotion.enter : presenceMotion.exit;\n            const handle = animateAtoms(element, atoms, {\n                isReducedMotion: isReducedMotion()\n            });\n            if (!visible && isFirstMount) {\n                // Heads up!\n                // .finish() is used there to skip animation on first mount, but apply animation styles immediately\n                handle.finish();\n                return;\n            }\n            handleRef.current = handle;\n            handle.onfinish = visible ? onEnterFinish : onExitFinish;\n            return ()=>{\n                handle.cancel();\n            };\n        }, // Excluding `isFirstMount` from deps to prevent re-triggering the animation on subsequent renders\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            handleRef,\n            isReducedMotion,\n            onEnterFinish,\n            onExitFinish,\n            visible\n        ]);\n        if (mounted) {\n            return React.cloneElement(child, {\n                ref\n            });\n        }\n        return null;\n    };\n    return Presence;\n}\n"],"names":["createPresenceComponent","shouldSkipAnimation","appear","isFirstMount","visible","value","Presence","props","itemContext","React","useContext","PresenceGroupChildContext","children","imperativeRef","onMotionFinish","unmountOnExit","mounted","setMounted","useMountedState","child","getChildElement","handleRef","useMotionImperativeRef","elementRef","useRef","ref","useMergedRefs","optionsRef","useFirstMount","isReducedMotion","useIsReducedMotion","onEnterFinish","useEventCallback","direction","onExitFinish","onExit","useIsomorphicLayoutEffect","current","element","presenceMotion","atoms","enter","exit","handle","animateAtoms","finish","onfinish","cancel","cloneElement"],"mappings":";;;;+BAWgBA;;;eAAAA;;;;gCAX0E;iEACnE;2CACmB;oCACP;wCACI;iCACP;8BACH;iCACG;AAChC,SAASC,oBAAoBC,MAAM,EAAEC,YAAY,EAAEC,OAAO;IACtD,OAAO,CAACF,UAAUC,gBAAgBC;AACtC;AACO,SAASJ,wBAAwBK,KAAK;IACzC,MAAMC,WAAW,CAACC;QACd,MAAMC,cAAcC,OAAMC,UAAU,CAACC,oDAAyB;QAC9D,MAAM,EAAET,MAAM,EAAEU,QAAQ,EAAEC,aAAa,EAAEC,cAAc,EAAEV,OAAO,EAAEW,aAAa,EAAE,GAAG;YAChF,GAAGP,WAAW;YACd,GAAGD,KAAK;QACZ;QACA,MAAM,CAACS,SAASC,WAAW,GAAGC,IAAAA,gCAAe,EAACd,SAASW;QACvD,MAAMI,QAAQC,IAAAA,gCAAe,EAACR;QAC9B,MAAMS,YAAYC,IAAAA,8CAAsB,EAACT;QACzC,MAAMU,aAAad,OAAMe,MAAM;QAC/B,MAAMC,MAAMC,IAAAA,6BAAa,EAACH,YAAYJ,MAAMM,GAAG;QAC/C,MAAME,aAAalB,OAAMe,MAAM,CAAC,CAAC;QACjC,MAAMrB,eAAeyB,IAAAA,6BAAa;QAClC,MAAMC,kBAAkBC,IAAAA,sCAAkB;QAC1C,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC;YACnClB,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe,MAAM;gBACjFmB,WAAW;YACf;QACJ;QACA,MAAMC,eAAeF,IAAAA,gCAAgB,EAAC;YAClClB,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe,MAAM;gBACjFmB,WAAW;YACf;YACA,IAAIlB,eAAe;gBACfE,WAAW;gBACXT,gBAAgB,QAAQA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAY2B,MAAM;YAChF;QACJ;QACAC,IAAAA,yCAAyB,EAAC;YACtBT,WAAWU,OAAO,GAAG;gBACjBnC;YACJ;QACJ;QACAkC,IAAAA,yCAAyB,EAAC;YACtB,MAAME,UAAUf,WAAWc,OAAO;YAClC,IAAI,CAACC,WAAWrC,oBAAoB0B,WAAWU,OAAO,CAACnC,MAAM,EAAEC,cAAcC,UAAU;gBACnF;YACJ;YACA,MAAMmC,iBAAiB,OAAOlC,UAAU,aAAaA,MAAM;gBACvDiC;YACJ,KAAKjC;YACL,MAAMmC,QAAQpC,UAAUmC,eAAeE,KAAK,GAAGF,eAAeG,IAAI;YAClE,MAAMC,SAASC,IAAAA,0BAAY,EAACN,SAASE,OAAO;gBACxCX,iBAAiBA;YACrB;YACA,IAAI,CAACzB,WAAWD,cAAc;gBAC1B,YAAY;gBACZ,mGAAmG;gBACnGwC,OAAOE,MAAM;gBACb;YACJ;YACAxB,UAAUgB,OAAO,GAAGM;YACpBA,OAAOG,QAAQ,GAAG1C,UAAU2B,gBAAgBG;YAC5C,OAAO;gBACHS,OAAOI,MAAM;YACjB;QACJ,GACA,uDAAuD;QACvD;YACI1B;YACAQ;YACAE;YACAG;YACA9B;SACH;QACD,IAAIY,SAAS;YACT,qBAAOP,OAAMuC,YAAY,CAAC7B,OAAO;gBAC7BM;YACJ;QACJ;QACA,OAAO;IACX;IACA,OAAOnB;AACX"}

package/lib-commonjs/hooks/useIsReducedMotion.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useIsReducedMotion", {
+    enumerable: true,
+    get: function() {
+        return useIsReducedMotion;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const REDUCED_MEDIA_QUERY = 'screen and (prefers-reduced-motion: reduce)';
+function useIsReducedMotion() {
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    var _targetDocument_defaultView;
+    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : null;
+    const queryValue = _react.useRef(false);
+    const isEnabled = _react.useCallback(()=>queryValue.current, []);
+    _react.useEffect(()=>{
+        if (targetWindow === null || typeof targetWindow.matchMedia !== 'function') {
+            return;
+        }
+        const queryMatch = targetWindow.matchMedia(REDUCED_MEDIA_QUERY);
+        if (queryMatch.matches) {
+            queryValue.current = true;
+        }
+        const matchListener = (e)=>{
+            queryValue.current = e.matches;
+        };
+        queryMatch.addEventListener('change', matchListener);
+        return ()=>{
+            queryMatch.removeEventListener('change', matchListener);
+        };
+    }, [
+        targetWindow
+    ]);
+    return isEnabled;
+}

package/lib-commonjs/hooks/useIsReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useIsReducedMotion.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nconst REDUCED_MEDIA_QUERY = 'screen and (prefers-reduced-motion: reduce)';\n// TODO: find a better approach there as each hook creates a separate subscription\nexport function useIsReducedMotion() {\n    const { targetDocument } = useFluent();\n    var _targetDocument_defaultView;\n    const targetWindow = (_targetDocument_defaultView = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) !== null && _targetDocument_defaultView !== void 0 ? _targetDocument_defaultView : null;\n    const queryValue = React.useRef(false);\n    const isEnabled = React.useCallback(()=>queryValue.current, []);\n    React.useEffect(()=>{\n        if (targetWindow === null || typeof targetWindow.matchMedia !== 'function') {\n            return;\n        }\n        const queryMatch = targetWindow.matchMedia(REDUCED_MEDIA_QUERY);\n        if (queryMatch.matches) {\n            queryValue.current = true;\n        }\n        const matchListener = (e)=>{\n            queryValue.current = e.matches;\n        };\n        queryMatch.addEventListener('change', matchListener);\n        return ()=>{\n            queryMatch.removeEventListener('change', matchListener);\n        };\n    }, [\n        targetWindow\n    ]);\n    return isEnabled;\n}\n"],"names":["useIsReducedMotion","REDUCED_MEDIA_QUERY","targetDocument","useFluent","_targetDocument_defaultView","targetWindow","defaultView","queryValue","React","useRef","isEnabled","useCallback","current","useEffect","matchMedia","queryMatch","matches","matchListener","e","addEventListener","removeEventListener"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;qCACyB;AAChD,MAAMC,sBAAsB;AAErB,SAASD;IACZ,MAAM,EAAEE,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,IAAIC;IACJ,MAAMC,eAAe,AAACD,CAAAA,8BAA8BF,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeI,WAAW,AAAD,MAAO,QAAQF,gCAAgC,KAAK,IAAIA,8BAA8B;IACnO,MAAMG,aAAaC,OAAMC,MAAM,CAAC;IAChC,MAAMC,YAAYF,OAAMG,WAAW,CAAC,IAAIJ,WAAWK,OAAO,EAAE,EAAE;IAC9DJ,OAAMK,SAAS,CAAC;QACZ,IAAIR,iBAAiB,QAAQ,OAAOA,aAAaS,UAAU,KAAK,YAAY;YACxE;QACJ;QACA,MAAMC,aAAaV,aAAaS,UAAU,CAACb;QAC3C,IAAIc,WAAWC,OAAO,EAAE;YACpBT,WAAWK,OAAO,GAAG;QACzB;QACA,MAAMK,gBAAgB,CAACC;YACnBX,WAAWK,OAAO,GAAGM,EAAEF,OAAO;QAClC;QACAD,WAAWI,gBAAgB,CAAC,UAAUF;QACtC,OAAO;YACHF,WAAWK,mBAAmB,CAAC,UAAUH;QAC7C;IACJ,GAAG;QACCZ;KACH;IACD,OAAOK;AACX"}

package/lib-commonjs/hooks/useMotionImperativeRef.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMotionImperativeRef", {
+    enumerable: true,
+    get: function() {
+        return useMotionImperativeRef;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useMotionImperativeRef(imperativeRef) {
+    const animationRef = _react.useRef();
+    _react.useImperativeHandle(imperativeRef, ()=>({
+            setPlayState: (state)=>{
+                if (state === 'running') {
+                    var _animationRef_current;
+                    (_animationRef_current = animationRef.current) === null || _animationRef_current === void 0 ? void 0 : _animationRef_current.play();
+                }
+                if (state === 'paused') {
+                    var _animationRef_current1;
+                    (_animationRef_current1 = animationRef.current) === null || _animationRef_current1 === void 0 ? void 0 : _animationRef_current1.pause();
+                }
+            },
+            setPlaybackRate: (rate)=>{
+                if (animationRef.current) {
+                    animationRef.current.playbackRate = rate;
+                }
+            }
+        }));
+    return animationRef;
+}

package/lib-commonjs/hooks/useMotionImperativeRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMotionImperativeRef.js"],"sourcesContent":["import * as React from 'react';\nexport function useMotionImperativeRef(imperativeRef) {\n    const animationRef = React.useRef();\n    React.useImperativeHandle(imperativeRef, ()=>({\n            setPlayState: (state)=>{\n                if (state === 'running') {\n                    var _animationRef_current;\n                    (_animationRef_current = animationRef.current) === null || _animationRef_current === void 0 ? void 0 : _animationRef_current.play();\n                }\n                if (state === 'paused') {\n                    var _animationRef_current1;\n                    (_animationRef_current1 = animationRef.current) === null || _animationRef_current1 === void 0 ? void 0 : _animationRef_current1.pause();\n                }\n            },\n            setPlaybackRate: (rate)=>{\n                if (animationRef.current) {\n                    animationRef.current.playbackRate = rate;\n                }\n            }\n        }));\n    return animationRef;\n}\n"],"names":["useMotionImperativeRef","imperativeRef","animationRef","React","useRef","useImperativeHandle","setPlayState","state","_animationRef_current","current","play","_animationRef_current1","pause","setPlaybackRate","rate","playbackRate"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,uBAAuBC,aAAa;IAChD,MAAMC,eAAeC,OAAMC,MAAM;IACjCD,OAAME,mBAAmB,CAACJ,eAAe,IAAK,CAAA;YACtCK,cAAc,CAACC;gBACX,IAAIA,UAAU,WAAW;oBACrB,IAAIC;oBACHA,CAAAA,wBAAwBN,aAAaO,OAAO,AAAD,MAAO,QAAQD,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBE,IAAI;gBACrI;gBACA,IAAIH,UAAU,UAAU;oBACpB,IAAII;oBACHA,CAAAA,yBAAyBT,aAAaO,OAAO,AAAD,MAAO,QAAQE,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBC,KAAK;gBACzI;YACJ;YACAC,iBAAiB,CAACC;gBACd,IAAIZ,aAAaO,OAAO,EAAE;oBACtBP,aAAaO,OAAO,CAACM,YAAY,GAAGD;gBACxC;YACJ;QACJ,CAAA;IACJ,OAAOZ;AACX"}

package/lib-commonjs/hooks/useMountedState.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMountedState", {
+    enumerable: true,
+    get: function() {
+        return useMountedState;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useMountedState(visible = false, unmountOnExit = false) {
+    const mountedRef = _react.useRef(unmountOnExit ? visible : true);
+    const forceUpdate = (0, _reactutilities.useForceUpdate)();
+    const setMounted = _react.useCallback((newValue)=>{
+        if (mountedRef.current !== newValue) {
+            mountedRef.current = newValue;
+            forceUpdate();
+        }
+    }, [
+        forceUpdate
+    ]);
+    _react.useEffect(()=>{
+        if (visible) {
+            mountedRef.current = visible;
+        }
+    });
+    return [
+        visible || mountedRef.current,
+        setMounted
+    ];
+}

package/lib-commonjs/hooks/useMountedState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMountedState.js"],"sourcesContent":["import { useForceUpdate } from '@fluentui/react-utilities';\nimport * as React from 'react';\n/**\n * This hook manages the mounted state of a component, based on the \"visible\" and \"unmountOnExit\" props.\n * It simulates the behavior of getDerivedStateFromProps(), which is not available in functional components.\n */ export function useMountedState(visible = false, unmountOnExit = false) {\n    const mountedRef = React.useRef(unmountOnExit ? visible : true);\n    const forceUpdate = useForceUpdate();\n    const setMounted = React.useCallback((newValue)=>{\n        if (mountedRef.current !== newValue) {\n            mountedRef.current = newValue;\n            forceUpdate();\n        }\n    }, [\n        forceUpdate\n    ]);\n    React.useEffect(()=>{\n        if (visible) {\n            mountedRef.current = visible;\n        }\n    });\n    return [\n        visible || mountedRef.current,\n        setMounted\n    ];\n}\n"],"names":["useMountedState","visible","unmountOnExit","mountedRef","React","useRef","forceUpdate","useForceUpdate","setMounted","useCallback","newValue","current","useEffect"],"mappings":";;;;+BAKoBA;;;eAAAA;;;;gCALW;iEACR;AAIZ,SAASA,gBAAgBC,UAAU,KAAK,EAAEC,gBAAgB,KAAK;IACtE,MAAMC,aAAaC,OAAMC,MAAM,CAACH,gBAAgBD,UAAU;IAC1D,MAAMK,cAAcC,IAAAA,8BAAc;IAClC,MAAMC,aAAaJ,OAAMK,WAAW,CAAC,CAACC;QAClC,IAAIP,WAAWQ,OAAO,KAAKD,UAAU;YACjCP,WAAWQ,OAAO,GAAGD;YACrBJ;QACJ;IACJ,GAAG;QACCA;KACH;IACDF,OAAMQ,SAAS,CAAC;QACZ,IAAIX,SAAS;YACTE,WAAWQ,OAAO,GAAGV;QACzB;IACJ;IACA,OAAO;QACHA,WAAWE,WAAWQ,OAAO;QAC7BH;KACH;AACL"}

package/lib-commonjs/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    motionTokens: function() {
+        return _motionTokens.motionTokens;
+    },
+    durations: function() {
+        return _motionTokens.durations;
+    },
+    curves: function() {
+        return _motionTokens.curves;
+    },
+    createMotionComponent: function() {
+        return _createMotionComponent.createMotionComponent;
+    },
+    createPresenceComponent: function() {
+        return _createPresenceComponent.createPresenceComponent;
+    },
+    PresenceGroup: function() {
+        return _PresenceGroup.PresenceGroup;
+    }
+});
+const _motionTokens = require("./motions/motionTokens");
+const _createMotionComponent = require("./factories/createMotionComponent");
+const _createPresenceComponent = require("./factories/createPresenceComponent");
+const _PresenceGroup = require("./components/PresenceGroup");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export { motionTokens, durations, curves } from './motions/motionTokens';\nexport { createMotionComponent } from './factories/createMotionComponent';\nexport { createPresenceComponent } from './factories/createPresenceComponent';\nexport { PresenceGroup } from './components/PresenceGroup';\n"],"names":["motionTokens","durations","curves","createMotionComponent","createPresenceComponent","PresenceGroup"],"mappings":";;;;;;;;;;;IAASA,YAAY;eAAZA,0BAAY;;IAAEC,SAAS;eAATA,uBAAS;;IAAEC,MAAM;eAANA,oBAAM;;IAC/BC,qBAAqB;eAArBA,4CAAqB;;IACrBC,uBAAuB;eAAvBA,gDAAuB;;IACvBC,aAAa;eAAbA,4BAAa;;;8BAH0B;uCACV;yCACE;+BACV"}

package/lib-commonjs/motions/motionTokens.js

@@ -0,0 +1,58 @@
+// Copied from packages/tokens/src/global/durations.ts
+// Values are numeric in milliseconds for ease of use in Web Animations API
+// (rather than parsing '__ms')
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    durations: function() {
+        return durations;
+    },
+    curves: function() {
+        return curves;
+    },
+    motionTokens: function() {
+        return motionTokens;
+    }
+});
+const durations = {
+    durationUltraFast: 50,
+    durationFaster: 100,
+    durationFast: 150,
+    durationNormal: 200,
+    durationGentle: 250,
+    durationSlow: 300,
+    durationSlower: 400,
+    durationUltraSlow: 500
+};
+const curves = {
+    curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',
+    curveAccelerateMid: 'cubic-bezier(1,0,1,1)',
+    curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',
+    curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',
+    curveDecelerateMid: 'cubic-bezier(0,0,0,1)',
+    curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
+    curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',
+    curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
+    curveLinear: 'cubic-bezier(0,0,1,1)'
+};
+const motionTokens = {
+    ...durations,
+    ...curves
+}; /*
+TODO: enforce naming conventions when TypeScript 4.4 features are supported in Fluent:
+
+type DurationKey = `duration${Capitalize<string>}`;
+type CurveKey = `curve${Capitalize<string>}`;
+type CurveValue = `cubic-bezier(${number},${number},${number},${number})`;
+
+type DurationTokens = Record<DurationKey, number>;
+type CurveTokens = Record<CurveKey, CurveValue>;
+*/ 

package/lib-commonjs/motions/motionTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["motionTokens.js"],"sourcesContent":["// Copied from packages/tokens/src/global/durations.ts\n// Values are numeric in milliseconds for ease of use in Web Animations API\n// (rather than parsing '__ms')\nexport const durations = {\n    durationUltraFast: 50,\n    durationFaster: 100,\n    durationFast: 150,\n    durationNormal: 200,\n    durationGentle: 250,\n    durationSlow: 300,\n    durationSlower: 400,\n    durationUltraSlow: 500\n};\n// Copied from packages/tokens/src/global/curves.ts\n// Names and values are preserved exactly\nexport const curves = {\n    curveAccelerateMax: 'cubic-bezier(0.9,0.1,1,0.2)',\n    curveAccelerateMid: 'cubic-bezier(1,0,1,1)',\n    curveAccelerateMin: 'cubic-bezier(0.8,0,0.78,1)',\n    curveDecelerateMax: 'cubic-bezier(0.1,0.9,0.2,1)',\n    curveDecelerateMid: 'cubic-bezier(0,0,0,1)',\n    curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n    curveEasyEaseMax: 'cubic-bezier(0.8,0,0.2,1)',\n    curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n    curveLinear: 'cubic-bezier(0,0,1,1)'\n};\n// A merged flat lookup for convenience\nexport const motionTokens = {\n    ...durations,\n    ...curves\n}; /*\nTODO: enforce naming conventions when TypeScript 4.4 features are supported in Fluent:\n\ntype DurationKey = `duration${Capitalize<string>}`;\ntype CurveKey = `curve${Capitalize<string>}`;\ntype CurveValue = `cubic-bezier(${number},${number},${number},${number})`;\n\ntype DurationTokens = Record<DurationKey, number>;\ntype CurveTokens = Record<CurveKey, CurveValue>;\n*/ \n"],"names":["durations","curves","motionTokens","durationUltraFast","durationFaster","durationFast","durationNormal","durationGentle","durationSlow","durationSlower","durationUltraSlow","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"mappings":"AAAA,sDAAsD;AACtD,2EAA2E;AAC3E,+BAA+B;;;;;;;;;;;;IAClBA,SAAS;eAATA;;IAYAC,MAAM;eAANA;;IAYAC,YAAY;eAAZA;;;AAxBN,MAAMF,YAAY;IACrBG,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACvB;AAGO,MAAMT,SAAS;IAClBU,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,aAAa;AACjB;AAEO,MAAMjB,eAAe;IACxB,GAAGF,SAAS;IACZ,GAAGC,MAAM;AACb,GAAG;;;;;;;;;AASH"}

package/lib-commonjs/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/utils/animateAtoms.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "animateAtoms", {
+    enumerable: true,
+    get: function() {
+        return animateAtoms;
+    }
+});
+function animateAtoms(element, value, options) {
+    // Heads up!
+    // Jest uses jsdom as the default environment, which doesn't support the Web Animations API. The same is true for
+    // older browsers that are out of browser support matrix. In these cases, the animation will be a no-op.
+    const SUPPORTS_WEB_ANIMATIONS = typeof element.animate === 'function';
+    const atoms = Array.isArray(value) ? value : [
+        value
+    ];
+    const { isReducedMotion } = options;
+    const animations = SUPPORTS_WEB_ANIMATIONS ? atoms.map((motion)=>{
+        const { keyframes, ...params } = motion;
+        const animation = element.animate(keyframes, {
+            fill: 'forwards',
+            ...params,
+            ...isReducedMotion && {
+                duration: 1
+            }
+        });
+        animation.persist();
+        return animation;
+    }) : [];
+    return {
+        set playbackRate (rate){
+            animations.forEach((animation)=>{
+                animation.playbackRate = rate;
+            });
+        },
+        set onfinish (callback){
+            // Heads up!
+            // Jest uses jsdom as the default environment, which doesn't support the Web Animations API. This no-op is
+            // necessary to avoid errors in tests.
+            //
+            // See https://github.com/microsoft/fluentui/issues/31593
+            // See https://github.com/jsdom/jsdom/issues/3429
+            if (process.env.NODE_ENV === 'test') {
+                if (animations.length === 0) {
+                    callback();
+                    return;
+                }
+            }
+            Promise.all(animations.map((animation)=>animation.finished)).then(()=>{
+                callback();
+            }).catch((err)=>{
+                var _element_ownerDocument_defaultView;
+                const DOMException = (_element_ownerDocument_defaultView = element.ownerDocument.defaultView) === null || _element_ownerDocument_defaultView === void 0 ? void 0 : _element_ownerDocument_defaultView.DOMException;
+                // Ignores "DOMException: The user aborted a request" that appears if animations are cancelled
+                if (DOMException && err instanceof DOMException) {
+                    return;
+                }
+                throw err;
+            });
+        },
+        cancel: ()=>{
+            animations.forEach((animation)=>{
+                animation.cancel();
+            });
+        },
+        pause: ()=>{
+            animations.forEach((animation)=>{
+                animation.pause();
+            });
+        },
+        play: ()=>{
+            animations.forEach((animation)=>{
+                animation.play();
+            });
+        },
+        finish: ()=>{
+            animations.forEach((animation)=>{
+                animation.finish();
+            });
+        }
+    };
+}

package/lib-commonjs/utils/animateAtoms.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["animateAtoms.js"],"sourcesContent":["export function animateAtoms(element, value, options) {\n    // Heads up!\n    // Jest uses jsdom as the default environment, which doesn't support the Web Animations API. The same is true for\n    // older browsers that are out of browser support matrix. In these cases, the animation will be a no-op.\n    const SUPPORTS_WEB_ANIMATIONS = typeof element.animate === 'function';\n    const atoms = Array.isArray(value) ? value : [\n        value\n    ];\n    const { isReducedMotion } = options;\n    const animations = SUPPORTS_WEB_ANIMATIONS ? atoms.map((motion)=>{\n        const { keyframes, ...params } = motion;\n        const animation = element.animate(keyframes, {\n            fill: 'forwards',\n            ...params,\n            ...isReducedMotion && {\n                duration: 1\n            }\n        });\n        animation.persist();\n        return animation;\n    }) : [];\n    return {\n        set playbackRate (rate){\n            animations.forEach((animation)=>{\n                animation.playbackRate = rate;\n            });\n        },\n        set onfinish (callback){\n            // Heads up!\n            // Jest uses jsdom as the default environment, which doesn't support the Web Animations API. This no-op is\n            // necessary to avoid errors in tests.\n            //\n            // See https://github.com/microsoft/fluentui/issues/31593\n            // See https://github.com/jsdom/jsdom/issues/3429\n            if (process.env.NODE_ENV === 'test') {\n                if (animations.length === 0) {\n                    callback();\n                    return;\n                }\n            }\n            Promise.all(animations.map((animation)=>animation.finished)).then(()=>{\n                callback();\n            }).catch((err)=>{\n                var _element_ownerDocument_defaultView;\n                const DOMException = (_element_ownerDocument_defaultView = element.ownerDocument.defaultView) === null || _element_ownerDocument_defaultView === void 0 ? void 0 : _element_ownerDocument_defaultView.DOMException;\n                // Ignores \"DOMException: The user aborted a request\" that appears if animations are cancelled\n                if (DOMException && err instanceof DOMException) {\n                    return;\n                }\n                throw err;\n            });\n        },\n        cancel: ()=>{\n            animations.forEach((animation)=>{\n                animation.cancel();\n            });\n        },\n        pause: ()=>{\n            animations.forEach((animation)=>{\n                animation.pause();\n            });\n        },\n        play: ()=>{\n            animations.forEach((animation)=>{\n                animation.play();\n            });\n        },\n        finish: ()=>{\n            animations.forEach((animation)=>{\n                animation.finish();\n            });\n        }\n    };\n}\n"],"names":["animateAtoms","element","value","options","SUPPORTS_WEB_ANIMATIONS","animate","atoms","Array","isArray","isReducedMotion","animations","map","motion","keyframes","params","animation","fill","duration","persist","playbackRate","rate","forEach","onfinish","callback","process","env","NODE_ENV","length","Promise","all","finished","then","catch","err","_element_ownerDocument_defaultView","DOMException","ownerDocument","defaultView","cancel","pause","play","finish"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,aAAaC,OAAO,EAAEC,KAAK,EAAEC,OAAO;IAChD,YAAY;IACZ,iHAAiH;IACjH,wGAAwG;IACxG,MAAMC,0BAA0B,OAAOH,QAAQI,OAAO,KAAK;IAC3D,MAAMC,QAAQC,MAAMC,OAAO,CAACN,SAASA,QAAQ;QACzCA;KACH;IACD,MAAM,EAAEO,eAAe,EAAE,GAAGN;IAC5B,MAAMO,aAAaN,0BAA0BE,MAAMK,GAAG,CAAC,CAACC;QACpD,MAAM,EAAEC,SAAS,EAAE,GAAGC,QAAQ,GAAGF;QACjC,MAAMG,YAAYd,QAAQI,OAAO,CAACQ,WAAW;YACzCG,MAAM;YACN,GAAGF,MAAM;YACT,GAAGL,mBAAmB;gBAClBQ,UAAU;YACd,CAAC;QACL;QACAF,UAAUG,OAAO;QACjB,OAAOH;IACX,KAAK,EAAE;IACP,OAAO;QACH,IAAII,cAAcC,KAAK;YACnBV,WAAWW,OAAO,CAAC,CAACN;gBAChBA,UAAUI,YAAY,GAAGC;YAC7B;QACJ;QACA,IAAIE,UAAUC,SAAS;YACnB,YAAY;YACZ,0GAA0G;YAC1G,sCAAsC;YACtC,EAAE;YACF,yDAAyD;YACzD,iDAAiD;YACjD,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,QAAQ;gBACjC,IAAIhB,WAAWiB,MAAM,KAAK,GAAG;oBACzBJ;oBACA;gBACJ;YACJ;YACAK,QAAQC,GAAG,CAACnB,WAAWC,GAAG,CAAC,CAACI,YAAYA,UAAUe,QAAQ,GAAGC,IAAI,CAAC;gBAC9DR;YACJ,GAAGS,KAAK,CAAC,CAACC;gBACN,IAAIC;gBACJ,MAAMC,eAAe,AAACD,CAAAA,qCAAqCjC,QAAQmC,aAAa,CAACC,WAAW,AAAD,MAAO,QAAQH,uCAAuC,KAAK,IAAI,KAAK,IAAIA,mCAAmCC,YAAY;gBAClN,8FAA8F;gBAC9F,IAAIA,gBAAgBF,eAAeE,cAAc;oBAC7C;gBACJ;gBACA,MAAMF;YACV;QACJ;QACAK,QAAQ;YACJ5B,WAAWW,OAAO,CAAC,CAACN;gBAChBA,UAAUuB,MAAM;YACpB;QACJ;QACAC,OAAO;YACH7B,WAAWW,OAAO,CAAC,CAACN;gBAChBA,UAAUwB,KAAK;YACnB;QACJ;QACAC,MAAM;YACF9B,WAAWW,OAAO,CAAC,CAACN;gBAChBA,UAAUyB,IAAI;YAClB;QACJ;QACAC,QAAQ;YACJ/B,WAAWW,OAAO,CAAC,CAACN;gBAChBA,UAAU0B,MAAM;YACpB;QACJ;IACJ;AACJ"}

package/lib-commonjs/utils/getChildElement.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getChildElement", {
+    enumerable: true,
+    get: function() {
+        return getChildElement;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactis = /*#__PURE__*/ _interop_require_wildcard._(require("react-is"));
+function getChildElement(children) {
+    try {
+        const child = _react.Children.only(children);
+        if (typeof child.type === 'string' || _reactis.isForwardRef(child)) {
+            return child;
+        }
+    // We don't need to do anything here: we catch the exception from React to throw a more meaningful error
+    // eslint-disable-next-line no-empty
+    } catch  {}
+    throw new Error([
+        '@fluentui/react-motion: Invalid child element.',
+        '\n',
+        'Motion factories require a single child element to be passed. ',
+        'That element element should support ref forwarding i.e. it should be either an intrinsic element (e.g. div) or a component that uses React.forwardRef().'
+    ].join(''));
+}

package/lib-commonjs/utils/getChildElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getChildElement.js"],"sourcesContent":["import * as React from 'react';\nimport * as ReactIs from 'react-is';\nexport function getChildElement(children) {\n    try {\n        const child = React.Children.only(children);\n        if (typeof child.type === 'string' || ReactIs.isForwardRef(child)) {\n            return child;\n        }\n    // We don't need to do anything here: we catch the exception from React to throw a more meaningful error\n    // eslint-disable-next-line no-empty\n    } catch  {}\n    throw new Error([\n        '@fluentui/react-motion: Invalid child element.',\n        '\\n',\n        'Motion factories require a single child element to be passed. ',\n        'That element element should support ref forwarding i.e. it should be either an intrinsic element (e.g. div) or a component that uses React.forwardRef().'\n    ].join(''));\n}\n"],"names":["getChildElement","children","child","React","Children","only","type","ReactIs","isForwardRef","Error","join"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;mEACE;AAClB,SAASA,gBAAgBC,QAAQ;IACpC,IAAI;QACA,MAAMC,QAAQC,OAAMC,QAAQ,CAACC,IAAI,CAACJ;QAClC,IAAI,OAAOC,MAAMI,IAAI,KAAK,YAAYC,SAAQC,YAAY,CAACN,QAAQ;YAC/D,OAAOA;QACX;IACJ,wGAAwG;IACxG,oCAAoC;IACpC,EAAE,OAAO,CAAC;IACV,MAAM,IAAIO,MAAM;QACZ;QACA;QACA;QACA;KACH,CAACC,IAAI,CAAC;AACX"}

package/lib-commonjs/utils/groups/getChildMapping.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getChildMapping", {
+    enumerable: true,
+    get: function() {
+        return getChildMapping;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function getChildMapping(children) {
+    const childMapping = {};
+    if (children) {
+        _react.Children.toArray(children).forEach((child)=>{
+            if (/*#__PURE__*/ _react.isValidElement(child)) {
+                var _child_key;
+                childMapping[(_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : ''] = {
+                    appear: false,
+                    element: child,
+                    visible: true,
+                    unmountOnExit: true
+                };
+            }
+        });
+    }
+    return childMapping;
+}

package/lib-commonjs/utils/groups/getChildMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getChildMapping.js"],"sourcesContent":["import * as React from 'react';\n/**\n * Given `children`, return an object mapping key to child.\n */ export function getChildMapping(children) {\n    const childMapping = {};\n    if (children) {\n        React.Children.toArray(children).forEach((child)=>{\n            if (React.isValidElement(child)) {\n                var _child_key;\n                childMapping[(_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : ''] = {\n                    appear: false,\n                    element: child,\n                    visible: true,\n                    unmountOnExit: true\n                };\n            }\n        });\n    }\n    return childMapping;\n}\n"],"names":["getChildMapping","children","childMapping","React","Children","toArray","forEach","child","isValidElement","_child_key","key","appear","element","visible","unmountOnExit"],"mappings":";;;;+BAGoBA;;;eAAAA;;;;iEAHG;AAGZ,SAASA,gBAAgBC,QAAQ;IACxC,MAAMC,eAAe,CAAC;IACtB,IAAID,UAAU;QACVE,OAAMC,QAAQ,CAACC,OAAO,CAACJ,UAAUK,OAAO,CAAC,CAACC;YACtC,kBAAIJ,OAAMK,cAAc,CAACD,QAAQ;gBAC7B,IAAIE;gBACJP,YAAY,CAAC,AAACO,CAAAA,aAAaF,MAAMG,GAAG,AAAD,MAAO,QAAQD,eAAe,KAAK,IAAIA,aAAa,GAAG,GAAG;oBACzFE,QAAQ;oBACRC,SAASL;oBACTM,SAAS;oBACTC,eAAe;gBACnB;YACJ;QACJ;IACJ;IACA,OAAOZ;AACX"}

package/lib-commonjs/utils/groups/getNextChildMapping.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getNextChildMapping", {
+    enumerable: true,
+    get: function() {
+        return getNextChildMapping;
+    }
+});
+const _mergeChildMappings = require("./mergeChildMappings");
+function getNextChildMapping(prevChildMapping, nextChildMapping) {
+    const childrenMapping = (0, _mergeChildMappings.mergeChildMappings)(prevChildMapping, nextChildMapping);
+    Object.entries(childrenMapping).forEach(([key, childDefinition])=>{
+        const hasPrev = key in prevChildMapping;
+        const hasNext = key in nextChildMapping;
+        if (hasNext) {
+            // Case 1: item hasn't changed transition states
+            if (hasPrev) {
+                childrenMapping[key] = {
+                    ...childDefinition
+                };
+                return;
+            }
+            // Case 2: item is new (entering)
+            childrenMapping[key] = {
+                ...childDefinition,
+                appear: true,
+                visible: true
+            };
+            return;
+        }
+        // Case 3: item is leaving
+        childrenMapping[key] = {
+            ...childDefinition,
+            visible: false
+        };
+    });
+    return childrenMapping;
+}

package/lib-commonjs/utils/groups/getNextChildMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getNextChildMapping.js"],"sourcesContent":["import { mergeChildMappings } from './mergeChildMappings';\nexport function getNextChildMapping(prevChildMapping, nextChildMapping) {\n    const childrenMapping = mergeChildMappings(prevChildMapping, nextChildMapping);\n    Object.entries(childrenMapping).forEach(([key, childDefinition])=>{\n        const hasPrev = key in prevChildMapping;\n        const hasNext = key in nextChildMapping;\n        if (hasNext) {\n            // Case 1: item hasn't changed transition states\n            if (hasPrev) {\n                childrenMapping[key] = {\n                    ...childDefinition\n                };\n                return;\n            }\n            // Case 2: item is new (entering)\n            childrenMapping[key] = {\n                ...childDefinition,\n                appear: true,\n                visible: true\n            };\n            return;\n        }\n        // Case 3: item is leaving\n        childrenMapping[key] = {\n            ...childDefinition,\n            visible: false\n        };\n    });\n    return childrenMapping;\n}\n"],"names":["getNextChildMapping","prevChildMapping","nextChildMapping","childrenMapping","mergeChildMappings","Object","entries","forEach","key","childDefinition","hasPrev","hasNext","appear","visible"],"mappings":";;;;+BACgBA;;;eAAAA;;;oCADmB;AAC5B,SAASA,oBAAoBC,gBAAgB,EAAEC,gBAAgB;IAClE,MAAMC,kBAAkBC,IAAAA,sCAAkB,EAACH,kBAAkBC;IAC7DG,OAAOC,OAAO,CAACH,iBAAiBI,OAAO,CAAC,CAAC,CAACC,KAAKC,gBAAgB;QAC3D,MAAMC,UAAUF,OAAOP;QACvB,MAAMU,UAAUH,OAAON;QACvB,IAAIS,SAAS;YACT,gDAAgD;YAChD,IAAID,SAAS;gBACTP,eAAe,CAACK,IAAI,GAAG;oBACnB,GAAGC,eAAe;gBACtB;gBACA;YACJ;YACA,iCAAiC;YACjCN,eAAe,CAACK,IAAI,GAAG;gBACnB,GAAGC,eAAe;gBAClBG,QAAQ;gBACRC,SAAS;YACb;YACA;QACJ;QACA,0BAA0B;QAC1BV,eAAe,CAACK,IAAI,GAAG;YACnB,GAAGC,eAAe;YAClBI,SAAS;QACb;IACJ;IACA,OAAOV;AACX"}

package/lib-commonjs/utils/groups/mergeChildMappings.js

@@ -0,0 +1,49 @@
+/**
+ * When you're adding or removing children some may be added or removed in the same render pass. We want to show *both*
+ * since we want to simultaneously animate elements in and out. This function takes a previous set of keys and a new set
+ * of keys and merges them with its best guess of the correct ordering.
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "mergeChildMappings", {
+    enumerable: true,
+    get: function() {
+        return mergeChildMappings;
+    }
+});
+function mergeChildMappings(prevMapping, nextMapping) {
+    function getValueForKey(key) {
+        return key in nextMapping ? nextMapping[key] : prevMapping[key];
+    }
+    // For each key of `next`, the list of keys to insert before that key in
+    // the combined list
+    const nextKeysPending = {};
+    let pendingKeys = [];
+    // eslint-disable-next-line guard-for-in
+    for(const prevKey in prevMapping){
+        if (prevKey in nextMapping) {
+            if (pendingKeys.length) {
+                nextKeysPending[prevKey] = pendingKeys;
+                pendingKeys = [];
+            }
+            continue;
+        }
+        pendingKeys.push(prevKey);
+    }
+    const childMapping = {};
+    // eslint-disable-next-line guard-for-in
+    for(const nextKey in nextMapping){
+        if (nextKeysPending[nextKey]) {
+            for (const pendingNextKey of nextKeysPending[nextKey]){
+                childMapping[pendingNextKey] = getValueForKey(pendingNextKey);
+            }
+        }
+        childMapping[nextKey] = getValueForKey(nextKey);
+    }
+    // Finally, add the keys which didn't appear before any key in `next`
+    for (const pendingKey of pendingKeys){
+        childMapping[pendingKey] = getValueForKey(pendingKey);
+    }
+    return childMapping;
+}

package/lib-commonjs/utils/groups/mergeChildMappings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["mergeChildMappings.js"],"sourcesContent":["/**\n * When you're adding or removing children some may be added or removed in the same render pass. We want to show *both*\n * since we want to simultaneously animate elements in and out. This function takes a previous set of keys and a new set\n * of keys and merges them with its best guess of the correct ordering.\n */ export function mergeChildMappings(prevMapping, nextMapping) {\n    function getValueForKey(key) {\n        return key in nextMapping ? nextMapping[key] : prevMapping[key];\n    }\n    // For each key of `next`, the list of keys to insert before that key in\n    // the combined list\n    const nextKeysPending = {};\n    let pendingKeys = [];\n    // eslint-disable-next-line guard-for-in\n    for(const prevKey in prevMapping){\n        if (prevKey in nextMapping) {\n            if (pendingKeys.length) {\n                nextKeysPending[prevKey] = pendingKeys;\n                pendingKeys = [];\n            }\n            continue;\n        }\n        pendingKeys.push(prevKey);\n    }\n    const childMapping = {};\n    // eslint-disable-next-line guard-for-in\n    for(const nextKey in nextMapping){\n        if (nextKeysPending[nextKey]) {\n            for (const pendingNextKey of nextKeysPending[nextKey]){\n                childMapping[pendingNextKey] = getValueForKey(pendingNextKey);\n            }\n        }\n        childMapping[nextKey] = getValueForKey(nextKey);\n    }\n    // Finally, add the keys which didn't appear before any key in `next`\n    for (const pendingKey of pendingKeys){\n        childMapping[pendingKey] = getValueForKey(pendingKey);\n    }\n    return childMapping;\n}\n"],"names":["mergeChildMappings","prevMapping","nextMapping","getValueForKey","key","nextKeysPending","pendingKeys","prevKey","length","push","childMapping","nextKey","pendingNextKey","pendingKey"],"mappings":"AAAA;;;;CAIC;;;;+BAAmBA;;;eAAAA;;;AAAT,SAASA,mBAAmBC,WAAW,EAAEC,WAAW;IAC3D,SAASC,eAAeC,GAAG;QACvB,OAAOA,OAAOF,cAAcA,WAAW,CAACE,IAAI,GAAGH,WAAW,CAACG,IAAI;IACnE;IACA,wEAAwE;IACxE,oBAAoB;IACpB,MAAMC,kBAAkB,CAAC;IACzB,IAAIC,cAAc,EAAE;IACpB,wCAAwC;IACxC,IAAI,MAAMC,WAAWN,YAAY;QAC7B,IAAIM,WAAWL,aAAa;YACxB,IAAII,YAAYE,MAAM,EAAE;gBACpBH,eAAe,CAACE,QAAQ,GAAGD;gBAC3BA,cAAc,EAAE;YACpB;YACA;QACJ;QACAA,YAAYG,IAAI,CAACF;IACrB;IACA,MAAMG,eAAe,CAAC;IACtB,wCAAwC;IACxC,IAAI,MAAMC,WAAWT,YAAY;QAC7B,IAAIG,eAAe,CAACM,QAAQ,EAAE;YAC1B,KAAK,MAAMC,kBAAkBP,eAAe,CAACM,QAAQ,CAAC;gBAClDD,YAAY,CAACE,eAAe,GAAGT,eAAeS;YAClD;QACJ;QACAF,YAAY,CAACC,QAAQ,GAAGR,eAAeQ;IAC3C;IACA,qEAAqE;IACrE,KAAK,MAAME,cAAcP,YAAY;QACjCI,YAAY,CAACG,WAAW,GAAGV,eAAeU;IAC9C;IACA,OAAOH;AACX"}

package/lib-commonjs/utils/groups/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));