diff --git a/examples/nextjs-app-dir-example/package.json b/examples/nextjs-app-dir-example/package.json
index bf427338..c2da904b 100644
--- a/examples/nextjs-app-dir-example/package.json
+++ b/examples/nextjs-app-dir-example/package.json
@@ -23,7 +23,7 @@
     "@telegraph/textarea": "^0.1.3",
     "@telegraph/tokens": "^0.1.2",
     "@telegraph/typography": "^0.1.25",
-    "framer-motion": "^12.23.12",
+    "framer-motion": "^12.28.1",
     "next": "npm:next@15.3.6",
     "next-seo": "^6.8.0",
     "react": "^19.0.0",
diff --git a/examples/nextjs-example/package.json b/examples/nextjs-example/package.json
index 5e70a371..0d9e0a6d 100644
--- a/examples/nextjs-example/package.json
+++ b/examples/nextjs-example/package.json
@@ -25,7 +25,7 @@
     "@telegraph/textarea": "^0.1.3",
     "@telegraph/tokens": "^0.1.2",
     "@telegraph/typography": "^0.1.25",
-    "framer-motion": "^12.23.12",
+    "framer-motion": "^12.28.1",
     "next": "15.3.6",
     "next-seo": "^6.8.0",
     "react": "^19.0.0",
diff --git a/yarn.lock b/yarn.lock
index 6d241ef8..e606c3f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12556,6 +12556,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-motion@npm:^12.28.1":
+  version: 12.28.1
+  resolution: "framer-motion@npm:12.28.1"
+  dependencies:
+    motion-dom: "npm:^12.28.1"
+    motion-utils: "npm:^12.27.2"
+    tslib: "npm:^2.4.0"
+  peerDependencies:
+    "@emotion/is-prop-valid": "*"
+    react: ^18.0.0 || ^19.0.0
+    react-dom: ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@emotion/is-prop-valid":
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 10c0/e2a86a8a64fca4019ee47ca74963b58b8785ea33389d25a00839eb3bd201d6825e0293305fe42dac600e3b9222e94d531b662441760485d683c17d12a0b42ea1
+  languageName: node
+  linkType: hard
+
 "freeport-async@npm:^2.0.0":
   version: 2.0.0
   resolution: "freeport-async@npm:2.0.0"
@@ -15281,6 +15303,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-dom@npm:^12.28.1":
+  version: 12.28.1
+  resolution: "motion-dom@npm:12.28.1"
+  dependencies:
+    motion-utils: "npm:^12.27.2"
+  checksum: 10c0/1995d326fed1aea7ef0b66e1f44a7211853dcc6e54c1b7b6b612dcf6ff621a46fdf6fe6b750d16eef8670d6da5bcfd2597a220dd2e3662e657f3e079b70c8d0e
+  languageName: node
+  linkType: hard
+
 "motion-utils@npm:^12.23.6":
   version: 12.23.6
   resolution: "motion-utils@npm:12.23.6"
@@ -15288,6 +15319,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-utils@npm:^12.27.2":
+  version: 12.27.2
+  resolution: "motion-utils@npm:12.27.2"
+  checksum: 10c0/b04ed72b4d66565d3a2791577060e0a9662fbe6a23672ffa722950ec357fe464064091118f5283860878f2447392c3ba6520a6d69559bf4b20fe8fe7b3d7b95b
+  languageName: node
+  linkType: hard
+
 "motion@npm:^12.23.12":
   version: 12.23.12
   resolution: "motion@npm:12.23.12"
@@ -15528,7 +15566,7 @@ __metadata:
     "@types/uuid": "npm:^10.0.0"
     eslint: "npm:^8.56.0"
     eslint-config-next: "npm:15.4.6"
-    framer-motion: "npm:^12.23.12"
+    framer-motion: "npm:^12.28.1"
     next: "npm:next@15.3.6"
     next-seo: "npm:^6.8.0"
     react: "npm:^19.0.0"
@@ -15568,7 +15606,7 @@ __metadata:
     "@types/react-dom": "npm:^19.1.6"
     "@types/uuid": "npm:^10.0.0"
     eslint: "npm:^8.56.0"
-    framer-motion: "npm:^12.23.12"
+    framer-motion: "npm:^12.28.1"
     next: "npm:15.3.6"
     next-seo: "npm:^6.8.0"
     react: "npm:^19.0.0"