@dreamtree-org/twreact-ui 2.1.2 → 2.2.0

package/motion/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/motion/index.js",
+  "module": "../dist/esm/motion/index.js",
+  "types": "../dist/motion/index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",
@@ -27,6 +27,11 @@
       "module": "./dist/esm/rich-text/index.js",
       "default": "./dist/rich-text/index.js"
     },
+    "./motion": {
+      "types": "./dist/motion/index.d.ts",
+      "module": "./dist/esm/motion/index.js",
+      "default": "./dist/motion/index.js"
+    },
     "./package.json": "./package.json",
     "./*": "./*"
   },
@@ -40,6 +45,7 @@
     "dist",
     "charts/package.json",
     "rich-text/package.json",
+    "motion/package.json",
     "bin/cli.mjs",
     "mcp/server-core.mjs",
     "mcp/catalog-core.mjs",
@@ -58,7 +64,8 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run build:types && npm run build:tokens && npm run build:js && node scripts/gen-typed-dts.mjs && npm run gen:ai-schema",
+    "build": "npm run build:types && npm run build:tokens && npm run build:js && node scripts/gen-typed-dts.mjs && npm run gen:ai-schema && npm run motion:size",
+    "motion:size": "node scripts/check-motion-size.mjs",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --outDir dist && node scripts/gen-typed-dts.mjs",
     "build:tokens": "node scripts/build-tokens.mjs",
     "tokens:check": "node scripts/build-tokens.mjs --check",
@@ -121,7 +128,8 @@
     "@tiptap/pm": "^3.0.0",
     "@tiptap/react": "^3.0.0",
     "@tiptap/starter-kit": "^3.0.0",
-    "recharts": "^2.15.0 || ^3.0.0"
+    "recharts": "^2.15.0 || ^3.0.0",
+    "lenis": "^1.1.0"
   },
   "peerDependenciesMeta": {
     "@tiptap/pm": {
@@ -135,6 +143,9 @@
     },
     "recharts": {
       "optional": true
+    },
+    "lenis": {
+      "optional": true
     }
   },
   "dependencies": {

package/tokens/tokens.json

@@ -186,5 +186,11 @@
     "standard": { "$value": [0.2, 0, 0, 1], "$description": "Default for moving and resizing." },
     "emphasized": { "$value": [0.05, 0.7, 0.1, 1], "$description": "Entering surfaces (decelerate)." },
     "spring-out": { "$value": [0.34, 1.56, 0.64, 1], "$description": "Small overshoot for sheets settling and toggles." }
+  },
+  "scroll": {
+    "$description": "Scroll-storytelling defaults read by the /motion components (ScrollStage, StackedCards, DeviceMorphHero).",
+    "stickyTop": { "$type": "dimension", "$value": { "value": 80, "unit": "px" }, "$description": "Offset from the top of the viewport where stacked cards stick (clears a floating nav)." },
+    "sceneLength": { "$type": "number", "$value": 300, "$description": "Default pinned scene length on desktop, in vh (viewport heights)." },
+    "sceneLengthMobile": { "$type": "number", "$value": 150, "$description": "Default pinned scene length below the md breakpoint, in vh." }
   }
 }