motionary 6.8.0 → 7.0.0

package/dist/components/fx2.d.ts

@@ -41,6 +41,69 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
     run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
 }
 
+/**
+ * 6.9 — effect marketplace manifest (`motionary/components/marketplace`).
+ *
+ * A third-party effect pack is an ES module that exports its effects (an
+ * `EffectDefinition[]` as `effects` or `default`) plus a JSON manifest:
+ *
+ * ```json
+ * { "format": "motionary/effect-pack", "version": 1,
+ *   "name": "@acme/motion-snow", "packVersion": "1.2.0",
+ *   "description": "Snow and frost effects", "license": "MIT",
+ *   "author": "Acme", "entry": "./dist/index.js", "requires": ">=6.9",
+ *   "effects": [{ "name": "frost", "kind": "background", "description": "…",
+ *                 "defaults": { "speed": 1 } }] }
+ * ```
+ *
+ * `packManifest()` writes one from your effects, `validateManifest()` checks
+ * one (format, semver, unique kebab-case names, known kinds, effects match
+ * the module), and `loadEffectPack()` imports a pack (URL or module),
+ * validates it and registers its effects — refusing names that already
+ * exist unless `override`.
+ */
+
+declare const EFFECT_PACK_FORMAT = "motionary/effect-pack";
+interface EffectPackManifest {
+    format: typeof EFFECT_PACK_FORMAT;
+    version: 1;
+    name: string;
+    packVersion: string;
+    description?: string;
+    license?: string;
+    author?: string;
+    homepage?: string;
+    entry?: string;
+    requires?: string;
+    keywords?: string[];
+    effects: {
+        name: string;
+        kind: string;
+        description?: string;
+        defaults?: Record<string, unknown>;
+    }[];
+}
+/** Build a manifest from an effect pack. */
+declare function packManifest(name: string, packVersion: string, effects: EffectDefinition[], extra?: Partial<Omit<EffectPackManifest, 'format' | 'version' | 'name' | 'packVersion' | 'effects'>>): EffectPackManifest;
+/** Check a manifest (and optionally the module's effects against it). */
+declare function validateManifest(m: unknown, effects?: EffectDefinition[]): {
+    ok: boolean;
+    errors: string[];
+};
+/**
+ * Import an effect pack (a URL / specifier, or an already imported module
+ * with `effects` / `default` and `manifest`), validate and register it.
+ * Returns the registered effect names.
+ */
+declare function loadEffectPack(src: string | {
+    effects?: EffectDefinition[];
+    default?: EffectDefinition[];
+    manifest?: EffectPackManifest;
+}, opts?: {
+    manifest?: EffectPackManifest;
+    override?: boolean;
+}): Promise<string[]>;
+
 /**
  * 6.2 — GPU effect pack (`motionary/components/fx-gpu`), registered through
  * `registerEffect()`:
@@ -58,7 +121,7 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
 
 declare const GPU_FX: EffectDefinition[];
 /** Register the 6.2 GPU pack (idempotent). */
-declare function registerGpuEffects(): void;
+declare function registerGpuPack(): void;
 
 /**
  * 6.3 — Text effects 3.0 (`motionary/components/fx-text`), registered through
@@ -84,7 +147,7 @@ declare function registerGpuEffects(): void;
 declare function splitChars(el: HTMLElement): HTMLElement[];
 declare const TEXT3_FX: EffectDefinition[];
 /** Register the 6.3 text pack (idempotent). */
-declare function registerTextEffects3(): void;
+declare function registerTextPack(): void;
 
 /**
  * 6.4 — Light & materials (`motionary/components/fx-light`), registered
@@ -112,7 +175,7 @@ declare function registerTextEffects3(): void;
 declare function trackPointer(el: HTMLElement, ctx: EffectContext, fn: (x: number, y: number, inside: boolean) => void, x0?: number, y0?: number): () => void;
 declare const LIGHT_FX: EffectDefinition[];
 /** Register the 6.4 light & materials pack (idempotent). */
-declare function registerLightEffects(): void;
+declare function registerLightPack(): void;
 
 /**
  * 6.5 — 3D scene cards (`motionary/components/fx-3d`), registered through
@@ -135,7 +198,7 @@ declare function registerLightEffects(): void;
 
 declare const DEPTH3_FX: EffectDefinition[];
 /** Register the 6.5 3D pack (idempotent). */
-declare function register3dEffects(): void;
+declare function register3dPack(): void;
 
 /**
  * 6.6 — Morph & SVG 2.0 (`motionary/components/fx-morph`), registered
@@ -162,7 +225,7 @@ declare function samplePath(d: string, n?: number): [number, number][] | null;
 declare const pointsToPath: (pts: [number, number][]) => string;
 declare const MORPH2_FX: EffectDefinition[];
 /** Register the 6.6 morph & SVG pack (idempotent). */
-declare function registerMorphEffects2(): void;
+declare function registerMorphPack(): void;
 
 /**
  * 6.7 — Transitions 2.0 (`motionary/components/fx-transitions`), registered
@@ -195,7 +258,7 @@ declare function pageTransition(update: () => void | Promise<void>, effect?: str
 /** 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;
+declare function registerTransitionsPack(): void;
 
 /**
  * 6.8 — Weather & ambience (`motionary/components/fx-weather`), registered
@@ -221,7 +284,7 @@ declare function registerTransitionEffects2(): void;
 declare function skyAt(hour: number): [string, string];
 declare const WEATHER_FX: EffectDefinition[];
 /** Register the 6.8 weather & ambience pack (idempotent). */
-declare function registerWeatherEffects(): void;
+declare function registerWeatherPack(): void;
 
 /**
  * 6.8 — Interactive physics 2.0 (`motionary/components/fx-physics`) on a tiny
@@ -268,7 +331,28 @@ declare class VerletWorld {
 }
 declare const PHYSICS2_FX: EffectDefinition[];
 /** Register the 6.8 physics 2.0 pack (idempotent). */
-declare function registerPhysicsEffects2(): void;
+declare function registerPhysicsPack(): void;
+
+/**
+ * 6.9 — Focus & feedback (`motionary/components/fx-focus`), registered
+ * through `registerEffect()`:
+ *
+ * - `focus-draw` (kind `attention`) — a rounded ring draws itself around the
+ *   element, then fades (great on `focus`).
+ * - `marching-ants` (kind `loop`) — a dashed selection border that marches
+ *   (drop targets, selections).
+ * - `success-check` (kind `click`) — a check mark draws over the element on a
+ *   soft green disc, then fades away.
+ * - `highlight-sweep` (kind `attention`) — a highlighter stroke sweeps
+ *   behind the element's text.
+ *
+ * Overlays are SVG / spans marked `aria-hidden` and removed when done.
+ * Reduced motion: a plain fade of the final state (marching-ants is static).
+ */
+
+declare const FOCUS_FX: EffectDefinition[];
+/** Register the 6.9 focus & feedback pack (idempotent). */
+declare function registerFocusPack(): void;
 
 /**
  * 5.5 — generative backgrounds on Canvas 2D, registered through
@@ -314,6 +398,8 @@ interface GenerativeSpec {
 /** GLSL shared by every shader: uniforms, hash, value noise, fbm. */
 declare const GLSL_HEAD = "#version 300 es\nprecision highp float;\nuniform vec2 u_res;uniform float u_t;uniform vec3 u_c0,u_c1,u_c2;uniform vec2 u_ptr;uniform float u_speed,u_scale;\nout vec4 o;\nfloat h(vec2 p){return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453);}\nfloat n(vec2 p){vec2 i=floor(p),f=fract(p);f=f*f*(3.-2.*f);return mix(mix(h(i),h(i+vec2(1,0)),f.x),mix(h(i+vec2(0,1)),h(i+1.),f.x),f.y);}\nfloat fbm(vec2 p){float v=0.,a=.5;for(int k=0;k<5;k++){v+=a*n(p);p=p*2.03+vec2(1.7,9.2);a*=.5;}return v;}\n";
 interface ShaderSpec {
+    /** 7.0: hand-written WGSL statements for the WebGPU backend (default: `glslToWgsl(body)`). */
+    wgsl?: string;
     /** GLSL body of `main()`: `uv` (0–1), `p` (aspect-corrected, scaled), `t` (s × speed) are in scope; write `o`. */
     body: string;
     /** Canvas 2D fallback. */
@@ -322,7 +408,9 @@ interface ShaderSpec {
 declare function supportsWebGL2(): boolean;
 /**
  * Mount a shader background behind `el` (options: `colors` [3 hex], `speed`,
- * `scale`, `quality`, `backend` = `'auto' | 'webgl2' | 'canvas'`). Returns the cleanup.
+ * `scale`, `quality`, `backend` = `'auto' | 'webgpu' | 'webgl2' | 'canvas'`).
+ * 7.0: `auto` tries WebGPU first, then WebGL2, then Canvas 2D
+ * (`el.dataset.usaBackend` names the one running). Returns the cleanup.
  */
 declare function shaderBackground(el: HTMLElement, fx: EffectContext, spec: ShaderSpec, o: any): () => void;
 /**
@@ -331,6 +419,39 @@ declare function shaderBackground(el: HTMLElement, fx: EffectContext, spec: Shad
  */
 declare function fieldFallback(color: (x: number, y: number, t: number, o: any) => [number, number, number], cell?: number): GenerativeSpec;
 
+/**
+ * 7.0 — WebGPU backend for the shader backgrounds (`shaderBackground()`).
+ *
+ * Every 6.x shader is written once as a small GLSL `main()` body. 7.0 runs it
+ * on **WebGPU** where the browser has it: `glslToWgsl()` translates the body
+ * (types, constructors, literals, loops, uniforms) into a WGSL fragment
+ * shader with the same noise helpers; a spec can also ship hand-written
+ * `wgsl`. If WebGPU is missing, the adapter / device is refused, or the
+ * shader does not compile, the effect falls back to **WebGL2**, then to the
+ * Canvas 2D fallback — `el.dataset.usaBackend` says which one runs.
+ */
+
+/** WGSL shared by every shader: uniforms, hash, value noise, fbm (mirrors `GLSL_HEAD`). */
+declare const WGSL_HEAD = "struct U{res:vec2f,ptr:vec2f,t:f32,speed:f32,scale:f32,pad:f32,c0:vec4f,c1:vec4f,c2:vec4f};\n@group(0) @binding(0) var<uniform> u:U;\nfn h(p:vec2f)->f32{return fract(sin(dot(p,vec2f(127.1,311.7)))*43758.5453);}\nfn n(p:vec2f)->f32{let i=floor(p);var f=fract(p);f=f*f*(3.0-2.0*f);return mix(mix(h(i),h(i+vec2f(1.0,0.0)),f.x),mix(h(i+vec2f(0.0,1.0)),h(i+vec2f(1.0,1.0)),f.x),f.y);}\nfn fbm(p0:vec2f)->f32{var v=0.0;var a=0.5;var p=p0;for(var k=0;k<5;k++){v+=a*n(p);p=p*2.03+vec2f(1.7,9.2);a*=0.5;}return v;}\n@vertex fn vs(@builtin(vertex_index) i:u32)->@builtin(position) vec4f{var q=array<vec2f,3>(vec2f(-1.0,-1.0),vec2f(3.0,-1.0),vec2f(-1.0,3.0));return vec4f(q[i],0.0,1.0);}\n";
+/**
+ * Translate a GLSL `main()` body (the 6.x `ShaderSpec.body` dialect) to WGSL
+ * statements. Throws on constructs it does not support (ternaries, `mod`,
+ * `discard`, user functions) so the caller can fall back to WebGL2.
+ */
+declare function glslToWgsl(body: string): string;
+/** The full WGSL module for a body. */
+declare const wgslModule: (body: string) => string;
+/** `true` when `navigator.gpu` exists (the adapter may still be refused). */
+declare const supportsWebGPU: () => boolean;
+/**
+ * Start a WebGPU shader background behind `el`. Resolves to its cleanup, or
+ * `null` when WebGPU cannot run this shader (the caller falls back).
+ */
+declare function webgpuBackground(el: HTMLElement, fx: EffectContext, spec: {
+    body: string;
+    wgsl?: string;
+}, o: any): Promise<(() => void) | null>;
+
 /**
  * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so
  * their size budgets stay separate. This module (`registerFx2()`) registers
@@ -338,9 +459,9 @@ declare function fieldFallback(color: (x: number, y: number, t: number, o: any)
  */
 
 /** The 6.x effect packs by name. */
-declare const FX2_PACKS: Record<string, EffectDefinition[]>;
-/** Register every 6.x pack (idempotent). */
-declare function registerFx2(): void;
+declare const EFFECT_PACKS: Record<string, EffectDefinition[]>;
+/** Register every 6.x effect pack (idempotent). */
+declare function registerEffectPacks(): void;
 
-export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, crossDocumentTransitions, fieldFallback, pageTransition, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerPhysicsEffects2, registerTextEffects3, registerTransitionEffects2, registerWeatherEffects, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, trackPointer };
-export type { ShaderSpec };
+export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, WGSL_HEAD, crossDocumentTransitions, fieldFallback, glslToWgsl, loadEffectPack, packManifest, pageTransition, pointsToPath, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, supportsWebGPU, trackPointer, validateManifest, webgpuBackground, wgslModule };
+export type { EffectPackManifest, ShaderSpec };

package/dist/components/fx2.js

@@ -1,25 +1,27 @@
-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 { EFFECT_PACK_FORMAT, loadEffectPack, packManifest, validateManifest } from './marketplace.js';
+import { G as GPU_FX, r as registerGpuPack } from '../chunks/gpu-Bkw605Ds.js';
+export { a as GLSL_HEAD, W as WGSL_HEAD, f as fieldFallback, g as glslToWgsl, s as shaderBackground, b as supportsWebGL2, c as supportsWebGPU, w as webgpuBackground, d as wgslModule } from '../chunks/gpu-Bkw605Ds.js';
+import { TEXT3_FX, registerTextPack } from './fx-text.js';
 export { splitChars } from './fx-text.js';
-import { LIGHT_FX, registerLightEffects } from './fx-light.js';
+import { LIGHT_FX, registerLightPack } 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';
+import { DEPTH3_FX, register3dPack } from './fx-3d.js';
+import { MORPH2_FX, registerMorphPack } from './fx-morph.js';
 export { pointsToPath, samplePath } from './fx-morph.js';
-import { TRANSITIONS2_FX, registerTransitionEffects2 } from './fx-transitions.js';
+import { TRANSITIONS2_FX, registerTransitionsPack } from './fx-transitions.js';
 export { crossDocumentTransitions, pageTransition } from './fx-transitions.js';
-import { WEATHER_FX, registerWeatherEffects } from './fx-weather.js';
+import { WEATHER_FX, registerWeatherPack } from './fx-weather.js';
 export { skyAt } from './fx-weather.js';
-import { PHYSICS2_FX, registerPhysicsEffects2 } from './fx-physics.js';
+import { PHYSICS2_FX, registerPhysicsPack } from './fx-physics.js';
 export { VerletWorld } from './fx-physics.js';
+import { FOCUS_FX, registerFocusPack } from './fx-focus.js';
 import '../chunks/registry-D23neB4M.js';
 import '../chunks/base-DchG4q_S.js';
 import '../chunks/generative-2LhxG5BJ.js';
 import '../chunks/shared-CkKHWrtJ.js';
 
 /** The 6.x effect packs by name. */
-const FX2_PACKS = {
+const EFFECT_PACKS = {
     gpu: GPU_FX,
     text: TEXT3_FX,
     light: LIGHT_FX,
@@ -28,18 +30,20 @@ const FX2_PACKS = {
     transitions: TRANSITIONS2_FX,
     weather: WEATHER_FX,
     physics: PHYSICS2_FX,
+    focus: FOCUS_FX,
 };
-/** Register every 6.x pack (idempotent). */
-function registerFx2() {
-    registerGpuEffects();
-    registerTextEffects3();
-    registerLightEffects();
-    register3dEffects();
-    registerMorphEffects2();
-    registerTransitionEffects2();
-    registerWeatherEffects();
-    registerPhysicsEffects2();
+/** Register every 6.x effect pack (idempotent). */
+function registerEffectPacks() {
+    registerGpuPack();
+    registerTextPack();
+    registerLightPack();
+    register3dPack();
+    registerMorphPack();
+    registerTransitionsPack();
+    registerWeatherPack();
+    registerPhysicsPack();
+    registerFocusPack();
 }
 
-export { DEPTH3_FX, FX2_PACKS, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, WEATHER_FX, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerPhysicsEffects2, registerTextEffects3, registerTransitionEffects2, registerWeatherEffects };
+export { DEPTH3_FX, EFFECT_PACKS, FOCUS_FX, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, WEATHER_FX, register3dPack, registerEffectPacks, registerFocusPack, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack };
 //# 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';\nimport { MORPH2_FX, registerMorphEffects2, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionEffects2, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherEffects, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsEffects2, VerletWorld } from './physics2';\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\nexport { WEATHER_FX, registerWeatherEffects, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsEffects2, VerletWorld };\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  weather: WEATHER_FX,\n  physics: PHYSICS2_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  registerWeatherEffects();\n  registerPhysicsEffects2();\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA;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;AAC5B,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,WAAW;;AAGtB;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;AAC5B,IAAA,sBAAsB,EAAE;AACxB,IAAA,uBAAuB,EAAE;AAC3B;;;;"}
+{"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';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack } from './gpu';\nimport { TEXT3_FX, registerTextPack, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack } from './depth3';\nimport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\n\nexport { GPU_FX, registerGpuPack, TEXT3_FX, registerTextPack, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport { supportsWebGPU, glslToWgsl, wgslModule, webgpuBackground, WGSL_HEAD } from './webgpu';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, trackPointer };\n\nexport { DEPTH3_FX, register3dPack };\n\nexport { MORPH2_FX, registerMorphPack, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_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  weather: WEATHER_FX,\n  physics: PHYSICS2_FX,\n  focus: FOCUS_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n  registerGpuPack();\n  registerTextPack();\n  registerLightPack();\n  register3dPack();\n  registerMorphPack();\n  registerTransitionsPack();\n  registerWeatherPack();\n  registerPhysicsPack();\n  registerFocusPack();\n}\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCA;AACO,MAAM,YAAY,GAAuC;AAC9D,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;AAC5B,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAA,eAAe,EAAE;AACjB,IAAA,gBAAgB,EAAE;AAClB,IAAA,iBAAiB,EAAE;AACnB,IAAA,cAAc,EAAE;AAChB,IAAA,iBAAiB,EAAE;AACnB,IAAA,uBAAuB,EAAE;AACzB,IAAA,mBAAmB,EAAE;AACrB,IAAA,mBAAmB,EAAE;AACrB,IAAA,iBAAiB,EAAE;AACrB;;;;"}

package/dist/components/interaction.cjs

@@ -2,7 +2,7 @@
 
 var base = require('../chunks/base-BaQV-2ha.cjs');
 
-var css$5 = "usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}";
+var css$4 = "usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}";
 
 function defineRipple(tag = 'usa-ripple') {
     return base.defineElement(tag, (Base) => class UsaRipple extends Base {
@@ -49,10 +49,10 @@ function defineRipple(tag = 'usa-ripple') {
             else
                 setTimeout(() => wave.remove(), 0);
         }
-    }, { id: 'ripple', text: css$5 });
+    }, { id: 'ripple', text: css$4 });
 }
 
-var css$4 = "usa-magnetic{display:inline-block}usa-magnetic>*{transform:translate3d(var(--usa-mx,0px),var(--usa-my,0px),0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}usa-magnetic[data-active]>*{transition-duration:0.15s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){usa-magnetic>*,usa-tilt,usa-toggle .usa-toggle-knob{transition:none}}";
+var css$3 = "usa-magnetic{display:inline-block}usa-magnetic>*{transform:translate3d(var(--usa-mx,0px),var(--usa-my,0px),0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}usa-magnetic[data-active]>*{transition-duration:0.15s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){usa-magnetic>*,usa-tilt,usa-toggle .usa-toggle-knob{transition:none}}";
 
 function defineMagnetic(tag = 'usa-magnetic') {
     return base.defineElement(tag, (Base) => class UsaMagnetic extends Base {
@@ -109,10 +109,10 @@ function defineMagnetic(tag = 'usa-magnetic') {
             this._frame = 0;
             this.release();
         }
-    }, { id: 'magnetic', text: css$4 });
+    }, { id: 'magnetic', text: css$3 });
 }
 
-var css$3 = "usa-tilt{display:block;position:relative;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);will-change:transform}usa-tilt[data-active]{transition-duration:0.12s}usa-tilt .usa-tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(circle at var(--usa-glare-x,50%) var(--usa-glare-y,50%),rgb(255 255 255 / 0.35),transparent 55%);mix-blend-mode:soft-light}usa-tilt[data-active] .usa-tilt-glare{opacity:1}";
+var css$2 = "usa-tilt{display:block;position:relative;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);will-change:transform}usa-tilt[data-active]{transition-duration:0.12s}usa-tilt .usa-tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(circle at var(--usa-glare-x,50%) var(--usa-glare-y,50%),rgb(255 255 255 / 0.35),transparent 55%);mix-blend-mode:soft-light}usa-tilt[data-active] .usa-tilt-glare{opacity:1}";
 
 function defineTilt(tag = 'usa-tilt') {
     return base.defineElement(tag, (Base) => class UsaTilt extends Base {
@@ -181,10 +181,10 @@ function defineTilt(tag = 'usa-tilt') {
         unmount() {
             this.reset();
         }
-    }, { id: 'tilt', text: css$3 });
+    }, { id: 'tilt', text: css$2 });
 }
 
-var css$2 = "usa-spotlight{display:block;--usa-spot-size:160px;--usa-spot-color:rgb(255 255 255 / 0.55);--usa-spot-border:1px}usa-spotlight .usa-spotlight-item{position:relative;isolation:isolate}usa-spotlight .usa-spotlight-item::before,usa-spotlight .usa-spotlight-item::after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.25s ease}usa-spotlight .usa-spotlight-item::before{padding:var(--usa-spot-border);background:radial-gradient(var(--usa-spot-size) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),var(--usa-spot-color),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}usa-spotlight .usa-spotlight-item::after{z-index:-1;background:radial-gradient(calc(var(--usa-spot-size) * 0.9) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),color-mix(in srgb,var(--usa-spot-color) 30%,transparent),transparent 70%)}usa-spotlight[data-lit] .usa-spotlight-item::before{opacity:1}usa-spotlight[data-lit] .usa-spotlight-item:hover::after{opacity:1}usa-spotlight[no-fill] .usa-spotlight-item::after{display:none}";
+var css$1 = "usa-spotlight{display:block;--usa-spot-size:160px;--usa-spot-color:rgb(255 255 255 / 0.55);--usa-spot-border:1px}usa-spotlight .usa-spotlight-item{position:relative;isolation:isolate}usa-spotlight .usa-spotlight-item::before,usa-spotlight .usa-spotlight-item::after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.25s ease}usa-spotlight .usa-spotlight-item::before{padding:var(--usa-spot-border);background:radial-gradient(var(--usa-spot-size) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),var(--usa-spot-color),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}usa-spotlight .usa-spotlight-item::after{z-index:-1;background:radial-gradient(calc(var(--usa-spot-size) * 0.9) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),color-mix(in srgb,var(--usa-spot-color) 30%,transparent),transparent 70%)}usa-spotlight[data-lit] .usa-spotlight-item::before{opacity:1}usa-spotlight[data-lit] .usa-spotlight-item:hover::after{opacity:1}usa-spotlight[no-fill] .usa-spotlight-item::after{display:none}";
 
 function defineSpotlight(tag = 'usa-spotlight') {
     return base.defineElement(tag, (Base) => class UsaSpotlight extends Base {
@@ -246,10 +246,10 @@ function defineSpotlight(tag = 'usa-spotlight') {
             this._frame = 0;
             this.removeAttribute('data-lit');
         }
-    }, { id: 'spotlight', text: css$2 });
+    }, { id: 'spotlight', text: css$1 });
 }
 
-var css$1 = "usa-press{display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}usa-press[block]{display:block}";
+var css = "usa-press{display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}usa-press[block]{display:block}";
 
 function definePress(tag = 'usa-press') {
     return base.defineElement(tag, (Base) => class UsaPress extends Base {
@@ -315,94 +315,13 @@ function definePress(tag = 'usa-press') {
             this._anim = null;
             this._down = false;
         }
-    }, { id: 'press', text: css$1 });
-}
-
-var css = "usa-toggle{--usa-toggle-w:40px;--usa-toggle-h:20px;--usa-toggle-on:var(--usa-accent,#7c5cff);--usa-toggle-off:transparent;--usa-toggle-line:currentColor;display:inline-flex;align-items:center;gap:0.6em;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle}usa-toggle[disabled]{cursor:not-allowed;opacity:0.45}usa-toggle .usa-toggle-track{position:relative;flex:none;width:var(--usa-toggle-w);height:var(--usa-toggle-h);border-radius:999px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--usa-toggle-line) 60%,transparent);background:var(--usa-toggle-off);transition:background-color 0.2s ease,border-color 0.2s ease}usa-toggle .usa-toggle-knob{position:absolute;top:50%;left:3px;width:calc(var(--usa-toggle-h) - 8px);height:calc(var(--usa-toggle-h) - 8px);margin-top:calc((var(--usa-toggle-h) - 8px) / -2);border-radius:999px;background:color-mix(in srgb,var(--usa-toggle-line) 75%,transparent);transform-origin:left center;transition:transform 0.28s cubic-bezier(0.34,1.4,0.64,1),background-color 0.2s ease}usa-toggle:hover .usa-toggle-knob{transform:scale(1.15)}usa-toggle[data-pressed] .usa-toggle-knob{transform:scaleX(1.45)}usa-toggle[checked] .usa-toggle-track{background:var(--usa-toggle-on);border-color:var(--usa-toggle-on)}usa-toggle[checked] .usa-toggle-knob{background:#fff;transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h)));transform-origin:right center}usa-toggle[checked]:hover .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h))) scale(1.15)}usa-toggle[checked][data-pressed] .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h) - 4px)) scaleX(1.45)}usa-toggle:focus-visible{outline:none}usa-toggle:focus-visible .usa-toggle-track{outline:2px solid var(--usa-toggle-on);outline-offset:2px}";
-
-function defineToggle(tag = 'usa-toggle') {
-    return base.defineElement(tag, (Base) => { var _a; return _a = class UsaToggle extends Base {
-            static get observedAttributes() {
-                return ['checked', 'disabled', 'label'];
-            }
-            constructor() {
-                super();
-                this._internals = null;
-                try {
-                    this._internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null;
-                }
-                catch {
-                    this._internals = null;
-                }
-            }
-            get checked() {
-                return this.hasAttribute('checked');
-            }
-            set checked(v) {
-                this.toggleAttribute('checked', !!v);
-            }
-            get disabled() {
-                return this.hasAttribute('disabled');
-            }
-            set disabled(v) {
-                this.toggleAttribute('disabled', !!v);
-            }
-            changed() {
-                this.sync();
-            }
-            sync() {
-                this.setAttribute('aria-checked', String(this.checked));
-                this.setAttribute('aria-disabled', String(this.disabled));
-                this.tabIndex = this.disabled ? -1 : 0;
-                const label = this.getAttribute('label');
-                if (label && !this.hasAttribute('aria-label'))
-                    this.setAttribute('aria-label', label);
-                this._internals?.setFormValue?.(this.checked ? this.str('value', 'on') : null);
-            }
-            mount() {
-                if (!this.querySelector(':scope > .usa-toggle-track')) {
-                    const track = document.createElement('span');
-                    track.className = 'usa-toggle-track';
-                    track.setAttribute('aria-hidden', 'true');
-                    const knob = document.createElement('span');
-                    knob.className = 'usa-toggle-knob';
-                    track.append(knob);
-                    this.prepend(track);
-                }
-                this.setAttribute('role', 'switch');
-                this.sync();
-                this.listen(this, 'click', () => this.toggle());
-                this.listen(this, 'keydown', (e) => {
-                    if (e.key === ' ' || e.key === 'Enter') {
-                        e.preventDefault();
-                        if (!e.repeat)
-                            this.toggle();
-                    }
-                });
-                this.listen(this, 'pointerdown', () => !this.disabled && this.setAttribute('data-pressed', ''));
-                for (const t of ['pointerup', 'pointerleave', 'pointercancel'])
-                    this.listen(this, t, () => this.removeAttribute('data-pressed'));
-            }
-            toggle(force) {
-                if (this.disabled)
-                    return;
-                const next = force === undefined ? !this.checked : force;
-                if (next === this.checked)
-                    return;
-                this.checked = next;
-                this.sync();
-                this.dispatchEvent(new Event('change', { bubbles: true }));
-                this.emit('change', { checked: next });
-            }
-        },
-        _a.formAssociated = true,
-        _a; }, { id: 'toggle', text: css });
+    }, { id: 'press', text: css });
 }
 
 /**
  * motionary/components/interaction — micro-interactions.
  * `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
- * `<usa-press>`, `<usa-toggle>`.
+ * `<usa-press>`.
  */
 /** Register every component of this category under its default tag. */
 function defineInteractionComponents() {
@@ -411,7 +330,6 @@ function defineInteractionComponents() {
     defineTilt();
     defineSpotlight();
     definePress();
-    defineToggle();
 }
 
 exports.defineInteractionComponents = defineInteractionComponents;
@@ -420,5 +338,4 @@ exports.definePress = definePress;
 exports.defineRipple = defineRipple;
 exports.defineSpotlight = defineSpotlight;
 exports.defineTilt = defineTilt;
-exports.defineToggle = defineToggle;
 //# sourceMappingURL=interaction.cjs.map