diff --git a/.changeset/thirty-symbols-build.md b/.changeset/thirty-symbols-build.md
new file mode 100644
index 000000000..0ca6bbf99
--- /dev/null
+++ b/.changeset/thirty-symbols-build.md
@@ -0,0 +1,7 @@
+---
+"nextjs-app-dir-example": patch
+"nextjs-example": patch
+"@knocklabs/react": patch
+---
+
+chore: upgrade telegraph dependencies to their latest versions
diff --git a/examples/nextjs-app-dir-example/app/example/page.tsx b/examples/nextjs-app-dir-example/app/example/page.tsx
index ab28f297b..2382f2e00 100644
--- a/examples/nextjs-app-dir-example/app/example/page.tsx
+++ b/examples/nextjs-app-dir-example/app/example/page.tsx
@@ -106,7 +106,7 @@ export default function Example() {
             <Box
               marginTop="12"
               borderTopWidth="1"
-              bordertopcolor="gray"
+              borderTopColor="gray-5"
               paddingTop="4"
             >
               <Stack justifyContent="space-between" alignItems="center">
diff --git a/examples/nextjs-app-dir-example/package.json b/examples/nextjs-app-dir-example/package.json
index 9c9a40bcd..68f6d9ba4 100644
--- a/examples/nextjs-app-dir-example/package.json
+++ b/examples/nextjs-app-dir-example/package.json
@@ -14,15 +14,15 @@
     "@faker-js/faker": "^9.9.0",
     "@knocklabs/node": "^1.11.2",
     "@knocklabs/react": "workspace:*",
-    "@telegraph/button": "^0.2.7",
-    "@telegraph/combobox": "^0.2.0",
-    "@telegraph/icon": "^0.2.7",
-    "@telegraph/input": "^0.1.3",
-    "@telegraph/layout": "^0.2.3",
-    "@telegraph/select": "^0.0.70",
-    "@telegraph/textarea": "^0.1.3",
-    "@telegraph/tokens": "^0.1.2",
-    "@telegraph/typography": "^0.1.25",
+    "@telegraph/button": "^0.4.0",
+    "@telegraph/combobox": "^0.2.1",
+    "@telegraph/icon": "^0.4.0",
+    "@telegraph/input": "^0.2.0",
+    "@telegraph/layout": "^0.4.0",
+    "@telegraph/select": "^0.0.84",
+    "@telegraph/textarea": "^0.1.8",
+    "@telegraph/tokens": "^0.1.3",
+    "@telegraph/typography": "^0.2.0",
     "framer-motion": "^12.28.1",
     "next": "npm:next@15.3.6",
     "next-seo": "^6.8.0",
diff --git a/examples/nextjs-example/package.json b/examples/nextjs-example/package.json
index 16b72cf80..6d0938779 100644
--- a/examples/nextjs-example/package.json
+++ b/examples/nextjs-example/package.json
@@ -16,15 +16,15 @@
     "@faker-js/faker": "^9.9.0",
     "@knocklabs/node": "^1.11.2",
     "@knocklabs/react": "workspace:^",
-    "@telegraph/button": "^0.2.7",
-    "@telegraph/combobox": "^0.2.0",
-    "@telegraph/icon": "^0.2.7",
-    "@telegraph/input": "^0.1.3",
-    "@telegraph/layout": "^0.2.3",
-    "@telegraph/select": "^0.0.70",
-    "@telegraph/textarea": "^0.1.3",
-    "@telegraph/tokens": "^0.1.2",
-    "@telegraph/typography": "^0.1.25",
+    "@telegraph/button": "^0.4.0",
+    "@telegraph/combobox": "^0.2.1",
+    "@telegraph/icon": "^0.4.0",
+    "@telegraph/input": "^0.2.0",
+    "@telegraph/layout": "^0.4.0",
+    "@telegraph/select": "^0.0.84",
+    "@telegraph/textarea": "^0.1.8",
+    "@telegraph/tokens": "^0.1.3",
+    "@telegraph/typography": "^0.2.0",
     "framer-motion": "^12.28.1",
     "next": "15.3.6",
     "next-seo": "^6.8.0",
diff --git a/examples/nextjs-example/pages/index.tsx b/examples/nextjs-example/pages/index.tsx
index dce1d5bea..5f76346fe 100644
--- a/examples/nextjs-example/pages/index.tsx
+++ b/examples/nextjs-example/pages/index.tsx
@@ -107,7 +107,7 @@ export default function Home() {
             <Box
               marginTop="12"
               borderTopWidth="1"
-              bordertopcolor="gray"
+              borderTopColor="gray-5"
               paddingTop="4"
             >
               <Stack justifyContent="space-between" alignItems="center">
diff --git a/packages/react/package.json b/packages/react/package.json
index 3aaf51c19..a830df369 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -77,13 +77,13 @@
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-hover-card": "^1.1.15",
-    "@telegraph/combobox": "^0.2.0",
-    "@telegraph/icon": "^0.2.7",
-    "@telegraph/layout": "^0.2.3",
-    "@telegraph/select": "^0.0.70",
-    "@telegraph/tokens": "^0.1.2",
-    "@telegraph/tooltip": "0.0.61",
-    "@telegraph/typography": "^0.1.25",
+    "@telegraph/combobox": "^0.2.1",
+    "@telegraph/icon": "^0.4.0",
+    "@telegraph/layout": "^0.4.0",
+    "@telegraph/select": "^0.0.84",
+    "@telegraph/tokens": "^0.1.3",
+    "@telegraph/tooltip": "0.1.1",
+    "@telegraph/typography": "^0.2.0",
     "clsx": "^2.1.1",
     "lodash.debounce": "^4.0.8"
   },
diff --git a/yarn.lock b/yarn.lock
index 3c631acf9..e839ab5cf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4254,13 +4254,13 @@ __metadata:
     "@radix-ui/react-dialog": "npm:^1.1.15"
     "@radix-ui/react-hover-card": "npm:^1.1.15"
     "@tanstack/react-router": "npm:1.134.12"
-    "@telegraph/combobox": "npm:^0.2.0"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/select": "npm:^0.0.70"
-    "@telegraph/tokens": "npm:^0.1.2"
-    "@telegraph/tooltip": "npm:0.0.61"
-    "@telegraph/typography": "npm:^0.1.25"
+    "@telegraph/combobox": "npm:^0.2.1"
+    "@telegraph/icon": "npm:^0.4.0"
+    "@telegraph/layout": "npm:^0.4.0"
+    "@telegraph/select": "npm:^0.0.84"
+    "@telegraph/tokens": "npm:^0.1.3"
+    "@telegraph/tooltip": "npm:0.1.1"
+    "@telegraph/typography": "npm:^0.2.0"
     "@testing-library/dom": "npm:^10.4.1"
     "@testing-library/react": "npm:^16.3.0"
     "@types/eslint-plugin-jsx-a11y": "npm:^6"
@@ -5135,7 +5135,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-portal@npm:1.1.9, @radix-ui/react-portal@npm:^1.1.9":
+"@radix-ui/react-portal@npm:1.1.9":
   version: 1.1.9
   resolution: "@radix-ui/react-portal@npm:1.1.9"
   dependencies:
@@ -5437,7 +5437,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-visually-hidden@npm:1.2.3, @radix-ui/react-visually-hidden@npm:^1.2.3":
+"@radix-ui/react-visually-hidden@npm:1.2.3":
   version: 1.2.3
   resolution: "@radix-ui/react-visually-hidden@npm:1.2.3"
   dependencies:
@@ -6898,18 +6898,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/appearance@npm:^0.0.11":
-  version: 0.0.11
-  resolution: "@telegraph/appearance@npm:0.0.11"
-  dependencies:
-    "@radix-ui/react-slot": "npm:^1.2.3"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/fd61bc105dded1aedc858e7848d4191a1b80961a3de63612a3a86c5c8d781ec0e36780d880463fd33309b61a6a60f2c6640c170f47b0bb46fffb72d8ad534b84
-  languageName: node
-  linkType: hard
-
 "@telegraph/appearance@npm:^0.0.12":
   version: 0.0.12
   resolution: "@telegraph/appearance@npm:0.0.12"
@@ -6922,24 +6910,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/button@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "@telegraph/button@npm:0.2.7"
-  dependencies:
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/style-engine": "npm:^0.1.16"
-    "@telegraph/typography": "npm:^0.1.25"
-    clsx: "npm:^2.1.1"
-    lucide-react: "npm:^0.544.0"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/72c09a6b5810e6af16c4b70580304908f51ec2339242df287fb5e7b45739ef4000f7529be12724d33998e3f6b74505b3e9e3e9f80140da00754f89c5820d1313
-  languageName: node
-  linkType: hard
-
 "@telegraph/button@npm:^0.4.0":
   version: 0.4.0
   resolution: "@telegraph/button@npm:0.4.0"
@@ -6958,38 +6928,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/combobox@npm:0.1.16":
-  version: 0.1.16
-  resolution: "@telegraph/combobox@npm:0.1.16"
-  dependencies:
-    "@radix-ui/react-dismissable-layer": "npm:^1.1.11"
-    "@radix-ui/react-menu": "npm:^2.1.16"
-    "@radix-ui/react-portal": "npm:^1.1.9"
-    "@radix-ui/react-use-controllable-state": "npm:^1.2.2"
-    "@radix-ui/react-visually-hidden": "npm:^1.2.3"
-    "@telegraph/button": "npm:^0.2.7"
-    "@telegraph/compose-refs": "npm:^0.0.7"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/input": "npm:^0.1.3"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/menu": "npm:^0.1.13"
-    "@telegraph/tag": "npm:^0.0.107"
-    "@telegraph/tooltip": "npm:^0.0.58"
-    "@telegraph/truncate": "npm:^0.0.13"
-    "@telegraph/typography": "npm:^0.1.25"
-    lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/3a93b93c6ab47f8db99c871171e0594282bfa22b7630b73bd499c37b20acccc744e01d3ab0c1469ec406843805cdb621b790ee108284f8dc97bdfc238c59a2ee
-  languageName: node
-  linkType: hard
-
-"@telegraph/combobox@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "@telegraph/combobox@npm:0.2.0"
+"@telegraph/combobox@npm:0.2.1, @telegraph/combobox@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@telegraph/combobox@npm:0.2.1"
   dependencies:
     "@radix-ui/react-dismissable-layer": "npm:^1.1.11"
     "@radix-ui/react-menu": "npm:^2.1.16"
@@ -7002,27 +6943,17 @@ __metadata:
     "@telegraph/icon": "npm:^0.4.0"
     "@telegraph/input": "npm:^0.2.0"
     "@telegraph/layout": "npm:^0.4.0"
-    "@telegraph/menu": "npm:^0.2.0"
-    "@telegraph/tag": "npm:^0.1.0"
-    "@telegraph/tooltip": "npm:^0.1.0"
+    "@telegraph/menu": "npm:^0.2.1"
+    "@telegraph/tag": "npm:^0.1.1"
+    "@telegraph/tooltip": "npm:^0.1.1"
     "@telegraph/truncate": "npm:^0.1.0"
     "@telegraph/typography": "npm:^0.2.0"
     lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
+    motion: "npm:^12.34.3"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/9bc7eba24e164e8ed3058600c917fd31fc4d4f5d5ed1ef98e270a8ac280a3e38aeff7d06e02eb2b5552218a23702ce41f8a7d5c89271f24a02601b84a5a8711a
-  languageName: node
-  linkType: hard
-
-"@telegraph/compose-refs@npm:^0.0.7":
-  version: 0.0.7
-  resolution: "@telegraph/compose-refs@npm:0.0.7"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/3f4cc33ba07ee76915d23b8a0c059374b0aa4679741aa67c911479aaf3300034aa32cbeddc916ef3fd5ca277def0a67cf67f337008b685f53cbffb17dfe36073
+  checksum: 10c0/82597534f5be946d1c89453899366471191cc99136abd081d7403c880a2cdd6b3c59b54660a65164e054ba13b33a46c9e4efad484b9a7ffdd42b7dbfbdcd4265
   languageName: node
   linkType: hard
 
@@ -7036,27 +6967,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/helpers@npm:0.0.13, @telegraph/helpers@npm:^0.0.13":
-  version: 0.0.13
-  resolution: "@telegraph/helpers@npm:0.0.13"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/c1643543285525c5360ed81ecd51c75d8165f17164c6eab9eba24813488e182b77d9a96d691646b707dad921345127f61313716368e696d9927bf46083f7704c
-  languageName: node
-  linkType: hard
-
-"@telegraph/helpers@npm:^0.0.14":
-  version: 0.0.14
-  resolution: "@telegraph/helpers@npm:0.0.14"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/08d25ae95a016d095c290393bcc3b99c356029f5b6d3454b4eedb98f0cab5bdeafabbdc962d5d7a94afaad1c044c6262a4c72bad0725ca9d5c583941b3e840d8
-  languageName: node
-  linkType: hard
-
-"@telegraph/helpers@npm:^0.0.15":
+"@telegraph/helpers@npm:0.0.15, @telegraph/helpers@npm:^0.0.15":
   version: 0.0.15
   resolution: "@telegraph/helpers@npm:0.0.15"
   peerDependencies:
@@ -7066,21 +6977,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/icon@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "@telegraph/icon@npm:0.2.7"
-  dependencies:
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/typography": "npm:^0.1.25"
-    clsx: "npm:^2.1.1"
-    lucide-react: "npm:^0.544.0"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/10e362eb77f7e3c534f9002b704850587b685aa18752910dfe1b3a5ba9db41cb2fc835f391d12c1e480eef38ab06fa6d5a2dc36a6fe1e5fcb351868513c55595
-  languageName: node
-  linkType: hard
-
 "@telegraph/icon@npm:^0.4.0":
   version: 0.4.0
   resolution: "@telegraph/icon@npm:0.4.0"
@@ -7096,23 +6992,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/input@npm:^0.1.3":
-  version: 0.1.3
-  resolution: "@telegraph/input@npm:0.1.3"
-  dependencies:
-    "@radix-ui/react-slot": "npm:^1.2.3"
-    "@telegraph/compose-refs": "npm:^0.0.7"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/typography": "npm:^0.1.25"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/7499455772f096368208d3511248ecc84332c5f66ba331b03a6b49f87b32a1b7bdf10384bb7a53e8b73d332f1a127416627ed171d1ef1cb7b02bfd8f9c8e1513
-  languageName: node
-  linkType: hard
-
 "@telegraph/input@npm:^0.2.0":
   version: 0.2.0
   resolution: "@telegraph/input@npm:0.2.0"
@@ -7130,36 +7009,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/layout@npm:^0.2.3":
-  version: 0.2.3
-  resolution: "@telegraph/layout@npm:0.2.3"
-  dependencies:
-    "@telegraph/compose-refs": "npm:^0.0.7"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/style-engine": "npm:^0.1.16"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/55e248203a57389a49f15db51e2c594e421bf817f442114b16b6f0068351187aabb4e06840d3dbd2de9bbf8aa6c18f5ccc412d2a3c88b1c1d7805b38a3fa99fb
-  languageName: node
-  linkType: hard
-
-"@telegraph/layout@npm:^0.3.2, @telegraph/layout@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "@telegraph/layout@npm:0.3.3"
-  dependencies:
-    "@telegraph/compose-refs": "npm:^0.0.8"
-    "@telegraph/helpers": "npm:^0.0.15"
-    "@telegraph/style-engine": "npm:^0.2.2"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/b088a50b95624021373329080794e7524b2e85f4e8db97ff84c91213bbb64b9a23a4774e31d920e9817e16c25921bbd27534c144ac4aec0b5e39ce03fc863736
-  languageName: node
-  linkType: hard
-
 "@telegraph/layout@npm:^0.4.0":
   version: 0.4.0
   resolution: "@telegraph/layout@npm:0.4.0"
@@ -7175,28 +7024,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/menu@npm:^0.1.13":
-  version: 0.1.13
-  resolution: "@telegraph/menu@npm:0.1.13"
-  dependencies:
-    "@radix-ui/react-menu": "npm:^2.1.16"
-    "@radix-ui/react-use-controllable-state": "npm:^1.2.2"
-    "@telegraph/button": "npm:^0.2.7"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/layout": "npm:^0.2.3"
-    lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/ad65455bc2e075801a86076ccb47488b3a1d4a22317c668733156fd173c31e3bcf661b5c4e26d8ef3d263b8a28d09571e41f11920876fe7094614e525944b528
-  languageName: node
-  linkType: hard
-
-"@telegraph/menu@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "@telegraph/menu@npm:0.2.0"
+"@telegraph/menu@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@telegraph/menu@npm:0.2.1"
   dependencies:
     "@radix-ui/react-menu": "npm:^2.1.16"
     "@radix-ui/react-use-controllable-state": "npm:^1.2.2"
@@ -7205,37 +7035,24 @@ __metadata:
     "@telegraph/icon": "npm:^0.4.0"
     "@telegraph/layout": "npm:^0.4.0"
     lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/99ae89b0f4c96af21210452d6cd3406cc394c3d60fe16d5ec0d6bb66fea86401b7a3ac11d23b778d752cda1991741c7d656f3b90595d8fc7832da46bec2d14cd
-  languageName: node
-  linkType: hard
-
-"@telegraph/select@npm:^0.0.70":
-  version: 0.0.70
-  resolution: "@telegraph/select@npm:0.0.70"
-  dependencies:
-    "@telegraph/combobox": "npm:0.1.16"
-    "@telegraph/helpers": "npm:0.0.13"
+    motion: "npm:^12.34.3"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/044f6a98a66f9bfbc8c806e38d1faaf1051a6f9c7ae7a02279c12283bd1fe4ddf57b7e240b2dea145838a6fdab9e15069be58ae93fc9257c15095b4559db59c7
+  checksum: 10c0/f08686dec13e66bb0f84c76d33e9af30585b0de60e0b484dce21eed0145e17ac537123c3b13a35221eb40ef176210e459812108eda16b1904847962670307383
   languageName: node
   linkType: hard
 
-"@telegraph/style-engine@npm:^0.1.16":
-  version: 0.1.16
-  resolution: "@telegraph/style-engine@npm:0.1.16"
+"@telegraph/select@npm:^0.0.84":
+  version: 0.0.84
+  resolution: "@telegraph/select@npm:0.0.84"
   dependencies:
-    "@telegraph/tokens": "npm:^0.1.2"
-    postcss: "npm:^8.5.3"
+    "@telegraph/combobox": "npm:0.2.1"
+    "@telegraph/helpers": "npm:0.0.15"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/f3acf5ff9f7f922724802fb1794917d56059f38237c93eb242dd2c19424a56d841b2e04866075adf9779261859f8d86ef0303f9909431e6abaa6290215a11463
+  checksum: 10c0/7e9c9e20eee2a8a5762daf224ffdf4a5e4e9ae20d0827c36924f0b945474904cf9f33b0162085912729fa8703d4f376d50958f99c1f79d9b20d1f42bcf57d198
   languageName: node
   linkType: hard
 
@@ -7252,67 +7069,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/tag@npm:^0.0.107":
-  version: 0.0.107
-  resolution: "@telegraph/tag@npm:0.0.107"
-  dependencies:
-    "@telegraph/button": "npm:^0.2.7"
-    "@telegraph/compose-refs": "npm:^0.0.7"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/tooltip": "npm:^0.0.58"
-    "@telegraph/typography": "npm:^0.1.25"
-    clsx: "npm:^2.1.1"
-    lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/32ca01e7c7b423efa7085e691670ba44fbc874967a2d08d9529544e675814d07b859c7d2d49bcf5d5b3d7d336ce71440a434af57c3ea2ce690f144203eb21821
-  languageName: node
-  linkType: hard
-
-"@telegraph/tag@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "@telegraph/tag@npm:0.1.0"
+"@telegraph/tag@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "@telegraph/tag@npm:0.1.1"
   dependencies:
     "@telegraph/button": "npm:^0.4.0"
     "@telegraph/compose-refs": "npm:^0.0.8"
     "@telegraph/helpers": "npm:^0.0.15"
     "@telegraph/icon": "npm:^0.4.0"
     "@telegraph/layout": "npm:^0.4.0"
-    "@telegraph/tooltip": "npm:^0.1.0"
+    "@telegraph/tooltip": "npm:^0.1.1"
     "@telegraph/typography": "npm:^0.2.0"
     clsx: "npm:^2.1.1"
     lucide-react: "npm:^0.544.0"
-    motion: "npm:^12.23.12"
+    motion: "npm:^12.34.3"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/729a263f91827d2462edd5e66a62fafcc855c88dafd3ab6614275cec3ca5a75ad39057c5d75ab1eecb56e7ce005d6feda9fe2033f8ab0853483950fa7d1fa678
+  checksum: 10c0/6950b12e3271ae6b8e5b1855b643c6b139bb87b478e59ba9de59595d8a64c9d8e9e29ddf6eec62d29c6135b66f740e465054525d5b130961e70d15b450309c41
   languageName: node
   linkType: hard
 
-"@telegraph/textarea@npm:^0.1.3":
-  version: 0.1.3
-  resolution: "@telegraph/textarea@npm:0.1.3"
+"@telegraph/textarea@npm:^0.1.8":
+  version: 0.1.8
+  resolution: "@telegraph/textarea@npm:0.1.8"
   dependencies:
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/typography": "npm:^0.1.25"
+    "@telegraph/helpers": "npm:^0.0.15"
+    "@telegraph/typography": "npm:^0.2.0"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/81b22862854980c5ef3a81bb68c387cb55c0df5e3ba152f54af88734db8e5a89e7da5f470588c46f0e0417060dcf63856052a5956882855ee3faee14fc09e55f
-  languageName: node
-  linkType: hard
-
-"@telegraph/tokens@npm:^0.1.2":
-  version: 0.1.2
-  resolution: "@telegraph/tokens@npm:0.1.2"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-  checksum: 10c0/6af4ae21e53ff3b64012c085ff17462b92506625d8212e7e130dc30d2facac8196cb1683dd0e0fe6a7285f2d0db93a7c59406bfb1d3e7ac29113a80fd15798d9
+  checksum: 10c0/a3a4ceec5d59e7da8ce01f9943a439bf8ca8d23b86dbb730d3070c7c423dbc49b0fa5a32e6d13cc4ca913672bfc805c18fe229ea5505492a16da4b5a02f911b9
   languageName: node
   linkType: hard
 
@@ -7325,39 +7112,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/tooltip@npm:0.0.61":
-  version: 0.0.61
-  resolution: "@telegraph/tooltip@npm:0.0.61"
-  dependencies:
-    "@radix-ui/react-tooltip": "npm:^1.2.8"
-    "@radix-ui/react-use-controllable-state": "npm:^1.2.2"
-    "@telegraph/appearance": "npm:^0.0.11"
-    "@telegraph/helpers": "npm:^0.0.14"
-    "@telegraph/layout": "npm:^0.3.2"
-    "@telegraph/typography": "npm:^0.1.28"
-    motion: "npm:^12.23.12"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/ca28b807f7d37b9dcc9ce58d4ca58f2b49202f306ba4c66b4c582ab4c64a6b34b2a6041aefc1175c9701328e1f9dadb041b46f5ecb04e230a48fe60a69e64297
-  languageName: node
-  linkType: hard
-
-"@telegraph/tooltip@npm:^0.0.58":
-  version: 0.0.58
-  resolution: "@telegraph/tooltip@npm:0.0.58"
+"@telegraph/tooltip@npm:0.1.1, @telegraph/tooltip@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "@telegraph/tooltip@npm:0.1.1"
   dependencies:
     "@radix-ui/react-tooltip": "npm:^1.2.8"
     "@radix-ui/react-use-controllable-state": "npm:^1.2.2"
-    "@telegraph/appearance": "npm:^0.0.11"
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/typography": "npm:^0.1.25"
-    motion: "npm:^12.23.12"
+    "@telegraph/appearance": "npm:^0.0.12"
+    "@telegraph/helpers": "npm:^0.0.15"
+    "@telegraph/layout": "npm:^0.4.0"
+    "@telegraph/typography": "npm:^0.2.0"
+    motion: "npm:^12.34.3"
   peerDependencies:
     react: ^18.0.0 || ^19.0.0
     react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/e145591ba45b21a3bc004bcddd8a543af3ef98c17d5d65fbb5d470475e1ee4778d142017a915cd510e64ee5c679d114089dd5d9e24652702cfe02ca52f9cd87c
+  checksum: 10c0/22e0fcd0b462160e2c0754fb67c05840ae0a4ade011b33bbce65df797269be75c0bddddb21f13a12d504ea0c3ca6cb1896b3c7586b3d933e8b433a45686e84fd
   languageName: node
   linkType: hard
 
@@ -7379,20 +7148,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/truncate@npm:^0.0.13":
-  version: 0.0.13
-  resolution: "@telegraph/truncate@npm:0.0.13"
-  dependencies:
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/tooltip": "npm:^0.0.58"
-    "@telegraph/typography": "npm:^0.1.25"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/fa45de088425230568dcd7d4c2f33abff5e38b4837b5f2af148f8761d3db57e6b19ebc57e2dc00e1c864cbe69de9cc89c19d24cb077991df0234012d63ff84d6
-  languageName: node
-  linkType: hard
-
 "@telegraph/truncate@npm:^0.1.0":
   version: 0.1.0
   resolution: "@telegraph/truncate@npm:0.1.0"
@@ -7407,36 +7162,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@telegraph/typography@npm:^0.1.25":
-  version: 0.1.25
-  resolution: "@telegraph/typography@npm:0.1.25"
-  dependencies:
-    "@telegraph/helpers": "npm:^0.0.13"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/style-engine": "npm:^0.1.16"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/bf4de10fa5e4dbfb782f033b6bcbe5a6e221d9c4aa0f5e00541d1721f7d9ec9d67d717eeed40b7df69a0d6299ef41f3dded4a017bd6230b21a3768062fd7dda2
-  languageName: node
-  linkType: hard
-
-"@telegraph/typography@npm:^0.1.28":
-  version: 0.1.29
-  resolution: "@telegraph/typography@npm:0.1.29"
-  dependencies:
-    "@telegraph/helpers": "npm:^0.0.15"
-    "@telegraph/layout": "npm:^0.3.3"
-    "@telegraph/style-engine": "npm:^0.2.2"
-    clsx: "npm:^2.1.1"
-  peerDependencies:
-    react: ^18.0.0 || ^19.0.0
-    react-dom: ^18.0.0 || ^19.0.0
-  checksum: 10c0/30cb430393f385098c2b3289960d2f2ebf6e7f1c9a80657e75abfe4f851b8a31f3187c57189d175dc447372ee7a7aa4a11b3312df92f8101a7eb819ba8953e1a
-  languageName: node
-  linkType: hard
-
 "@telegraph/typography@npm:^0.2.0":
   version: 0.2.0
   resolution: "@telegraph/typography@npm:0.2.0"
@@ -13255,6 +12980,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-motion@npm:^12.34.3":
+  version: 12.34.3
+  resolution: "framer-motion@npm:12.34.3"
+  dependencies:
+    motion-dom: "npm:^12.34.3"
+    motion-utils: "npm:^12.29.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/e36d8d2b33200c6d8ad8af6508090276674dcd239da8026ab19ec4f739b8943197c7b1777f28f96c7149f65ccd35efb5905cbdfdaf6e75017bcd7cc4eb69328b
+  languageName: node
+  linkType: hard
+
 "freeport-async@npm:^2.0.0":
   version: 2.0.0
   resolution: "freeport-async@npm:2.0.0"
@@ -16033,6 +15780,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-dom@npm:^12.34.3":
+  version: 12.34.3
+  resolution: "motion-dom@npm:12.34.3"
+  dependencies:
+    motion-utils: "npm:^12.29.2"
+  checksum: 10c0/9a336be96dbb24a2ea3cafe401043553bc326274d118b86d6414e505cd394f26c071cd420d2e71c2cf19e76abc89bfdac4a7c5c1b3842eca56b11d6b8687dfdc
+  languageName: node
+  linkType: hard
+
 "motion-utils@npm:^12.23.6":
   version: 12.23.6
   resolution: "motion-utils@npm:12.23.6"
@@ -16047,6 +15803,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion-utils@npm:^12.29.2":
+  version: 12.29.2
+  resolution: "motion-utils@npm:12.29.2"
+  checksum: 10c0/8058fbb3467602e8263a8a6df0e5d318d00d30d7148415d2ebc13c78a3c7a1b0cbec0808bb62e82c34714979ecbed15b9fffb91bde654dbf3602c84b7d66a5b6
+  languageName: node
+  linkType: hard
+
 "motion@npm:^12.23.12":
   version: 12.23.12
   resolution: "motion@npm:12.23.12"
@@ -16068,6 +15831,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"motion@npm:^12.34.3":
+  version: 12.34.3
+  resolution: "motion@npm:12.34.3"
+  dependencies:
+    framer-motion: "npm:^12.34.3"
+    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/bb16391e893c2df81e1447d920cb97f54da1c2660ca648c9bfee6cc5b482f96b4bcb223eee02da40e78bd33c4211168b444e3fefefeb1177e338f0e1063b4be1
+  languageName: node
+  linkType: hard
+
 "mri@npm:^1.2.0":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
@@ -16271,15 +16055,15 @@ __metadata:
     "@knocklabs/react": "workspace:*"
     "@knocklabs/typescript-config": "workspace:^"
     "@next/eslint-plugin-next": "npm:^15.3.1"
-    "@telegraph/button": "npm:^0.2.7"
-    "@telegraph/combobox": "npm:^0.2.0"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/input": "npm:^0.1.3"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/select": "npm:^0.0.70"
-    "@telegraph/textarea": "npm:^0.1.3"
-    "@telegraph/tokens": "npm:^0.1.2"
-    "@telegraph/typography": "npm:^0.1.25"
+    "@telegraph/button": "npm:^0.4.0"
+    "@telegraph/combobox": "npm:^0.2.1"
+    "@telegraph/icon": "npm:^0.4.0"
+    "@telegraph/input": "npm:^0.2.0"
+    "@telegraph/layout": "npm:^0.4.0"
+    "@telegraph/select": "npm:^0.0.84"
+    "@telegraph/textarea": "npm:^0.1.8"
+    "@telegraph/tokens": "npm:^0.1.3"
+    "@telegraph/typography": "npm:^0.2.0"
     "@types/eslint": "npm:^8.44.7"
     "@types/node": "npm:^24"
     "@types/react": "npm:^19.1.8"
@@ -16312,15 +16096,15 @@ __metadata:
     "@knocklabs/react": "workspace:^"
     "@knocklabs/typescript-config": "workspace:^"
     "@next/eslint-plugin-next": "npm:^15.3.1"
-    "@telegraph/button": "npm:^0.2.7"
-    "@telegraph/combobox": "npm:^0.2.0"
-    "@telegraph/icon": "npm:^0.2.7"
-    "@telegraph/input": "npm:^0.1.3"
-    "@telegraph/layout": "npm:^0.2.3"
-    "@telegraph/select": "npm:^0.0.70"
-    "@telegraph/textarea": "npm:^0.1.3"
-    "@telegraph/tokens": "npm:^0.1.2"
-    "@telegraph/typography": "npm:^0.1.25"
+    "@telegraph/button": "npm:^0.4.0"
+    "@telegraph/combobox": "npm:^0.2.1"
+    "@telegraph/icon": "npm:^0.4.0"
+    "@telegraph/input": "npm:^0.2.0"
+    "@telegraph/layout": "npm:^0.4.0"
+    "@telegraph/select": "npm:^0.0.84"
+    "@telegraph/textarea": "npm:^0.1.8"
+    "@telegraph/tokens": "npm:^0.1.3"
+    "@telegraph/typography": "npm:^0.2.0"
     "@types/eslint": "npm:^8.44.7"
     "@types/node": "npm:^24"
     "@types/react": "npm:^19.1.8"
@@ -17059,7 +16843,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8, postcss@npm:^8.4.41, postcss@npm:^8.4.43, postcss@npm:^8.5.3":
+"postcss@npm:^8, postcss@npm:^8.4.41, postcss@npm:^8.4.43":
   version: 8.5.3
   resolution: "postcss@npm:8.5.3"
   dependencies: