@mpxjs/webpack-plugin 2.10.17-beta.2 → 2.10.17-beta.4

package/lib/runtime/components/react/dist/animationHooks/useAnimationAPIHooks.js

@@ -0,0 +1,182 @@
+import { useMemo, useRef, useEffect } from 'react';
+import { error } from '@mpxjs/utils';
+import { Easing, withSequence, makeMutable, runOnJS, useSharedValue, useAnimatedStyle, cancelAnimation } from 'react-native-reanimated';
+import { easingKey, animationAPIInitialValue, percentExp, isTransform, getInitialVal, getAnimation, getTransformObj, formatAnimatedKeys } from './utils';
+import { useRunOnJSCallback } from '../utils';
+export default function useAnimationAPIHooks(props) {
+    // console.log(`useAnimationAPIHooks, props=`, props)
+    const { style: originalStyle = {}, animation, transitionend } = props;
+    // style变更标识(首次render不执行)
+    const animationDeps = useRef(-1);
+    // animation API 使用 animation.id 为依赖
+    if (animation?.id) {
+        animationDeps.current = animation.id;
+    }
+    // 有动画样式的 style key(useAnimatedStyle使用)
+    const animatedStyleKeys = useSharedValue([]);
+    // 记录需要执行动画的 propName
+    const animatedKeys = useRef([]);
+    // 记录上次style map
+    const lastStyleRef = useRef({});
+    // ** 全量 style prop sharedValue
+    const shareValMap = useMemo(() => {
+        return Object.keys(animationAPIInitialValue).reduce((valMap, key) => {
+            const defaultVal = getInitialVal(originalStyle, key);
+            valMap[key] = makeMutable(defaultVal);
+            return valMap;
+        }, {});
+    }, []);
+    const runOnJSCallbackRef = useRef({});
+    if (transitionend) {
+        runOnJSCallbackRef.current = {
+            transitionend
+        };
+    }
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
+    // 设置 lastShareValRef & shareValMap
+    function updateStyleVal() {
+        Object.keys(shareValMap).forEach(key => {
+            let value = originalStyle[key];
+            if (isTransform(key)) {
+                value = originalStyle.transform;
+                Object.entries(getTransformObj(value)).forEach(([key, value]) => {
+                    if (value !== lastStyleRef.current[key]) {
+                        lastStyleRef.current[key] = value;
+                        shareValMap[key].value = value;
+                    }
+                });
+            }
+            else {
+                if (value !== lastStyleRef.current[key]) {
+                    lastStyleRef.current[key] = value;
+                    shareValMap[key].value = value;
+                }
+            }
+        });
+    }
+    // 根据 animation action 创建&驱动动画
+    function createAnimation(animatedKeys = []) {
+        const actions = animation?.actions || [];
+        const sequence = {};
+        const lastValueMap = {};
+        actions.forEach(({ animatedOption, rules, transform }, index) => {
+            const { delay, duration, timingFunction, transformOrigin } = animatedOption;
+            const easing = timingFunction ? easingKey[timingFunction] : Easing.inOut(Easing.quad);
+            let needSetCallback = true;
+            const callback = (finished, current) => {
+                'worklet';
+                // 动画结束后设置下一次transformOrigin
+                if (finished) {
+                    if (index < actions.length - 1) {
+                        const transformOrigin = actions[index + 1].animatedOption?.transformOrigin;
+                        transformOrigin && (shareValMap.transformOrigin.value = transformOrigin);
+                    }
+                    transitionend && runOnJS(runOnJSCallback)('transitionend', finished, current, duration);
+                }
+            };
+            if (index === 0 && transformOrigin) {
+                // 设置当次中心
+                shareValMap.transformOrigin.value = transformOrigin;
+            }
+            // 添加每个key的多次step动画
+            animatedKeys.forEach(key => {
+                const shareVal = shareValMap[key].value;
+                const ruleV = isTransform(key) ? transform.get(key) : rules.get(key);
+                // color 设置为 1
+                // key不存在，第一轮取shareValMap[key]value，非第一轮取上一轮的
+                let toVal = ruleV !== undefined
+                    ? ruleV
+                    : index > 0
+                        ? lastValueMap[key]
+                        : shareVal;
+                if (percentExp.test(`${toVal}`) && !percentExp.test(shareVal) && !isNaN(+shareVal)) {
+                    // 获取到的toVal为百分比格式化shareValMap为百分比
+                    shareValMap[key].value = `${shareVal * 100}%`;
+                }
+                else if (percentExp.test(shareVal) && !percentExp.test(toVal) && !isNaN(+toVal)) {
+                    // 初始值为百分比则格式化toVal为百分比
+                    toVal = `${toVal * 100}%`;
+                }
+                else if (typeof toVal !== typeof shareVal) {
+                    // 动画起始值和终态值类型不一致报错提示一下
+                    error(`[Mpx runtime error]: Value types of property ${key} must be consistent during the animation`);
+                }
+                // Todo 对齐wx
+                const animation = getAnimation({ key, value: toVal }, { delay, duration, easing }, needSetCallback ? callback : undefined);
+                needSetCallback = false;
+                if (!sequence[key]) {
+                    sequence[key] = [animation];
+                }
+                else {
+                    sequence[key].push(animation);
+                }
+                // 更新一下 lastValueMap
+                lastValueMap[key] = toVal;
+            });
+            // 赋值驱动动画
+            animatedKeys.forEach((key) => {
+                const animations = sequence[key];
+                shareValMap[key].value = animations.length > 1 ? withSequence(...animations) : animations[0];
+            });
+        });
+    }
+    // 循环 animation actions 获取所有有动画的 style prop name
+    function getAnimatedStyleKeys() {
+        return (animation?.actions || []).reduce((keyMap, action) => {
+            const { rules, transform } = action;
+            const ruleArr = [...rules.keys(), ...transform.keys()];
+            ruleArr.forEach(key => {
+                keyMap.push(key);
+            });
+            // console.log('getAnimatedStyleKeys keyMap=', keyMap)
+            return keyMap;
+        }, []);
+    }
+    // 获取动画样式&驱动动画
+    function startAnimation() {
+        // 更新动画样式 key map
+        animatedKeys.current = getAnimatedStyleKeys();
+        animatedStyleKeys.value = formatAnimatedKeys(['transformOrigin', ...animatedKeys.current]);
+        // 驱动动画
+        createAnimation(animatedKeys.current);
+    }
+    // ** style 更新
+    useEffect(() => {
+        // animation api style 更新同步更新 shareVal（默认）
+        updateStyleVal();
+    }, [originalStyle]);
+    // ** 获取动画样式prop & 驱动动画
+    useEffect(() => {
+        if (animationDeps.current <= 0)
+            return;
+        startAnimation();
+    }, [animationDeps.current]);
+    // ** 清空动画
+    useEffect(() => {
+        return () => {
+            Object.values(shareValMap).forEach((value) => {
+                cancelAnimation(value);
+            });
+        };
+    }, []);
+    // ** 生成动画样式
+    return useAnimatedStyle(() => {
+        // console.info(`useAnimatedStyle styles=`, originalStyle)
+        return animatedStyleKeys.value.reduce((styles, key) => {
+            if (Array.isArray(key)) {
+                const transformStyle = getTransformObj(originalStyle.transform || []);
+                key.forEach((transformKey) => {
+                    transformStyle[transformKey] = shareValMap[transformKey].value;
+                });
+                styles.transform = Object.entries(transformStyle).map(([key, value]) => {
+                    return { [key]: value };
+                });
+            }
+            else {
+                styles[key] = shareValMap[key].value;
+            }
+            // console.log('animationStyle', styles)
+            return styles;
+        }, {});
+    });
+}

package/lib/runtime/components/react/dist/animationHooks/useTransitionHooks.d.ts

@@ -0,0 +1,4 @@
+import type { ExtendedViewStyle } from '../types/common';
+import type { AnimationHooksPropsType } from './utils';
+export default function useTransitionHooks<T, P>(props: AnimationHooksPropsType): ExtendedViewStyle;
+//# sourceMappingURL=useTransitionHooks.d.ts.map

package/lib/runtime/components/react/dist/animationHooks/useTransitionHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionHooks.d.ts","sourceRoot":"","sources":["../../animationHooks/useTransitionHooks.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,EAAE,uBAAuB,EAAiC,MAAM,SAAS,CAAA;AAoIrF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAG,KAAK,EAAE,uBAAuB,qBAyI/E"}

package/lib/runtime/components/react/dist/animationHooks/useTransitionHooks.js

@@ -0,0 +1,274 @@
+import { hasOwn, dash2hump, error } from '@mpxjs/utils';
+import { useMemo, useRef, useEffect } from 'react';
+import { Easing, makeMutable, runOnJS, useSharedValue, useAnimatedStyle, cancelAnimation } from 'react-native-reanimated';
+import { easingKey, transitionSupportedProperty, transformInitial, cubicBezierExp, secondRegExp, percentExp, getTransformObj, getUnit, getInitialVal, getAnimation, isTransform } from './utils';
+import { parseValues, useRunOnJSCallback } from '../utils';
+const propName = {
+    transition: '',
+    transitionDuration: 'duration',
+    transitionProperty: 'property',
+    transitionTimingFunction: 'easing',
+    transitionDelay: 'delay'
+};
+const behaviorExp = /^(allow-discrete|normal)$/;
+const defaultValueExp = /^(inherit|initial|revert|revert-layer|unset)$/;
+const timingFunctionExp = /^(step-start|step-end|steps)/;
+// cubic-bezier 参数解析
+function getBezierParams(str) {
+    // ease 0.25, 0.1, 0.25, 1.0
+    return str.match(cubicBezierExp)?.[1]?.split(',').map(item => +item);
+}
+// 解析 transition-prop
+function parseTransitionSingleProp(vals, property) {
+    let setDuration = false;
+    property = propName[property];
+    return vals.map(val => {
+        // transition-property all
+        if (val === 'all') {
+            error('[Mpx runtime error]: the value of transition-property is not supported \'all\'');
+            return undefined;
+        }
+        // behavior
+        if (behaviorExp.test(val)) {
+            error('[Mpx runtime error]: transition-behavior is not supported');
+            return undefined;
+        }
+        // global values
+        if (defaultValueExp.test(val)) {
+            error('[Mpx runtime error]: global values is not supported');
+            return undefined;
+        }
+        if (timingFunctionExp.test(val)) {
+            error('[Mpx runtime error]: the timingFunction in step-start,step-end,steps() is not supported');
+            return undefined;
+        }
+        // timingFunction
+        if (Object.keys(easingKey).includes(val) || cubicBezierExp.test(val)) {
+            const bezierParams = getBezierParams(val);
+            return {
+                easing: bezierParams?.length ? Easing.bezier(bezierParams[0], bezierParams[1], bezierParams[2], bezierParams[3]) : easingKey[val] || Easing.inOut(Easing.ease)
+            };
+        }
+        // duration & delay
+        if (secondRegExp.test(val)) {
+            const newProperty = property || (!setDuration ? 'duration' : 'delay');
+            setDuration = true;
+            // console.log('parseTransitionSingleProp val=', val, property, setDuration)
+            return {
+                [newProperty]: getUnit(val)
+            };
+        }
+        // property
+        return {
+            property: dash2hump(val)
+        };
+    }).filter(item => item !== undefined);
+}
+// transition 解析
+function parseTransitionStyle(originalStyle) {
+    let transitionData = [];
+    Object.entries(originalStyle).filter(arr => arr[0].includes('transition')).forEach(([prop, value]) => {
+        if (prop === 'transition') {
+            const vals = parseValues(value, ',').map(item => {
+                return parseTransitionSingleProp(parseValues(item), prop).reduce((map, subItem) => {
+                    return Object.assign(map, subItem);
+                }, {});
+            });
+            // console.log(`parseTransitionStyle ${prop}=${value}  formatVal=`, vals)
+            if (transitionData.length) {
+                transitionData = (vals.length > transitionData.length ? vals : transitionData).map((transitionItem, i) => {
+                    const valItem = vals[i] || {};
+                    const current = transitionData[i] || {};
+                    // console.log('parseTransitionStyle current=', current)
+                    // console.log('parseTransitionStyle valItem=', valItem)
+                    // console.log('parseTransitionStyle mergeObj=', Object.assign({}, current, valItem))
+                    return Object.assign({}, current, valItem);
+                });
+                // console.log(`parseTransitionStyle ${prop}=${value}, transitionData=`, transitionData)
+            }
+            else {
+                transitionData = vals;
+            }
+        }
+        else {
+            const vals = parseTransitionSingleProp(parseValues(value, ','), prop);
+            // console.log(`parseTransitionStyle ${prop}=${value}  formatVal=`, vals)
+            // formatVal [{"property": "transform"}, {"property": "marginLeft"}]
+            if (transitionData.length) {
+                transitionData = (vals.length > transitionData.length ? vals : transitionData).map((transitionItem, i) => {
+                    const valItem = vals[i] || vals[vals.length - 1];
+                    const current = transitionData[i] || transitionData[transitionData.length - 1];
+                    // console.log('parseTransitionStyle current=', current)
+                    // console.log('parseTransitionStyle valItem=', valItem)
+                    // console.log('parseTransitionStyle mergeObj=', Object.assign({}, current, valItem))
+                    return Object.assign({}, current, valItem);
+                });
+                // console.log(`parseTransitionStyle ${prop}=${value}, transitionData=`, transitionData)
+            }
+            else {
+                transitionData = vals;
+            }
+            // transitionData.push(...vals)
+        }
+    });
+    // console.log(`parseTransitionStyle transitionData=`, transitionData)
+    // 从style 中解析的动画数据，结构如下：
+    // transitionMap= {"marginLeft": {"delay": 0, "duration": 3000, "easing": []}, "transform": {"delay": 0, "duration": 3000, "easing": []}}
+    const transitionMap = transitionData.reduce((acc, cur) => {
+        // hasOwn(transitionSupportedProperty, dash2hump(val)) || val === Transform
+        const { property = '', duration = 0, delay = 0, easing = Easing.inOut(Easing.ease) } = cur;
+        if ((hasOwn(transitionSupportedProperty, dash2hump(property)) || property === 'transform') && duration > 0) {
+            acc[property] = {
+                duration,
+                delay,
+                easing
+            };
+        }
+        return acc;
+    }, {});
+    // console.log(`parseTransitionStyle transitionMap=`, transitionMap)
+    return transitionMap;
+}
+export default function useTransitionHooks(props) {
+    // console.log(`useTransitionHooks, props=`, props)
+    const { style: originalStyle = {}, transitionend } = props;
+    // style变更标识(首次render不执行)，初始值为0，首次渲染后为1
+    const animationDeps = useRef(0);
+    // 记录上次style map
+    // const lastStyleRef = useRef({} as {[propName: keyof ExtendedViewStyle]: number|string})
+    // ** 从 style 中获取动画数据
+    const transitionMap = useMemo(() => {
+        return parseTransitionStyle(originalStyle);
+    }, []);
+    // ** style prop sharedValue  interpolateOutput: SharedValue<InterpolateOutput>
+    const { shareValMap, animatedKeys, animatedKeysShareVal } = useMemo(() => {
+        // 记录需要执行动画的 propName
+        const animatedKeys = [];
+        const animatedKeysShareVal = [];
+        const transforms = [];
+        const shareValMap = Object.keys(transitionMap).reduce((valMap, property) => {
+            // const { property } = transition || {}
+            if (property === 'transform') {
+                Object.keys(originalStyle.transform ? getTransformObj(originalStyle.transform) : transformInitial).forEach((key) => {
+                    const defaultVal = getInitialVal(originalStyle, key);
+                    // console.log(`shareValMap property=${key} defaultVal=${defaultVal}`)
+                    valMap[key] = makeMutable(defaultVal);
+                    animatedKeys.push(key);
+                    transforms.push(key);
+                });
+            }
+            else if (hasOwn(transitionSupportedProperty, property)) {
+                const defaultVal = getInitialVal(originalStyle, property);
+                // console.log(`shareValMap property=${property} defaultVal=${defaultVal}`)
+                valMap[property] = makeMutable(defaultVal);
+                animatedKeys.push(property);
+                animatedKeysShareVal.push(property);
+            }
+            // console.log('shareValMap = ', valMap)
+            return valMap;
+        }, {});
+        if (transforms.length)
+            animatedKeysShareVal.push(transforms);
+        return {
+            shareValMap,
+            animatedKeys,
+            animatedKeysShareVal
+        };
+    }, []);
+    // 有动画样式的 style key(useAnimatedStyle使用)
+    const animatedStyleKeys = useSharedValue(animatedKeysShareVal);
+    const runOnJSCallbackRef = useRef({});
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
+    // 根据 animation action 创建&驱动动画
+    function createAnimation() {
+        let transformTransitionendDone = false;
+        animatedKeys.forEach(key => {
+            // console.log(`createAnimation key=${key} originalStyle=`, originalStyle)
+            const isTransformKey = isTransform(key);
+            let ruleV = originalStyle[key];
+            if (isTransformKey) {
+                const transform = getTransformObj(originalStyle.transform);
+                ruleV = transform[key];
+            }
+            let toVal = ruleV !== undefined
+                ? ruleV
+                : transitionSupportedProperty[key];
+            const shareVal = shareValMap[key].value;
+            if (percentExp.test(`${toVal}`) && !percentExp.test(shareVal) && !isNaN(+shareVal)) {
+                // 获取到的toVal为百分比格式化shareValMap为百分比
+                shareValMap[key].value = `${shareVal * 100}%`;
+            }
+            else if (percentExp.test(shareVal) && !percentExp.test(toVal) && !isNaN(+toVal)) {
+                // 初始值为百分比则格式化toVal为百分比
+                toVal = `${toVal * 100}%`;
+            }
+            else if (typeof toVal !== typeof shareVal) {
+                // 动画起始值和终态值类型不一致报错提示一下
+                error(`[Mpx runtime error]: Value types of property ${key} must be consistent during the animation`);
+            }
+            // console.log(`key=${key} oldVal=${shareValMap[key].value} newVal=${toVal}`)
+            const { delay = 0, duration, easing } = transitionMap[isTransformKey ? 'transform' : key];
+            // console.log('animationOptions=', { delay, duration, easing })
+            let callback;
+            if (transitionend && (!isTransformKey || !transformTransitionendDone)) {
+                runOnJSCallbackRef.current = {
+                    animationCallback: (duration, finished, current) => {
+                        transitionend(finished, current, duration);
+                    }
+                };
+                callback = (finished, current) => {
+                    'worklet';
+                    // 动画结束后设置下一次transformOrigin
+                    if (finished) {
+                        runOnJS(runOnJSCallback)('animationCallback', duration, finished, current);
+                    }
+                };
+            }
+            const animation = getAnimation({ key, value: toVal }, { delay, duration, easing }, callback);
+            // Todo transform 有多个属性时也仅执行一次 transitionend（对齐wx）
+            if (isTransformKey) {
+                transformTransitionendDone = true;
+            }
+            shareValMap[key].value = animation;
+            // console.log(`useTransitionHooks, ${key}=`, animation)
+        });
+    }
+    // ** style 更新
+    useEffect(() => {
+        // console.log('useEffect originalStyle animationDeps=', animationDeps.current, originalStyle)
+        // 首次不执行
+        if (!animationDeps.current) {
+            animationDeps.current = 1;
+            return;
+        }
+        createAnimation();
+    }, [originalStyle]);
+    // ** 清空动画
+    useEffect(() => {
+        return () => {
+            Object.values(shareValMap).forEach((value) => {
+                cancelAnimation(value);
+            });
+        };
+    }, []);
+    // ** 生成动画样式
+    return useAnimatedStyle(() => {
+        // console.info(`useAnimatedStyle styles=`, originalStyle)
+        return animatedStyleKeys.value.reduce((styles, key) => {
+            if (Array.isArray(key)) {
+                const transformStyle = getTransformObj(originalStyle.transform || []);
+                key.forEach((transformKey) => {
+                    transformStyle[transformKey] = shareValMap[transformKey].value;
+                });
+                styles.transform = Object.entries(transformStyle).map(([key, value]) => {
+                    return { [key]: value };
+                });
+            }
+            else {
+                styles[key] = shareValMap[key].value;
+            }
+            // console.log('animationStyle', styles)
+            return styles;
+        }, {});
+    });
+}

package/lib/runtime/components/react/dist/animationHooks/utils.d.ts

@@ -0,0 +1,110 @@
+import type { AnimatableValue, WithTimingConfig, AnimationCallback, EasingFunction } from 'react-native-reanimated';
+import type { ExtendedViewStyle } from '../types/common';
+import type { _ViewProps } from '../mpx-view';
+export type TimingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-in-out' | 'ease-out';
+export type AnimatedOption = {
+    duration: number;
+    delay?: number;
+    useNativeDriver?: boolean;
+    timingFunction?: TimingFunction;
+    transformOrigin?: string;
+};
+export type ExtendWithTimingConfig = WithTimingConfig & {
+    delay?: number;
+};
+export type AnimationStepItem = {
+    animatedOption: AnimatedOption;
+    rules: Map<string, number | string>;
+    transform: Map<string, number>;
+};
+export type AnimationProp = {
+    id: number;
+    actions: AnimationStepItem[];
+};
+export type CustomAnimationCallback = (finished?: boolean, current?: AnimatableValue, duration?: number) => void;
+export type TransitionMap = {
+    [propName: string]: {
+        duration: number;
+        delay?: number;
+        easing: EasingFunction;
+    };
+};
+export type InterpolateOutput = {
+    [propName: string]: string[];
+};
+export type AnimationHooksPropsType = _ViewProps & {
+    transitionend?: CustomAnimationCallback;
+};
+export declare const secondRegExp: RegExp;
+export declare const cubicBezierExp: RegExp;
+export declare const percentExp: RegExp;
+export declare const easingKey: {
+    linear: (t: number) => number;
+    ease: EasingFunction;
+    'ease-in': EasingFunction;
+    'ease-in-out': EasingFunction;
+    'ease-out': EasingFunction;
+};
+export declare const transformInitial: ExtendedViewStyle;
+export declare const animationAPIInitialValue: ExtendedViewStyle;
+export declare const transitionSupportedProperty: {
+    color: string;
+    borderColor: string;
+    borderBottomColor: string;
+    borderLeftColor: string;
+    borderRightColor: string;
+    borderTopColor: string;
+    borderTopLeftRadius: number;
+    borderTopRightRadius: number;
+    borderBottomLeftRadius: number;
+    borderBottomRightRadius: number;
+    borderRadius: number;
+    borderBottomWidth: number;
+    borderLeftWidth: number;
+    borderRightWidth: number;
+    borderTopWidth: number;
+    borderWidth: number;
+    margin: number;
+    marginBottom: number;
+    marginLeft: number;
+    marginRight: number;
+    marginTop: number;
+    marginHorizontal: number;
+    marginVertical: number;
+    maxHeight: number;
+    maxWidth: number;
+    minHeight: number;
+    minWidth: number;
+    padding: number;
+    paddingBottom: number;
+    paddingLeft: number;
+    paddingRight: number;
+    paddingTop: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    letterSpacing: number;
+} & import("react-native/types").ViewStyle & {
+    [key: string]: any;
+    backgroundImage?: string | undefined;
+    backgroundSize?: ("auto" | "contain" | "cover" | import("../types/common").NumberVal)[] | undefined;
+    borderRadius?: string | number | undefined;
+    backgroundPosition?: import("../types/common").backgroundPositionList | undefined;
+    transform?: {
+        [key: string]: string | number;
+    }[] | undefined;
+};
+export declare const isTransform: (key: string) => boolean;
+export declare function getTransformObj(transforms: {
+    [propName: string]: string | number;
+}[]): {
+    [propName: string]: string | number;
+};
+export declare function getInitialVal(style: ExtendedViewStyle, key: string): any;
+export declare function formatAnimatedKeys(keys: string[]): (string | string[])[];
+export declare function getUnit(duration: string): number;
+export declare function getAnimation({ key, value }: {
+    key: string;
+    value: string | number;
+}, { delay, duration, easing }: ExtendWithTimingConfig, callback?: AnimationCallback): string | number;
+//# sourceMappingURL=utils.d.ts.map

package/lib/runtime/components/react/dist/animationHooks/utils.d.ts.map

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