Latest

packages/framer-motion/client/package.json

@@ -1,6 +1,6 @@
 {
     "private": true,
-    "types": "../dist/client.d.ts",
+    "types": "../dist/types/client.d.ts",
     "main": "../dist/cjs/client.js",
     "module": "../dist/es/client.mjs"
 }

packages/framer-motion/package.json

@@ -6,7 +6,7 @@
     "module": "dist/es/index.mjs",
     "exports": {
         ".": {
-            "types": "./dist/index.d.ts",
+            "types": "./dist/types/index.d.ts",
             "require": "./dist/cjs/index.js",
             "import": "./dist/es/index.mjs",
             "default": "./dist/cjs/index.js"
@@ -24,7 +24,7 @@
             "default": "./dist/cjs/dom.js"
         },
         "./client": {
-            "types": "./dist/client.d.ts",
+            "types": "./dist/types/client.d.ts",
             "require": "./dist/cjs/client.js",
             "import": "./dist/es/client.mjs",
             "default": "./dist/cjs/client.js"

packages/framer-motion/rollup.config.mjs

@@ -114,7 +114,7 @@ const umdDomProd = createUmd("lib/dom.js", `dist/dom.js`)
 const umdDomMiniProd = createUmd("lib/dom-mini.js", `dist/dom-mini.js`)
 
 const cjs = Object.assign({}, config, {
-    input: "lib/index.js",
+    input: ["lib/index.js", "lib/client.js"],
     output: {
         entryFileNames: `[name].js`,
         dir: "dist/cjs",
@@ -138,7 +138,6 @@ const cjs = Object.assign({}, config, {
 const cjsDom = Object.assign({}, cjs, { input : "lib/dom.js" })
 const cjsMini = Object.assign({}, cjs, { input : "lib/mini.js" })
 const cjsDomMini = Object.assign({}, cjs, { input : "lib/dom-mini.js" })
-const cjsClient = Object.assign({}, cjs, { input : "lib/client.js" })
 const cjsM = Object.assign({}, cjs, { input : "lib/m.js" })
 
 export const es = Object.assign({}, config, {
@@ -162,6 +161,17 @@ export const es = Object.assign({}, config, {
 
 const typePlugins = [dts({compilerOptions: {...tsconfig, baseUrl:"types"}})]
 
+const types = {
+    input: ["types/index.d.ts", "types/client.d.ts"],
+    output: {
+        format: "es",
+        entryFileNames: "[name].d.ts",
+        dir: "dist",
+    },
+    plugins: typePlugins,
+}
+
+
 function createTypes(input, file) {   
     return {
         input,
@@ -174,12 +184,10 @@ function createTypes(input, file) {
 }
 
 
-const types = createTypes("types/index.d.ts", "dist/index.d.ts")
 const miniTypes = createTypes("types/mini.d.ts", "dist/mini.d.ts")
 const animateTypes = createTypes("types/dom.d.ts", "dist/dom.d.ts")
 const animateMiniTypes = createTypes("types/dom-mini.d.ts", "dist/dom-mini.d.ts")
 const mTypes = createTypes("types/m.d.ts", "dist/m.d.ts")
-const clientTypes = createTypes("types/client.d.ts", "dist/client.d.ts")
 const threeTypes = createTypes("types/three-entry.d.ts", "dist/three.d.ts")
 
 // eslint-disable-next-line import/no-default-export
@@ -193,13 +201,11 @@ export default [
     cjsMini,
     cjsDom,
     cjsDomMini,
-    cjsClient,
     cjsM,
     es,
     types,
     mTypes,
     miniTypes,
-    clientTypes,
     animateTypes,
     animateMiniTypes,
     threeTypes,

packages/framer-motion/src/motion/__tests__/types.test.tsx

@@ -0,0 +1,20 @@
+import { motion, useMotionValue } from "framer-motion"
+import * as clientMotion from "framer-motion/client"
+import * as React from "react"
+import { render } from "../../../jest.setup"
+
+describe("accepts motion values into both motion components from both entry points", () => {
+    it("renders", () => {
+        function Component() {
+            const x = useMotionValue(0)
+            return (
+                <>
+                    <motion.div style={{ x }} />
+                    <clientMotion.div style={{ x }} />
+                </>
+            )
+        }
+
+        render(<Component />)
+    })
+})