@tamagui/animations-moti 2.0.0-rc.9 → 2.0.0

package/src/createAnimations.tsx

@@ -95,7 +95,7 @@ function createTamaguiAnimatedComponent(defaultTag = 'div') {
       return <Element {...transformedProps} ref={composedRefs} />
     })
   )
-  Component['acceptTagProp'] = true
+  Component['acceptRenderProp'] = true
   return Component
 }
 
@@ -145,12 +145,12 @@ export function createAnimations<A extends Record<string, TransitionConfig>>(
   animations: A
 ): AnimationDriver<A> {
   return {
+    needsCustomComponent: true,
     View: isWeb ? AnimatedView : Animated.View,
     Text: isWeb ? AnimatedText : Animated.Text,
     // View: Animated.View,
     // Text: Animated.Text,
     isReactNative: true,
-    supportsCSS: false,
     inputStyle: 'value',
     outputStyle: 'inline',
     animations,

package/types/createAnimations.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/createAnimations.tsx"
   ],
+  "version": 3,
   "sourcesContent": [
-    "// @ts-nocheck - deprecated package, moti dependency intentionally not included\nimport { PresenceContext, ResetPresence, usePresence } from '@tamagui/use-presence'\n// we need core for hooks.usePropsTransform\nimport {\n  getSplitStyles,\n  hooks,\n  isWeb,\n  Text,\n  useComposedRefs,\n  useThemeWithState,\n  View,\n  type AnimationDriver,\n  type UniversalAnimatedNumber,\n} from '@tamagui/core'\n\n// Helper to resolve dynamic theme values like {dynamic: {dark: \"value\", light: undefined}}\nconst resolveDynamicValue = (value: any, isDark: boolean): any => {\n  if (value && typeof value === 'object' && 'dynamic' in value) {\n    const dynamicValue = isDark ? value.dynamic.dark : value.dynamic.light\n    return dynamicValue\n  }\n  return value\n}\nimport type { TransitionConfig } from 'moti'\nimport { useMotify } from 'moti/author'\nimport type { CSSProperties } from 'react'\nimport React, { forwardRef, useMemo, useRef } from 'react'\nimport type { TextStyle } from 'react-native'\nimport type { SharedValue } from 'react-native-reanimated'\nimport Animated_, {\n  cancelAnimation,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\n// fix for building with type module\n// see https://github.com/evanw/esbuild/issues/2480#issuecomment-1833104754\nconst safeESModule = <T,>(a: T | { default: T }): T => {\n  const b = a as any\n  const out = b.__esModule || b[Symbol.toStringTag] === 'Module' ? b.default : b\n  // add metro support\n  return out || a\n}\n\nconst Animated = safeESModule(Animated_)\n\ntype ReanimatedAnimatedNumber = SharedValue<number>\n\n// this is our own custom reanimated animated component so we can allow data- attributes, className etc\n// this should ultimately be merged with react-native-web-lite\n\nfunction createTamaguiAnimatedComponent(defaultTag = 'div') {\n  const isText = defaultTag === 'span'\n\n  const Component = Animated.createAnimatedComponent(\n    forwardRef((propsIn: any, ref) => {\n      const { forwardedRef, animation, render = defaultTag, ...propsRest } = propsIn\n      const hostRef = useRef(null)\n      const composedRefs = useComposedRefs(forwardedRef, ref, hostRef)\n      const stateRef = useRef<any>(null)\n      if (!stateRef.current) {\n        stateRef.current = {\n          get host() {\n            return hostRef.current\n          },\n        }\n      }\n\n      const [_, state] = useThemeWithState({})\n\n      // get styles but only inline style\n      const result = getSplitStyles(\n        propsRest,\n        isText ? Text.staticConfig : View.staticConfig,\n        state?.theme,\n        state?.name,\n        {\n          unmounted: false,\n        } as any,\n        {\n          isAnimated: false,\n          noClass: true,\n        }\n      )\n\n      const props = result?.viewProps || {}\n      const Element = render\n      const transformedProps = hooks.usePropsTransform?.(render, props, stateRef, false)\n\n      return <Element {...transformedProps} ref={composedRefs} />\n    })\n  )\n  Component['acceptTagProp'] = true\n  return Component\n}\n\nconst AnimatedView = createTamaguiAnimatedComponent('div')\nconst AnimatedText = createTamaguiAnimatedComponent('span')\n\n// const AnimatedView = styled(View, {\n//   disableClassName: true,\n// })\n\n// const AnimatedText = styled(Text, {\n//   disableClassName: true,\n// })\n\nconst onlyAnimateKeys: { [key in keyof TextStyle | keyof CSSProperties]?: boolean } = {\n  transform: true,\n  opacity: true,\n  height: true,\n  width: true,\n  backgroundColor: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderRightColor: true,\n  borderTopColor: true,\n  borderBottomColor: true,\n  borderRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderTopWidth: true,\n  borderBottomWidth: true,\n  color: true,\n  left: true,\n  right: true,\n  top: true,\n  bottom: true,\n  fontSize: true,\n  fontWeight: true,\n  lineHeight: true,\n  letterSpacing: true,\n}\n\nexport function createAnimations<A extends Record<string, TransitionConfig>>(\n  animations: A\n): AnimationDriver<A> {\n  return {\n    View: isWeb ? AnimatedView : Animated.View,\n    Text: isWeb ? AnimatedText : Animated.Text,\n    // View: Animated.View,\n    // Text: Animated.Text,\n    isReactNative: true,\n    supportsCSS: false,\n    inputStyle: 'value',\n    outputStyle: 'inline',\n    animations,\n    usePresence,\n    ResetPresence,\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<ReanimatedAnimatedNumber> {\n      const sharedValue = useSharedValue(initial)\n\n      return React.useMemo(\n        () => ({\n          getInstance() {\n            'worklet'\n            return sharedValue\n          },\n          getValue() {\n            'worklet'\n            return sharedValue.value\n          },\n          setValue(next, config = { type: 'spring' }, onFinish) {\n            'worklet'\n            if (config.type === 'direct') {\n              sharedValue.value = next\n              onFinish?.()\n            } else if (config.type === 'spring') {\n              sharedValue.value = withSpring(\n                next,\n                config,\n                onFinish\n                  ? () => {\n                      'worklet'\n                      runOnJS(onFinish)()\n                    }\n                  : undefined\n              )\n            } else {\n              sharedValue.value = withTiming(\n                next,\n                config,\n                onFinish\n                  ? () => {\n                      'worklet'\n                      runOnJS(onFinish)()\n                    }\n                  : undefined\n              )\n            }\n          },\n          stop() {\n            'worklet'\n            cancelAnimation(sharedValue)\n          },\n        }),\n        [sharedValue]\n      )\n    },\n\n    useAnimatedNumberReaction({ value }, onValue) {\n      const instance = value.getInstance()\n      return useAnimatedReaction(\n        () => {\n          return instance.value\n        },\n        (next, prev) => {\n          if (prev !== next) {\n            // @nate what is the point of this hook? is this necessary?\n            // without runOnJS, onValue would need to be a worklet\n            runOnJS(onValue)(next)\n          }\n        },\n        // dependency array is very important here\n        [onValue, instance]\n      )\n    },\n\n    /**\n     * `getStyle` must be a worklet\n     */\n    useAnimatedNumberStyle(val, getStyle) {\n      const instance = val.getInstance()\n\n      // this seems wrong but it works\n      const derivedValue = useDerivedValue(() => {\n        return instance.value\n        // dependency array is very important here\n      }, [instance, getStyle])\n\n      return useAnimatedStyle(() => {\n        return getStyle(derivedValue.value)\n        // dependency array is very important here\n      }, [val, getStyle, derivedValue, instance])\n    },\n\n    useAnimations: (animationProps) => {\n      const { props, presence, style, componentState } = animationProps\n      const animationKey = Array.isArray(props.transition)\n        ? props.transition[0]\n        : props.transition\n\n      const isHydrating = componentState.unmounted === true\n      const disableAnimation = isHydrating || !animationKey\n      const presenceContext = React.useContext(PresenceContext)\n      const [, themeState] = useThemeWithState({})\n      // Check scheme first, then fall back to checking theme name for 'dark'\n      const isDark = themeState?.scheme === 'dark' || themeState?.name?.startsWith('dark')\n\n      // this memo is very important for performance, there's a big cost to\n      // updating these values every render\n      const { dontAnimate, motiProps } = useMemo(() => {\n        let animate = {}\n        let dontAnimate = {}\n\n        if (disableAnimation) {\n          // Resolve dynamic objects based on current theme\n          for (const key in style) {\n            const rawValue = style[key]\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            dontAnimate[key] = value\n          }\n        } else {\n          const animateOnly = props.animateOnly as string[]\n          for (const key in style) {\n            const rawValue = style[key]\n            // Resolve dynamic theme values (like $theme-dark)\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            if (\n              !onlyAnimateKeys[key] ||\n              value === 'auto' ||\n              (typeof value === 'string' && value.startsWith('calc')) ||\n              (animateOnly && !animateOnly.includes(key))\n            ) {\n              dontAnimate[key] = value\n            } else {\n              animate[key] = value\n            }\n          }\n        }\n\n        // if we don't do this moti seems to flicker a frame before applying animation\n        if (componentState.unmounted === 'should-enter') {\n          // Resolve dynamic objects based on current theme\n          for (const key in style) {\n            const rawValue = style[key]\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            dontAnimate[key] = value\n          }\n        }\n\n        const styles = animate\n        const isExiting = Boolean(presence?.[1])\n        const usePresenceValue = (presence || undefined) as any\n\n        type UseMotiProps = Parameters<typeof useMotify>[0]\n\n        // TODO moti is giving us type troubles, but this should work\n        let transition = isHydrating\n          ? { type: 'transition', duration: 0 }\n          : (animations[animationKey as keyof typeof animations] as any)\n\n        let hasClonedTransition = false\n\n        if (Array.isArray(props.transition)) {\n          const config = props.transition[1]\n          if (config && typeof config === 'object') {\n            for (const key in config) {\n              const val = config[key]\n\n              // performance - this seems to have (strangely) huge performance effect in uniswap\n              // so instead of cloning up front, we clone only when we absolutely have to\n              if (!hasClonedTransition) {\n                transition = Object.assign({}, transition)\n                hasClonedTransition = true\n              }\n\n              // referencing a pre-defined config\n              if (typeof val === 'string') {\n                transition[key] = animations[val]\n              } else {\n                transition[key] = val\n              }\n            }\n          }\n        }\n\n        return {\n          dontAnimate,\n          motiProps: {\n            animate: isExiting || componentState.unmounted === true ? {} : styles,\n            transition: componentState.unmounted ? { duration: 0 } : transition,\n            usePresenceValue,\n            presenceContext,\n            exit: isExiting ? styles : undefined,\n          } satisfies UseMotiProps,\n        }\n      }, [\n        presenceContext,\n        presence,\n        animationKey,\n        componentState.unmounted,\n        JSON.stringify(style),\n        presenceContext,\n        isDark,\n      ])\n\n      const moti = useMotify(motiProps)\n\n      if (\n        process.env.NODE_ENV === 'development' &&\n        props['debug'] &&\n        props['debug'] !== 'profile'\n      ) {\n        console.info(`useMotify(`, JSON.stringify(motiProps, null, 2) + ')', {\n          'componentState.unmounted': componentState.unmounted,\n          animationProps,\n          motiProps,\n          moti,\n          style: [dontAnimate, moti.style],\n        })\n      }\n\n      return {\n        style: [dontAnimate, moti.style],\n      }\n    },\n  }\n}\n"
-  ],
-  "version": 3
+    "// @ts-nocheck - deprecated package, moti dependency intentionally not included\nimport { PresenceContext, ResetPresence, usePresence } from '@tamagui/use-presence'\n// we need core for hooks.usePropsTransform\nimport {\n  getSplitStyles,\n  hooks,\n  isWeb,\n  Text,\n  useComposedRefs,\n  useThemeWithState,\n  View,\n  type AnimationDriver,\n  type UniversalAnimatedNumber,\n} from '@tamagui/core'\n\n// Helper to resolve dynamic theme values like {dynamic: {dark: \"value\", light: undefined}}\nconst resolveDynamicValue = (value: any, isDark: boolean): any => {\n  if (value && typeof value === 'object' && 'dynamic' in value) {\n    const dynamicValue = isDark ? value.dynamic.dark : value.dynamic.light\n    return dynamicValue\n  }\n  return value\n}\nimport type { TransitionConfig } from 'moti'\nimport { useMotify } from 'moti/author'\nimport type { CSSProperties } from 'react'\nimport React, { forwardRef, useMemo, useRef } from 'react'\nimport type { TextStyle } from 'react-native'\nimport type { SharedValue } from 'react-native-reanimated'\nimport Animated_, {\n  cancelAnimation,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\n\n// fix for building with type module\n// see https://github.com/evanw/esbuild/issues/2480#issuecomment-1833104754\nconst safeESModule = <T,>(a: T | { default: T }): T => {\n  const b = a as any\n  const out = b.__esModule || b[Symbol.toStringTag] === 'Module' ? b.default : b\n  // add metro support\n  return out || a\n}\n\nconst Animated = safeESModule(Animated_)\n\ntype ReanimatedAnimatedNumber = SharedValue<number>\n\n// this is our own custom reanimated animated component so we can allow data- attributes, className etc\n// this should ultimately be merged with react-native-web-lite\n\nfunction createTamaguiAnimatedComponent(defaultTag = 'div') {\n  const isText = defaultTag === 'span'\n\n  const Component = Animated.createAnimatedComponent(\n    forwardRef((propsIn: any, ref) => {\n      const { forwardedRef, animation, render = defaultTag, ...propsRest } = propsIn\n      const hostRef = useRef(null)\n      const composedRefs = useComposedRefs(forwardedRef, ref, hostRef)\n      const stateRef = useRef<any>(null)\n      if (!stateRef.current) {\n        stateRef.current = {\n          get host() {\n            return hostRef.current\n          },\n        }\n      }\n\n      const [_, state] = useThemeWithState({})\n\n      // get styles but only inline style\n      const result = getSplitStyles(\n        propsRest,\n        isText ? Text.staticConfig : View.staticConfig,\n        state?.theme,\n        state?.name,\n        {\n          unmounted: false,\n        } as any,\n        {\n          isAnimated: false,\n          noClass: true,\n        }\n      )\n\n      const props = result?.viewProps || {}\n      const Element = render\n      const transformedProps = hooks.usePropsTransform?.(render, props, stateRef, false)\n\n      return <Element {...transformedProps} ref={composedRefs} />\n    })\n  )\n  Component['acceptRenderProp'] = true\n  return Component\n}\n\nconst AnimatedView = createTamaguiAnimatedComponent('div')\nconst AnimatedText = createTamaguiAnimatedComponent('span')\n\n// const AnimatedView = styled(View, {\n//   disableClassName: true,\n// })\n\n// const AnimatedText = styled(Text, {\n//   disableClassName: true,\n// })\n\nconst onlyAnimateKeys: { [key in keyof TextStyle | keyof CSSProperties]?: boolean } = {\n  transform: true,\n  opacity: true,\n  height: true,\n  width: true,\n  backgroundColor: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderRightColor: true,\n  borderTopColor: true,\n  borderBottomColor: true,\n  borderRadius: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderLeftWidth: true,\n  borderRightWidth: true,\n  borderTopWidth: true,\n  borderBottomWidth: true,\n  color: true,\n  left: true,\n  right: true,\n  top: true,\n  bottom: true,\n  fontSize: true,\n  fontWeight: true,\n  lineHeight: true,\n  letterSpacing: true,\n}\n\nexport function createAnimations<A extends Record<string, TransitionConfig>>(\n  animations: A\n): AnimationDriver<A> {\n  return {\n    needsCustomComponent: true,\n    View: isWeb ? AnimatedView : Animated.View,\n    Text: isWeb ? AnimatedText : Animated.Text,\n    // View: Animated.View,\n    // Text: Animated.Text,\n    isReactNative: true,\n    inputStyle: 'value',\n    outputStyle: 'inline',\n    animations,\n    usePresence,\n    ResetPresence,\n\n    useAnimatedNumber(initial): UniversalAnimatedNumber<ReanimatedAnimatedNumber> {\n      const sharedValue = useSharedValue(initial)\n\n      return React.useMemo(\n        () => ({\n          getInstance() {\n            'worklet'\n            return sharedValue\n          },\n          getValue() {\n            'worklet'\n            return sharedValue.value\n          },\n          setValue(next, config = { type: 'spring' }, onFinish) {\n            'worklet'\n            if (config.type === 'direct') {\n              sharedValue.value = next\n              onFinish?.()\n            } else if (config.type === 'spring') {\n              sharedValue.value = withSpring(\n                next,\n                config,\n                onFinish\n                  ? () => {\n                      'worklet'\n                      runOnJS(onFinish)()\n                    }\n                  : undefined\n              )\n            } else {\n              sharedValue.value = withTiming(\n                next,\n                config,\n                onFinish\n                  ? () => {\n                      'worklet'\n                      runOnJS(onFinish)()\n                    }\n                  : undefined\n              )\n            }\n          },\n          stop() {\n            'worklet'\n            cancelAnimation(sharedValue)\n          },\n        }),\n        [sharedValue]\n      )\n    },\n\n    useAnimatedNumberReaction({ value }, onValue) {\n      const instance = value.getInstance()\n      return useAnimatedReaction(\n        () => {\n          return instance.value\n        },\n        (next, prev) => {\n          if (prev !== next) {\n            // @nate what is the point of this hook? is this necessary?\n            // without runOnJS, onValue would need to be a worklet\n            runOnJS(onValue)(next)\n          }\n        },\n        // dependency array is very important here\n        [onValue, instance]\n      )\n    },\n\n    /**\n     * `getStyle` must be a worklet\n     */\n    useAnimatedNumberStyle(val, getStyle) {\n      const instance = val.getInstance()\n\n      // this seems wrong but it works\n      const derivedValue = useDerivedValue(() => {\n        return instance.value\n        // dependency array is very important here\n      }, [instance, getStyle])\n\n      return useAnimatedStyle(() => {\n        return getStyle(derivedValue.value)\n        // dependency array is very important here\n      }, [val, getStyle, derivedValue, instance])\n    },\n\n    useAnimations: (animationProps) => {\n      const { props, presence, style, componentState } = animationProps\n      const animationKey = Array.isArray(props.transition)\n        ? props.transition[0]\n        : props.transition\n\n      const isHydrating = componentState.unmounted === true\n      const disableAnimation = isHydrating || !animationKey\n      const presenceContext = React.useContext(PresenceContext)\n      const [, themeState] = useThemeWithState({})\n      // Check scheme first, then fall back to checking theme name for 'dark'\n      const isDark = themeState?.scheme === 'dark' || themeState?.name?.startsWith('dark')\n\n      // this memo is very important for performance, there's a big cost to\n      // updating these values every render\n      const { dontAnimate, motiProps } = useMemo(() => {\n        let animate = {}\n        let dontAnimate = {}\n\n        if (disableAnimation) {\n          // Resolve dynamic objects based on current theme\n          for (const key in style) {\n            const rawValue = style[key]\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            dontAnimate[key] = value\n          }\n        } else {\n          const animateOnly = props.animateOnly as string[]\n          for (const key in style) {\n            const rawValue = style[key]\n            // Resolve dynamic theme values (like $theme-dark)\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            if (\n              !onlyAnimateKeys[key] ||\n              value === 'auto' ||\n              (typeof value === 'string' && value.startsWith('calc')) ||\n              (animateOnly && !animateOnly.includes(key))\n            ) {\n              dontAnimate[key] = value\n            } else {\n              animate[key] = value\n            }\n          }\n        }\n\n        // if we don't do this moti seems to flicker a frame before applying animation\n        if (componentState.unmounted === 'should-enter') {\n          // Resolve dynamic objects based on current theme\n          for (const key in style) {\n            const rawValue = style[key]\n            const value = resolveDynamicValue(rawValue, isDark)\n            if (value === undefined) continue\n            dontAnimate[key] = value\n          }\n        }\n\n        const styles = animate\n        const isExiting = Boolean(presence?.[1])\n        const usePresenceValue = (presence || undefined) as any\n\n        type UseMotiProps = Parameters<typeof useMotify>[0]\n\n        // TODO moti is giving us type troubles, but this should work\n        let transition = isHydrating\n          ? { type: 'transition', duration: 0 }\n          : (animations[animationKey as keyof typeof animations] as any)\n\n        let hasClonedTransition = false\n\n        if (Array.isArray(props.transition)) {\n          const config = props.transition[1]\n          if (config && typeof config === 'object') {\n            for (const key in config) {\n              const val = config[key]\n\n              // performance - this seems to have (strangely) huge performance effect in uniswap\n              // so instead of cloning up front, we clone only when we absolutely have to\n              if (!hasClonedTransition) {\n                transition = Object.assign({}, transition)\n                hasClonedTransition = true\n              }\n\n              // referencing a pre-defined config\n              if (typeof val === 'string') {\n                transition[key] = animations[val]\n              } else {\n                transition[key] = val\n              }\n            }\n          }\n        }\n\n        return {\n          dontAnimate,\n          motiProps: {\n            animate: isExiting || componentState.unmounted === true ? {} : styles,\n            transition: componentState.unmounted ? { duration: 0 } : transition,\n            usePresenceValue,\n            presenceContext,\n            exit: isExiting ? styles : undefined,\n          } satisfies UseMotiProps,\n        }\n      }, [\n        presenceContext,\n        presence,\n        animationKey,\n        componentState.unmounted,\n        JSON.stringify(style),\n        presenceContext,\n        isDark,\n      ])\n\n      const moti = useMotify(motiProps)\n\n      if (\n        process.env.NODE_ENV === 'development' &&\n        props['debug'] &&\n        props['debug'] !== 'profile'\n      ) {\n        console.info(`useMotify(`, JSON.stringify(motiProps, null, 2) + ')', {\n          'componentState.unmounted': componentState.unmounted,\n          animationProps,\n          motiProps,\n          moti,\n          style: [dontAnimate, moti.style],\n        })\n      }\n\n      return {\n        style: [dontAnimate, moti.style],\n      }\n    },\n  }\n}\n"
+  ]
 }

package/types/index.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/index.ts"
   ],
+  "version": 3,
   "sourcesContent": [
     "import './polyfill'\n\nexport * from './createAnimations'\n"
-  ],
-  "version": 3
+  ]
 }

package/types/polyfill.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/polyfill.ts"
   ],
+  "version": 3,
   "sourcesContent": [
     "// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n  globalThis['requestAnimationFrame'] = setTimeout\n}\n\n// for reanimated\nif (typeof global === 'undefined') {\n  globalThis['global'] = globalThis\n}\n"
-  ],
-  "version": 3
+  ]
 }

package/dist/cjs/createAnimations.js

@@ -1,220 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var createAnimations_exports = {};
-__export(createAnimations_exports, {
-  createAnimations: () => createAnimations
-});
-module.exports = __toCommonJS(createAnimations_exports);
-var import_use_presence = require("@tamagui/use-presence"), import_core = require("@tamagui/core"), import_author = require("moti/author"), import_react = __toESM(require("react"), 1), import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1), import_jsx_runtime = require("react/jsx-runtime");
-const resolveDynamicValue = (value, isDark) => value && typeof value == "object" && "dynamic" in value ? isDark ? value.dynamic.dark : value.dynamic.light : value, safeESModule = (a) => {
-  const b = a;
-  return (b.__esModule || b[Symbol.toStringTag] === "Module" ? b.default : b) || a;
-}, Animated = safeESModule(import_react_native_reanimated.default);
-function createTamaguiAnimatedComponent(defaultTag = "div") {
-  const isText = defaultTag === "span", Component = Animated.createAnimatedComponent(
-    (0, import_react.forwardRef)((propsIn, ref) => {
-      const { forwardedRef, animation, render = defaultTag, ...propsRest } = propsIn, hostRef = (0, import_react.useRef)(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref, hostRef), stateRef = (0, import_react.useRef)(null);
-      stateRef.current || (stateRef.current = {
-        get host() {
-          return hostRef.current;
-        }
-      });
-      const [_, state] = (0, import_core.useThemeWithState)({}), props = (0, import_core.getSplitStyles)(
-        propsRest,
-        isText ? import_core.Text.staticConfig : import_core.View.staticConfig,
-        state?.theme,
-        state?.name,
-        {
-          unmounted: !1
-        },
-        {
-          isAnimated: !1,
-          noClass: !0
-        }
-      )?.viewProps || {}, Element = render, transformedProps = import_core.hooks.usePropsTransform?.(render, props, stateRef, !1);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, { ...transformedProps, ref: composedRefs });
-    })
-  );
-  return Component.acceptTagProp = !0, Component;
-}
-const AnimatedView = createTamaguiAnimatedComponent("div"), AnimatedText = createTamaguiAnimatedComponent("span"), onlyAnimateKeys = {
-  transform: !0,
-  opacity: !0,
-  height: !0,
-  width: !0,
-  backgroundColor: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0,
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  color: !0,
-  left: !0,
-  right: !0,
-  top: !0,
-  bottom: !0,
-  fontSize: !0,
-  fontWeight: !0,
-  lineHeight: !0,
-  letterSpacing: !0
-};
-function createAnimations(animations) {
-  return {
-    View: import_core.isWeb ? AnimatedView : Animated.View,
-    Text: import_core.isWeb ? AnimatedText : Animated.Text,
-    // View: Animated.View,
-    // Text: Animated.Text,
-    isReactNative: !0,
-    supportsCSS: !1,
-    inputStyle: "value",
-    outputStyle: "inline",
-    animations,
-    usePresence: import_use_presence.usePresence,
-    ResetPresence: import_use_presence.ResetPresence,
-    useAnimatedNumber(initial) {
-      const sharedValue = (0, import_react_native_reanimated.useSharedValue)(initial);
-      return import_react.default.useMemo(
-        () => ({
-          getInstance() {
-            "worklet";
-            return sharedValue;
-          },
-          getValue() {
-            "worklet";
-            return sharedValue.value;
-          },
-          setValue(next, config = { type: "spring" }, onFinish) {
-            "worklet";
-            config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = (0, import_react_native_reanimated.withSpring)(
-              next,
-              config,
-              onFinish ? () => {
-                "worklet";
-                (0, import_react_native_reanimated.runOnJS)(onFinish)();
-              } : void 0
-            ) : sharedValue.value = (0, import_react_native_reanimated.withTiming)(
-              next,
-              config,
-              onFinish ? () => {
-                "worklet";
-                (0, import_react_native_reanimated.runOnJS)(onFinish)();
-              } : void 0
-            );
-          },
-          stop() {
-            "worklet";
-            (0, import_react_native_reanimated.cancelAnimation)(sharedValue);
-          }
-        }),
-        [sharedValue]
-      );
-    },
-    useAnimatedNumberReaction({ value }, onValue) {
-      const instance = value.getInstance();
-      return (0, import_react_native_reanimated.useAnimatedReaction)(
-        () => instance.value,
-        (next, prev) => {
-          prev !== next && (0, import_react_native_reanimated.runOnJS)(onValue)(next);
-        },
-        // dependency array is very important here
-        [onValue, instance]
-      );
-    },
-    /**
-     * `getStyle` must be a worklet
-     */
-    useAnimatedNumberStyle(val, getStyle) {
-      const instance = val.getInstance(), derivedValue = (0, import_react_native_reanimated.useDerivedValue)(() => instance.value, [instance, getStyle]);
-      return (0, import_react_native_reanimated.useAnimatedStyle)(() => getStyle(derivedValue.value), [val, getStyle, derivedValue, instance]);
-    },
-    useAnimations: (animationProps) => {
-      const { props, presence, style, componentState } = animationProps, animationKey = Array.isArray(props.transition) ? props.transition[0] : props.transition, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, presenceContext = import_react.default.useContext(import_use_presence.PresenceContext), [, themeState] = (0, import_core.useThemeWithState)({}), isDark = themeState?.scheme === "dark" || themeState?.name?.startsWith("dark"), { dontAnimate, motiProps } = (0, import_react.useMemo)(() => {
-        let animate = {}, dontAnimate2 = {};
-        if (disableAnimation)
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (dontAnimate2[key] = value);
-          }
-        else {
-          const animateOnly = props.animateOnly;
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (!onlyAnimateKeys[key] || value === "auto" || typeof value == "string" && value.startsWith("calc") || animateOnly && !animateOnly.includes(key) ? dontAnimate2[key] = value : animate[key] = value);
-          }
-        }
-        if (componentState.unmounted === "should-enter")
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (dontAnimate2[key] = value);
-          }
-        const styles = animate, isExiting = !!presence?.[1], usePresenceValue = presence || void 0;
-        let transition = isHydrating ? { type: "transition", duration: 0 } : animations[animationKey], hasClonedTransition = !1;
-        if (Array.isArray(props.transition)) {
-          const config = props.transition[1];
-          if (config && typeof config == "object")
-            for (const key in config) {
-              const val = config[key];
-              hasClonedTransition || (transition = Object.assign({}, transition), hasClonedTransition = !0), typeof val == "string" ? transition[key] = animations[val] : transition[key] = val;
-            }
-        }
-        return {
-          dontAnimate: dontAnimate2,
-          motiProps: {
-            animate: isExiting || componentState.unmounted === !0 ? {} : styles,
-            transition: componentState.unmounted ? { duration: 0 } : transition,
-            usePresenceValue,
-            presenceContext,
-            exit: isExiting ? styles : void 0
-          }
-        };
-      }, [
-        presenceContext,
-        presence,
-        animationKey,
-        componentState.unmounted,
-        JSON.stringify(style),
-        presenceContext,
-        isDark
-      ]), moti = (0, import_author.useMotify)(motiProps);
-      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
-        "componentState.unmounted": componentState.unmounted,
-        animationProps,
-        motiProps,
-        moti,
-        style: [dontAnimate, moti.style]
-      }), {
-        style: [dontAnimate, moti.style]
-      };
-    }
-  };
-}
-//# sourceMappingURL=createAnimations.js.map

package/dist/cjs/createAnimations.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/createAnimations.tsx"],
-  "mappings": "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",
-  "names": ["Animated_", "React", "dontAnimate"]
-}

package/dist/cjs/index.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-var import_polyfill = require("./polyfill");
-__reExport(index_exports, require("./createAnimations"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,sBAAO;AAEP,0BAAc,+BAFd;",
-  "names": []
-}

package/dist/cjs/polyfill.js

@@ -1,3 +0,0 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
-typeof global > "u" && (globalThis.global = globalThis);
-//# sourceMappingURL=polyfill.js.map

package/dist/cjs/polyfill.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/polyfill.ts"],
-  "mappings": "AACI,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAIpC,OAAO,SAAW,QACpB,WAAW,SAAY;",
-  "names": []
-}

package/dist/esm/createAnimations.js

@@ -1,218 +0,0 @@
-import { PresenceContext, ResetPresence, usePresence } from "@tamagui/use-presence";
-import {
-  getSplitStyles,
-  hooks,
-  isWeb,
-  Text,
-  useComposedRefs,
-  useThemeWithState,
-  View
-} from "@tamagui/core";
-import { useMotify } from "moti/author";
-import React, { forwardRef, useMemo, useRef } from "react";
-import Animated_, {
-  cancelAnimation,
-  runOnJS,
-  useAnimatedReaction,
-  useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring,
-  withTiming
-} from "react-native-reanimated";
-import { jsx } from "react/jsx-runtime";
-const resolveDynamicValue = (value, isDark) => value && typeof value == "object" && "dynamic" in value ? isDark ? value.dynamic.dark : value.dynamic.light : value, safeESModule = (a) => {
-  const b = a;
-  return (b.__esModule || b[Symbol.toStringTag] === "Module" ? b.default : b) || a;
-}, Animated = safeESModule(Animated_);
-function createTamaguiAnimatedComponent(defaultTag = "div") {
-  const isText = defaultTag === "span", Component = Animated.createAnimatedComponent(
-    forwardRef((propsIn, ref) => {
-      const { forwardedRef, animation, render = defaultTag, ...propsRest } = propsIn, hostRef = useRef(null), composedRefs = useComposedRefs(forwardedRef, ref, hostRef), stateRef = useRef(null);
-      stateRef.current || (stateRef.current = {
-        get host() {
-          return hostRef.current;
-        }
-      });
-      const [_, state] = useThemeWithState({}), props = getSplitStyles(
-        propsRest,
-        isText ? Text.staticConfig : View.staticConfig,
-        state?.theme,
-        state?.name,
-        {
-          unmounted: !1
-        },
-        {
-          isAnimated: !1,
-          noClass: !0
-        }
-      )?.viewProps || {}, Element = render, transformedProps = hooks.usePropsTransform?.(render, props, stateRef, !1);
-      return /* @__PURE__ */ jsx(Element, { ...transformedProps, ref: composedRefs });
-    })
-  );
-  return Component.acceptTagProp = !0, Component;
-}
-const AnimatedView = createTamaguiAnimatedComponent("div"), AnimatedText = createTamaguiAnimatedComponent("span"), onlyAnimateKeys = {
-  transform: !0,
-  opacity: !0,
-  height: !0,
-  width: !0,
-  backgroundColor: !0,
-  borderColor: !0,
-  borderLeftColor: !0,
-  borderRightColor: !0,
-  borderTopColor: !0,
-  borderBottomColor: !0,
-  borderRadius: !0,
-  borderTopLeftRadius: !0,
-  borderTopRightRadius: !0,
-  borderBottomLeftRadius: !0,
-  borderBottomRightRadius: !0,
-  borderLeftWidth: !0,
-  borderRightWidth: !0,
-  borderTopWidth: !0,
-  borderBottomWidth: !0,
-  color: !0,
-  left: !0,
-  right: !0,
-  top: !0,
-  bottom: !0,
-  fontSize: !0,
-  fontWeight: !0,
-  lineHeight: !0,
-  letterSpacing: !0
-};
-function createAnimations(animations) {
-  return {
-    View: isWeb ? AnimatedView : Animated.View,
-    Text: isWeb ? AnimatedText : Animated.Text,
-    // View: Animated.View,
-    // Text: Animated.Text,
-    isReactNative: !0,
-    supportsCSS: !1,
-    inputStyle: "value",
-    outputStyle: "inline",
-    animations,
-    usePresence,
-    ResetPresence,
-    useAnimatedNumber(initial) {
-      const sharedValue = useSharedValue(initial);
-      return React.useMemo(
-        () => ({
-          getInstance() {
-            "worklet";
-            return sharedValue;
-          },
-          getValue() {
-            "worklet";
-            return sharedValue.value;
-          },
-          setValue(next, config = { type: "spring" }, onFinish) {
-            "worklet";
-            config.type === "direct" ? (sharedValue.value = next, onFinish?.()) : config.type === "spring" ? sharedValue.value = withSpring(
-              next,
-              config,
-              onFinish ? () => {
-                "worklet";
-                runOnJS(onFinish)();
-              } : void 0
-            ) : sharedValue.value = withTiming(
-              next,
-              config,
-              onFinish ? () => {
-                "worklet";
-                runOnJS(onFinish)();
-              } : void 0
-            );
-          },
-          stop() {
-            "worklet";
-            cancelAnimation(sharedValue);
-          }
-        }),
-        [sharedValue]
-      );
-    },
-    useAnimatedNumberReaction({ value }, onValue) {
-      const instance = value.getInstance();
-      return useAnimatedReaction(
-        () => instance.value,
-        (next, prev) => {
-          prev !== next && runOnJS(onValue)(next);
-        },
-        // dependency array is very important here
-        [onValue, instance]
-      );
-    },
-    /**
-     * `getStyle` must be a worklet
-     */
-    useAnimatedNumberStyle(val, getStyle) {
-      const instance = val.getInstance(), derivedValue = useDerivedValue(() => instance.value, [instance, getStyle]);
-      return useAnimatedStyle(() => getStyle(derivedValue.value), [val, getStyle, derivedValue, instance]);
-    },
-    useAnimations: (animationProps) => {
-      const { props, presence, style, componentState } = animationProps, animationKey = Array.isArray(props.transition) ? props.transition[0] : props.transition, isHydrating = componentState.unmounted === !0, disableAnimation = isHydrating || !animationKey, presenceContext = React.useContext(PresenceContext), [, themeState] = useThemeWithState({}), isDark = themeState?.scheme === "dark" || themeState?.name?.startsWith("dark"), { dontAnimate, motiProps } = useMemo(() => {
-        let animate = {}, dontAnimate2 = {};
-        if (disableAnimation)
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (dontAnimate2[key] = value);
-          }
-        else {
-          const animateOnly = props.animateOnly;
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (!onlyAnimateKeys[key] || value === "auto" || typeof value == "string" && value.startsWith("calc") || animateOnly && !animateOnly.includes(key) ? dontAnimate2[key] = value : animate[key] = value);
-          }
-        }
-        if (componentState.unmounted === "should-enter")
-          for (const key in style) {
-            const rawValue = style[key], value = resolveDynamicValue(rawValue, isDark);
-            value !== void 0 && (dontAnimate2[key] = value);
-          }
-        const styles = animate, isExiting = !!presence?.[1], usePresenceValue = presence || void 0;
-        let transition = isHydrating ? { type: "transition", duration: 0 } : animations[animationKey], hasClonedTransition = !1;
-        if (Array.isArray(props.transition)) {
-          const config = props.transition[1];
-          if (config && typeof config == "object")
-            for (const key in config) {
-              const val = config[key];
-              hasClonedTransition || (transition = Object.assign({}, transition), hasClonedTransition = !0), typeof val == "string" ? transition[key] = animations[val] : transition[key] = val;
-            }
-        }
-        return {
-          dontAnimate: dontAnimate2,
-          motiProps: {
-            animate: isExiting || componentState.unmounted === !0 ? {} : styles,
-            transition: componentState.unmounted ? { duration: 0 } : transition,
-            usePresenceValue,
-            presenceContext,
-            exit: isExiting ? styles : void 0
-          }
-        };
-      }, [
-        presenceContext,
-        presence,
-        animationKey,
-        componentState.unmounted,
-        JSON.stringify(style),
-        presenceContext,
-        isDark
-      ]), moti = useMotify(motiProps);
-      return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.info("useMotify(", JSON.stringify(motiProps, null, 2) + ")", {
-        "componentState.unmounted": componentState.unmounted,
-        animationProps,
-        motiProps,
-        moti,
-        style: [dontAnimate, moti.style]
-      }), {
-        style: [dontAnimate, moti.style]
-      };
-    }
-  };
-}
-export {
-  createAnimations
-};
-//# sourceMappingURL=createAnimations.js.map

package/dist/esm/createAnimations.js.map

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

package/dist/esm/polyfill.js

@@ -1,3 +0,0 @@
-typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setTimeout);
-typeof global > "u" && (globalThis.global = globalThis);
-//# sourceMappingURL=polyfill.js.map

package/dist/esm/polyfill.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/polyfill.ts"],
-  "mappings": "AACI,OAAO,wBAA0B,QACnC,WAAW,wBAA2B;AAIpC,OAAO,SAAW,QACpB,WAAW,SAAY;",
-  "names": []
-}