use-scroll-animate 6.4.0 → 6.6.0

package/dist/components/fx2.d.ts

@@ -114,6 +114,56 @@ declare const LIGHT_FX: EffectDefinition[];
 /** Register the 6.4 light & materials pack (idempotent). */
 declare function registerLightEffects(): void;
 
+/**
+ * 6.5 — 3D scene cards (`motionary/components/fx-3d`), registered through
+ * `registerEffect()`:
+ *
+ * - `depth-stack` (card, persistent) — the children (or `[data-depth]`
+ *   layers) separate in Z and parallax against each other as the card tilts
+ *   toward the pointer.
+ * - `product-spin` (card, persistent) — a 360° product viewer: drag to turn
+ *   the element in 3D with inertia, idles with a slow turntable spin.
+ * - `card-flip-3d` (click) — a thick card flips to its back face (second
+ *   child) with an edge that shows its depth.
+ * - `origami` (enter) — the element unfolds panel by panel like folded paper.
+ * - `orbit-camera` (scroll, persistent) — while the element scrolls through
+ *   the viewport the camera orbits its 3D children.
+ *
+ * Reduced motion: no tilt, spin, orbit or fold; the flip swaps faces with a
+ * crossfade.
+ */
+
+declare const DEPTH3_FX: EffectDefinition[];
+/** Register the 6.5 3D pack (idempotent). */
+declare function register3dEffects(): void;
+
+/**
+ * 6.6 — Morph & SVG 2.0 (`motionary/components/fx-morph`), registered
+ * through `registerEffect()`:
+ *
+ * - `path-morph` (loop) — an SVG `<path>` flows between shapes (`paths`, any
+ *   number of `d` strings): both shapes are resampled to the same number of
+ *   points, so paths with different commands still morph smoothly.
+ * - `blob-button` (hover, persistent) — a liquid blob behind the element
+ *   wobbles and bulges toward the pointer.
+ * - `stroke-draw` (enter) — every stroke in an inline SVG draws itself,
+ *   staggered, then the fills fade in.
+ * - `noise-reveal` (enter) — the element condenses out of SVG turbulence
+ *   (displacement + blur) — an SVG-filter transition.
+ * - `icon-swap` (click) — cycles through the element's child icons with a
+ *   gooey morph (blur + scale + rotate crossfade).
+ *
+ * Reduced motion: no loops / wobble; enter effects and swaps fade.
+ */
+
+/** Sample `d` into `n` points (needs SVG geometry support; `null` without it). */
+declare function samplePath(d: string, n?: number): [number, number][] | null;
+/** Points → closed path `d`. */
+declare const pointsToPath: (pts: [number, number][]) => string;
+declare const MORPH2_FX: EffectDefinition[];
+/** Register the 6.6 morph & SVG pack (idempotent). */
+declare function registerMorphEffects2(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -186,5 +236,5 @@ declare const FX2_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x pack (idempotent). */
 declare function registerFx2(): void;
 
-export { FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, TEXT3_FX, fieldFallback, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3, shaderBackground, splitChars, supportsWebGL2, trackPointer };
+export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, fieldFallback, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, samplePath, shaderBackground, splitChars, supportsWebGL2, trackPointer };
 export type { ShaderSpec };

package/dist/components/fx2.js

@@ -4,6 +4,9 @@ import { TEXT3_FX, registerTextEffects3 } from './fx-text.js';
 export { splitChars } from './fx-text.js';
 import { LIGHT_FX, registerLightEffects } from './fx-light.js';
 export { trackPointer } from './fx-light.js';
+import { DEPTH3_FX, register3dEffects } from './fx-3d.js';
+import { MORPH2_FX, registerMorphEffects2 } from './fx-morph.js';
+export { pointsToPath, samplePath } from './fx-morph.js';
 import '../chunks/registry-Bu5NrAyA.js';
 import '../chunks/base-DchG4q_S.js';
 import '../chunks/generative-2LhxG5BJ.js';
@@ -14,13 +17,17 @@ const FX2_PACKS = {
     gpu: GPU_FX,
     text: TEXT3_FX,
     light: LIGHT_FX,
+    depth: DEPTH3_FX,
+    morph: MORPH2_FX,
 };
 /** Register every 6.x pack (idempotent). */
 function registerFx2() {
     registerGpuEffects();
     registerTextEffects3();
     registerLightEffects();
+    register3dEffects();
+    registerMorphEffects2();
 }
 
-export { FX2_PACKS, GPU_FX, LIGHT_FX, TEXT3_FX, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3 };
+export { DEPTH3_FX, FX2_PACKS, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3 };
 //# sourceMappingURL=fx2.js.map

package/dist/components/fx2.js.map

@@ -1 +1 @@
-{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { GPU_FX, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightEffects, trackPointer } from './light';\n\nexport { GPU_FX, registerGpuEffects, TEXT3_FX, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightEffects, trackPointer };\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n  registerGpuEffects();\n  registerTextEffects3();\n  registerLightEffects();\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,WAAW,GAAA;AACzB,IAAA,kBAAkB,EAAE;AACpB,IAAA,oBAAoB,EAAE;AACtB,IAAA,oBAAoB,EAAE;AACxB;;;;"}
+{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { GPU_FX, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightEffects, trackPointer } from './light';\nimport { DEPTH3_FX, register3dEffects } from './depth3';\nimport { MORPH2_FX, registerMorphEffects2, samplePath, pointsToPath } from './morph2';\n\nexport { GPU_FX, registerGpuEffects, TEXT3_FX, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightEffects, trackPointer };\n\nexport { DEPTH3_FX, register3dEffects };\n\nexport { MORPH2_FX, registerMorphEffects2, samplePath, pointsToPath };\n\n/** The 6.x effect packs by name. */\nexport const FX2_PACKS: Record<string, EffectDefinition[]> = {\n  gpu: GPU_FX,\n  text: TEXT3_FX,\n  light: LIGHT_FX,\n  depth: DEPTH3_FX,\n  morph: MORPH2_FX,\n};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n  registerGpuEffects();\n  registerTextEffects3();\n  registerLightEffects();\n  register3dEffects();\n  registerMorphEffects2();\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;;AAGlB;SACgB,WAAW,GAAA;AACzB,IAAA,kBAAkB,EAAE;AACpB,IAAA,oBAAoB,EAAE;AACtB,IAAA,oBAAoB,EAAE;AACtB,IAAA,iBAAiB,EAAE;AACnB,IAAA,qBAAqB,EAAE;AACzB;;;;"}