docs: fix a large number of spelling issues

packages/framer-motion/cypress/integration/layout-shared.ts

@@ -72,7 +72,7 @@ describe("Shared layout: A -> B transition", () => {
             })
             .trigger("click")
             .wait(50)
-            // Lose reference to orignal element
+            // Lose reference to original element
             .get("#shape-1")
             .get("#shape-0")
             .should(([$box]: any) => {

packages/framer-motion/rollup.config.mjs

@@ -131,7 +131,7 @@ const cjs = Object.assign({}, config, {
 })
 
 /**
- * Bundle seperately so bundles don't share common modules
+ * Bundle separately so bundles don't share common modules
  */
 const cjsDebug = Object.assign({}, cjs, { input : "lib/debug.js" })
 const cjsDom = Object.assign({}, cjs, { input : "lib/dom.js" })

packages/framer-motion/src/index.ts

@@ -151,5 +151,5 @@ export { AnimateSharedLayout } from "./components/AnimateSharedLayout"
 export { DeprecatedLayoutGroupContext } from "./context/DeprecatedLayoutGroupContext"
 export { useInvertedScale as useDeprecatedInvertedScale } from "./value/use-inverted-scale"
 
-// Keep explict delay in milliseconds export for BC with Framer
+// Keep explicit delay in milliseconds export for BC with Framer
 export { delay, DelayedFunction } from "./utils/delay"

packages/framer-motion/src/projection/geometry/delta-apply.ts

@@ -119,7 +119,7 @@ export function applyTreeDeltas(
         }
 
         if (delta) {
-            // Incoporate each ancestor's scale into a culmulative treeScale for this component
+            // Incoporate each ancestor's scale into a cumulative treeScale for this component
             treeScale.x *= delta.x.scale
             treeScale.y *= delta.y.scale
 

packages/framer-motion/src/projection/node/create-projection-node.ts

@@ -586,7 +586,7 @@ export function createProjectionNode<I>({
                             /**
                              * If the layout hasn't changed and we have an animation that hasn't started yet,
                              * finish it immediately. Otherwise it will be animating from a location
-                             * that was probably never commited to screen and look like a jumpy box.
+                             * that was probably never committed to screen and look like a jumpy box.
                              */
 
                             if (!hasLayoutChanged) {

packages/motion-dom/src/animation/AsyncMotionValueAnimation.ts

@@ -138,7 +138,7 @@ export class AsyncMotionValueAnimation<T extends AnyResolvedKeyframe>
          * progress, which would feel snappier.
          *
          * However, if there's a delay (main thread work) between the creation of
-         * the animation and the first commited frame, we prefer to use resolvedAt
+         * the animation and the first committed frame, we prefer to use resolvedAt
          * to avoid a sudden jump into the animation.
          */
         const startTime = sync

packages/motion-dom/src/animation/NativeAnimationExtended.ts

@@ -53,7 +53,7 @@ export class NativeAnimationExtended<
     /**
      * WAAPI doesn't natively have any interruption capabilities.
      *
-     * Rather than read commited styles back out of the DOM, we can
+     * Rather than read committed styles back out of the DOM, we can
      * create a renderless JS animation and sample it twice to calculate
      * its current value, "previous" value, and therefore allow
      * Motion to calculate velocity for any subsequent animation.

packages/motion/rollup.config.mjs

@@ -117,7 +117,7 @@ const cjs = Object.assign({}, config, {
 })
 
 /**
- * Bundle seperately so bundles don't share common modules
+ * Bundle separately so bundles don't share common modules
  */
 const cjsReact = Object.assign({}, cjs, { input : "lib/react.js" })
 const cjsMini = Object.assign({}, cjs, { input : "lib/mini.js" })