motion 10.18.0 → 11.11.12

package/.turbo/turbo-build.log

@@ -0,0 +1,29 @@
+(node:2512) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(Use `node --trace-warnings ...` to show where the warning was created)
+
+lib/index.js → dist/motion.dev.js...
+created dist/motion.dev.js in 814ms
+
+lib/index.js → dist/motion.js...
+created dist/motion.js in 1.2s
+
+lib/index.js → dist/cjs...
+created dist/cjs in 335ms
+
+lib/react-client.js → dist/cjs...
+created dist/cjs in 376ms
+
+lib/react-m.js → dist/cjs...
+created dist/cjs in 93ms
+
+lib/index.js, lib/react-client.js, lib/react-m.js → dist/es...
+created dist/es in 480ms
+
+types/index.d.ts → dist/index.d.ts...
+created dist/index.d.ts in 10ms
+
+types/react-m.d.ts → dist/react-m.d.ts...
+created dist/react-m.d.ts in 3ms
+
+types/react-client.d.ts → dist/react-client.d.ts...
+created dist/react-client.d.ts in 3ms

package/{LICENSE → LICENSE.md}

@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2021 Matt Perry
+Copyright (c) 2018 [Framer](https://www.framer.com?utm_source=motion-license) B.V.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,13 +1,105 @@
-<img width="100" height="100" alt="Motion One logo" src="https://user-images.githubusercontent.com/7850794/164965509-2a8dc49e-2ed7-4243-a2c9-481b03bbc31a.png" />
+<p align="center">
+  <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" alt="Motion Icon" />
+</p>
+<h1 align="center">Motion for React</h1>
 
-# Motion One
+<br>
 
-A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
+<p align="center">
+  <a href="https://www.npmjs.com/package/framer-motion" target="_blank">
+    <img src="https://img.shields.io/npm/v/framer-motion.svg?style=flat-square" />
+  </a>
+  <a href="https://www.npmjs.com/package/framer-motion" target="_blank">
+  <img src="https://img.shields.io/npm/dm/framer-motion.svg?style=flat-square" />
+  </a>
+  <a href="https://twitter.com/motiondotdev" target="_blank">
+  <img src="https://img.shields.io/twitter/follow/framer.svg?style=social&label=Follow"  />
+  </a>
+  <a href="https://discord.gg/DfkSpYe" target="_blank">
+  <img src="https://img.shields.io/discord/308323056592486420.svg?logo=discord&logoColor=white" alt="Chat on Discord">
+  </a>
+</p>
 
-## 📚 Documentation
+<br>
+<hr>
+<br>
 
-Full docs are available at [motion.dev](https://motion.dev).
+Motion for React is an open source, production-ready library that’s designed for all creative developers.
 
-## 🛠 DevTools
+It's the only animation library with a hybrid engine, combining the power of JavaScript animations combined with the performance of native browser APIs.
 
-Create Motion One and CSS animations faster than ever with [Motion DevTools](https://motion.dev/tools).
+It looks like this:
+
+```jsx
+<motion.div animate={{ x: 0 }} />
+```
+
+It does all this:
+
+-   [Springs](https://motion.dev/docs/react-transitions#spring)
+-   [Keyframes](https://motion.dev/docs/react-animation#keyframes)
+-   [Layout animations](https://motion/dev/docs/react-layout-animations)
+-   [Shared layout animations](https://motion.dev/docs/react-layout-animations#shared-layout-animations)
+-   [Gestures (drag/tap/hover)](https://motion.dev/docs/react-gestures)
+-   [Scroll animations](https://motion.dev/docs/react-scroll-animations)
+-   [SVG paths](https://motion.dev/docs/react-animation#svg-line-drawing)
+-   [Exit animations](https://motion.dev/docs/react-animation#exit-animations)
+-   [Server-side rendering](https://motion.dev//docs/react-motion-component#server-side-rendering)
+-   [Independent transforms](https://motion.dev/docs/react-motion-component#independent-transforms)
+-   [Orchestrate animations across components](https://motion.dev/docs/react-animation#orchestration)
+-   [CSS variables](https://motion.dev/docs/react-animation#css-variables)
+
+...and a whole lot more.
+
+## Get started
+
+### 🐇 Quick start
+
+Install `motion` with via your package manager:
+
+```
+npm install motion
+```
+
+Then import the `motion` component:
+
+```jsx
+import { motion } from "motion/react"
+
+export function Component({ isVisible }) {
+    return <motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
+}
+```
+
+### 💎 Contribute
+
+-   Want to contribute to Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.
+
+### 👩🏻‍⚖️ License
+
+-   Motion for React is MIT licensed.
+
+### ✨ Sponsors
+
+Motion is sustainable thanks to the kind support of its sponsors.
+
+#### Framer
+
+Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.
+<br/>
+
+<p align="center">
+  <a href="https://www.framer.com?utm_source=motion-readme">
+    <img src="https://framerusercontent.com/images/atXqxn4JhKm4LXVncdNjkKV7yCU.png" width="140" alt="Start for free" />
+  </a>
+</p>
+<br/>
+<p align="center">
+  <a href="https://www.framer.com?utm_source=motion-readme">
+    <img src="https://framerusercontent.com/images/pMSOmGP2V8sSaZRV2D7i4HTBTe4.png" width="1000" alt="Framer Banner" />
+  </a>
+</p>
+
+### Silver
+
+-   [Tailwind](https://tailwindcss.com)