use-scroll-animate 3.5.0 → 3.7.0

package/docs/components.md

@@ -279,6 +279,20 @@ Fallbacks set `data-fallback` (`webgl` · `image` · `no-image`); cross-origin i
 
 3D ring carousel: `<usa-carousel-3d>` (cards).
 
+### v3.6 Layout animation (`components/layout`)
+
+| Element / API | What it does | Key options |
+|---|---|---|
+| `<usa-auto-animate>` · `autoAnimate(el)` | Add / remove / move / resize of children animates | `duration` (300), `no-scale` / `scale`; `enable()`, `disable()`, `stop()` |
+| `<usa-masonry>` | Masonry grid with animated reflow | `columns` or `min` (220), `gap` (16); `layout()` |
+| `sharedTransition(update, root?)` | Shared-element transition via `data-shared="id"` | `duration` (450), `easing`; View Transitions API or FLIP |
+
+Also see `flip()` / `connectedAnimation()` / `<usa-flip-list>` in `components/transitions`.
+
+### v3.7 Visual playground
+
+[`showcase/playground.html`](../showcase/playground.html) — stack `<usa-*>` effects around sample content, tweak every attribute live, and export HTML / ES module / React / Vue code or a share link (state in the URL hash).
+
 ## Frameworks
 
 Custom elements work in every framework. Register once (e.g. in your entry file), then use the tags.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-scroll-animate",
-  "version": "3.5.0",
+  "version": "3.7.0",
   "description": "A lightweight, high-performance, dependency-free scroll animation library and animated UI components (Web Components) for the web and Windows web-view apps.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -238,6 +238,16 @@
         "default": "./dist/components/depth.cjs"
       }
     },
+    "./components/layout": {
+      "import": {
+        "types": "./dist/components/layout.d.ts",
+        "default": "./dist/components/layout.js"
+      },
+      "require": {
+        "types": "./dist/components/layout.d.cts",
+        "default": "./dist/components/layout.cjs"
+      }
+    },
     "./components/react": {
       "import": {
         "types": "./dist/components/react.d.ts",
@@ -295,6 +305,7 @@
     "./components/svg.css": "./dist/components/svg.css",
     "./components/webgl.css": "./dist/components/webgl.css",
     "./components/depth.css": "./dist/components/depth.css",
+    "./components/layout.css": "./dist/components/layout.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -315,7 +326,7 @@
     "typecheck": "tsc --noEmit -p .",
     "test": "vitest run",
     "check:exports": "node scripts/check-exports.mjs",
-    "lint:package": "publint && attw --pack . --profile node16 --exclude-entrypoints ./components.css ./components/reveal.css ./components/text.css ./components/interaction.css ./components/feedback.css ./components/background.css ./components/transitions.css ./components/physics.css ./components/cards.css ./components/click.css ./components/ui.css ./components/page.css ./components/timeline.css ./components/gesture.css ./components/svg.css ./components/webgl.css ./components/depth.css",
+    "lint:package": "publint && attw --pack . --profile node16 --exclude-entrypoints ./components.css ./components/reveal.css ./components/text.css ./components/interaction.css ./components/feedback.css ./components/background.css ./components/transitions.css ./components/physics.css ./components/cards.css ./components/click.css ./components/ui.css ./components/page.css ./components/timeline.css ./components/gesture.css ./components/svg.css ./components/webgl.css ./components/depth.css ./components/layout.css",
     "size": "node scripts/size.mjs",
     "prepublishOnly": "npm run typecheck && npm test && npm run build && npm run check:exports",
     "size:check": "node scripts/size.mjs --check",