use-scroll-animate 6.5.0 → 6.7.0

package/dist/components/fx2.d.cts

@@ -137,6 +137,66 @@ 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;
+
+/**
+ * 6.7 — Transitions 2.0 (`motionary/components/fx-transitions`), registered
+ * through `registerEffect()` (kind `page`; option `mode: 'in' | 'out'`):
+ *
+ * - `ripple-dissolve` — a circle with a ripple ring grows from the pointer
+ *   (or `x` / `y` 0–1) and reveals / hides the element.
+ * - `shatter` — the element breaks into shards that fly apart (out) or
+ *   fly together (in).
+ * - `mosaic-flip` — a grid of tiles flips over in a diagonal wave.
+ * - `liquid-wipe` — a wavy liquid edge sweeps across.
+ * - `page-curl` — the element turns like a page around its left edge.
+ * - `camera-dolly` — a dolly zoom: scale + depth blur + fade.
+ *
+ * `pageTransition(update, effect)` runs a DOM update inside the View
+ * Transitions API (when available) and plays the effect on the new snapshot;
+ * without the API it runs `update()` and plays the effect on `target`.
+ * `crossDocumentTransitions(effect)` opts an MPA into cross-document view
+ * transitions (`@view-transition { navigation: auto }`) with the same look.
+ * Reduced motion: plain short fades.
+ */
+
+declare const TRANSITIONS2_FX: EffectDefinition[];
+/**
+ * Run `update` (a DOM change) as a transition: inside `document.startViewTransition`
+ * when supported (the new snapshot plays `effect`), otherwise `update()` then the
+ * effect on `target` (default `document.body`'s first element).
+ */
+declare function pageTransition(update: () => void | Promise<void>, effect?: string, options?: Record<string, unknown>, target?: HTMLElement): Promise<void>;
+/** Opt a multi-page site into cross-document view transitions with an effect's look. Returns a remover. */
+declare function crossDocumentTransitions(effect?: string, duration?: number): () => void;
+/** Register the 6.7 transitions pack (idempotent). */
+declare function registerTransitionEffects2(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -209,5 +269,5 @@ declare const FX2_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x pack (idempotent). */
 declare function registerFx2(): void;
 
-export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, TEXT3_FX, fieldFallback, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3, shaderBackground, splitChars, supportsWebGL2, trackPointer };
+export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX, crossDocumentTransitions, fieldFallback, pageTransition, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, registerTransitionEffects2, samplePath, shaderBackground, splitChars, supportsWebGL2, trackPointer };
 export type { ShaderSpec };

package/dist/components/fx2.d.ts

@@ -137,6 +137,66 @@ 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;
+
+/**
+ * 6.7 — Transitions 2.0 (`motionary/components/fx-transitions`), registered
+ * through `registerEffect()` (kind `page`; option `mode: 'in' | 'out'`):
+ *
+ * - `ripple-dissolve` — a circle with a ripple ring grows from the pointer
+ *   (or `x` / `y` 0–1) and reveals / hides the element.
+ * - `shatter` — the element breaks into shards that fly apart (out) or
+ *   fly together (in).
+ * - `mosaic-flip` — a grid of tiles flips over in a diagonal wave.
+ * - `liquid-wipe` — a wavy liquid edge sweeps across.
+ * - `page-curl` — the element turns like a page around its left edge.
+ * - `camera-dolly` — a dolly zoom: scale + depth blur + fade.
+ *
+ * `pageTransition(update, effect)` runs a DOM update inside the View
+ * Transitions API (when available) and plays the effect on the new snapshot;
+ * without the API it runs `update()` and plays the effect on `target`.
+ * `crossDocumentTransitions(effect)` opts an MPA into cross-document view
+ * transitions (`@view-transition { navigation: auto }`) with the same look.
+ * Reduced motion: plain short fades.
+ */
+
+declare const TRANSITIONS2_FX: EffectDefinition[];
+/**
+ * Run `update` (a DOM change) as a transition: inside `document.startViewTransition`
+ * when supported (the new snapshot plays `effect`), otherwise `update()` then the
+ * effect on `target` (default `document.body`'s first element).
+ */
+declare function pageTransition(update: () => void | Promise<void>, effect?: string, options?: Record<string, unknown>, target?: HTMLElement): Promise<void>;
+/** Opt a multi-page site into cross-document view transitions with an effect's look. Returns a remover. */
+declare function crossDocumentTransitions(effect?: string, duration?: number): () => void;
+/** Register the 6.7 transitions pack (idempotent). */
+declare function registerTransitionEffects2(): void;
+
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
  * `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
@@ -209,5 +269,5 @@ declare const FX2_PACKS: Record<string, EffectDefinition[]>;
 /** Register every 6.x pack (idempotent). */
 declare function registerFx2(): void;
 
-export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, TEXT3_FX, fieldFallback, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3, shaderBackground, splitChars, supportsWebGL2, trackPointer };
+export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX, crossDocumentTransitions, fieldFallback, pageTransition, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, registerTransitionEffects2, samplePath, shaderBackground, splitChars, supportsWebGL2, trackPointer };
 export type { ShaderSpec };

package/dist/components/fx2.js

@@ -1,11 +1,15 @@
-import { G as GPU_FX, r as registerGpuEffects } from '../chunks/gpu-EjV49FQk.js';
-export { a as GLSL_HEAD, f as fieldFallback, s as shaderBackground, b as supportsWebGL2 } from '../chunks/gpu-EjV49FQk.js';
+import { G as GPU_FX, r as registerGpuEffects } from '../chunks/gpu-CsP2ZB3x.js';
+export { a as GLSL_HEAD, f as fieldFallback, s as shaderBackground, b as supportsWebGL2 } from '../chunks/gpu-CsP2ZB3x.js';
 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 '../chunks/registry-Bu5NrAyA.js';
+import { MORPH2_FX, registerMorphEffects2 } from './fx-morph.js';
+export { pointsToPath, samplePath } from './fx-morph.js';
+import { TRANSITIONS2_FX, registerTransitionEffects2 } from './fx-transitions.js';
+export { crossDocumentTransitions, pageTransition } from './fx-transitions.js';
+import '../chunks/registry-D23neB4M.js';
 import '../chunks/base-DchG4q_S.js';
 import '../chunks/generative-2LhxG5BJ.js';
 import '../chunks/shared-CkKHWrtJ.js';
@@ -16,6 +20,8 @@ const FX2_PACKS = {
     text: TEXT3_FX,
     light: LIGHT_FX,
     depth: DEPTH3_FX,
+    morph: MORPH2_FX,
+    transitions: TRANSITIONS2_FX,
 };
 /** Register every 6.x pack (idempotent). */
 function registerFx2() {
@@ -23,7 +29,9 @@ function registerFx2() {
     registerTextEffects3();
     registerLightEffects();
     register3dEffects();
+    registerMorphEffects2();
+    registerTransitionEffects2();
 }
 
-export { DEPTH3_FX, FX2_PACKS, GPU_FX, LIGHT_FX, TEXT3_FX, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerTextEffects3 };
+export { DEPTH3_FX, FX2_PACKS, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, registerTransitionEffects2 };
 //# 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';\nimport { DEPTH3_FX, register3dEffects } from './depth3';\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\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};\n\n/** Register every 6.x pack (idempotent). */\nexport function registerFx2(): void {\n  registerGpuEffects();\n  registerTextEffects3();\n  registerLightEffects();\n  register3dEffects();\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBA;AACO,MAAM,SAAS,GAAuC;AAC3D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,SAAS;;AAGlB;SACgB,WAAW,GAAA;AACzB,IAAA,kBAAkB,EAAE;AACpB,IAAA,oBAAoB,EAAE;AACtB,IAAA,oBAAoB,EAAE;AACtB,IAAA,iBAAiB,EAAE;AACrB;;;;"}
+{"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';\nimport { TRANSITIONS2_FX, registerTransitionEffects2, pageTransition, crossDocumentTransitions } from './transitions2';\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\nexport { TRANSITIONS2_FX, registerTransitionEffects2, pageTransition, crossDocumentTransitions };\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  transitions: TRANSITIONS2_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  registerTransitionEffects2();\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyBA;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;AAChB,IAAA,WAAW,EAAE,eAAe;;AAG9B;SACgB,WAAW,GAAA;AACzB,IAAA,kBAAkB,EAAE;AACpB,IAAA,oBAAoB,EAAE;AACtB,IAAA,oBAAoB,EAAE;AACtB,IAAA,iBAAiB,EAAE;AACnB,IAAA,qBAAqB,EAAE;AACvB,IAAA,0BAA0B,EAAE;AAC9B;;;;"}

package/dist/components/solid.js

@@ -28,7 +28,7 @@ import './depth.js';
 import './layout.js';
 import './packs.js';
 import './fx.js';
-import '../chunks/registry-Bu5NrAyA.js';
+import '../chunks/registry-D23neB4M.js';
 import './a11y.js';
 import '../chunks/index-tags-DucKMQr_.js';
 import './perf.js';

package/dist/components/svelte.js

@@ -27,7 +27,7 @@ import './depth.js';
 import './layout.js';
 import './packs.js';
 import './fx.js';
-import '../chunks/registry-Bu5NrAyA.js';
+import '../chunks/registry-D23neB4M.js';
 import './a11y.js';
 import '../chunks/index-tags-DucKMQr_.js';
 import './perf.js';

package/dist/components/vue.js

@@ -25,7 +25,7 @@ import './depth.js';
 import './layout.js';
 import './packs.js';
 import './fx.js';
-import '../chunks/registry-Bu5NrAyA.js';
+import '../chunks/registry-D23neB4M.js';
 import './a11y.js';
 import '../chunks/index-tags-DucKMQr_.js';
 import './perf.js';