sparkfx 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +7 -12
  2. package/dist/{chunk-YLY5N62U.cjs → chunk-3AVUTKJ5.cjs} +8 -8
  3. package/dist/{chunk-YLY5N62U.cjs.map → chunk-3AVUTKJ5.cjs.map} +1 -1
  4. package/dist/{chunk-RD5XCTW4.js → chunk-FPJZKZGF.js} +3 -3
  5. package/dist/{chunk-RD5XCTW4.js.map → chunk-FPJZKZGF.js.map} +1 -1
  6. package/dist/{chunk-KXPTBR5B.cjs → chunk-GHLFOSXQ.cjs} +3 -3
  7. package/dist/{chunk-KXPTBR5B.cjs.map → chunk-GHLFOSXQ.cjs.map} +1 -1
  8. package/dist/{chunk-Y5V7MOLA.cjs → chunk-HB6NE443.cjs} +3 -3
  9. package/dist/{chunk-Y5V7MOLA.cjs.map → chunk-HB6NE443.cjs.map} +1 -1
  10. package/dist/{chunk-5YDUWTOY.js → chunk-LPB7JTCR.js} +3 -3
  11. package/dist/{chunk-5YDUWTOY.js.map → chunk-LPB7JTCR.js.map} +1 -1
  12. package/dist/{chunk-4BGOBPG6.js → chunk-SJKJ2GZW.js} +8 -8
  13. package/dist/{chunk-4BGOBPG6.js.map → chunk-SJKJ2GZW.js.map} +1 -1
  14. package/dist/headless.cjs +1 -1
  15. package/dist/headless.js +1 -1
  16. package/dist/index.cjs +1 -1
  17. package/dist/index.d.cts +4 -5
  18. package/dist/index.d.ts +4 -5
  19. package/dist/index.js +1 -1
  20. package/dist/next.cjs +2 -2
  21. package/dist/next.js +1 -1
  22. package/dist/react.cjs +1 -1
  23. package/dist/react.js +1 -1
  24. package/dist/shadcn.cjs +2 -2
  25. package/dist/shadcn.js +1 -1
  26. package/dist/svelte.cjs +2 -2
  27. package/dist/svelte.js +1 -1
  28. package/dist/tailwind.cjs +1 -1
  29. package/dist/tailwind.js +1 -1
  30. package/dist/testing.cjs +2 -2
  31. package/dist/testing.js +1 -1
  32. package/dist/vue.cjs +2 -2
  33. package/dist/vue.js +1 -1
  34. package/package.json +2 -7
  35. package/dist/chunk-E3PKCBIJ.cjs +0 -299
  36. package/dist/chunk-E3PKCBIJ.cjs.map +0 -1
  37. package/dist/chunk-RMXXT53J.js +0 -299
  38. package/dist/chunk-RMXXT53J.js.map +0 -1
  39. package/dist/devtools.cjs +0 -2
  40. package/dist/devtools.cjs.map +0 -1
  41. package/dist/devtools.d.cts +0 -65
  42. package/dist/devtools.d.ts +0 -65
  43. package/dist/devtools.js +0 -2
  44. package/dist/devtools.js.map +0 -1
package/README.md CHANGED
@@ -9,12 +9,19 @@
9
9
  </p>
10
10
 
11
11
  <p align="center">
12
+ <a href="https://sparkfx.vercel.app"><img src="https://img.shields.io/badge/docs-sparkfx.vercel.app-00ffa3?style=flat-square" /></a>
12
13
  <a href="https://www.npmjs.com/package/sparkfx"><img src="https://img.shields.io/npm/v/sparkfx?color=00ffa3&style=flat-square" /></a>
13
14
  <a href="https://www.npmjs.com/package/sparkfx"><img src="https://img.shields.io/npm/dm/sparkfx?color=00d4ff&style=flat-square" /></a>
14
15
  <img src="https://img.shields.io/bundlephobia/minzip/sparkfx?style=flat-square&color=a855f7" />
15
16
  <img src="https://img.shields.io/badge/license-MIT-green?style=flat-square" />
16
17
  </p>
17
18
 
19
+ <p align="center">
20
+ <a href="https://sparkfx.vercel.app">📖 Documentation</a> •
21
+ <a href="https://sparkfx.vercel.app/effects">✨ Effects</a> •
22
+ <a href="https://sparkfx.vercel.app/playground">🎮 Playground</a>
23
+ </p>
24
+
18
25
  ---
19
26
 
20
27
  I got tired of copy-pasting the same CSS animations between projects. So I built sparkfx - a collection of 45+ effects that just work.
@@ -92,18 +99,6 @@ test('animation timing', () => {
92
99
  })
93
100
  ```
94
101
 
95
- ### Devtools
96
-
97
- Press `Ctrl+Shift+S` to open the debug panel. Shows active animations, FPS, lets you pause/slow-mo stuff.
98
-
99
- ```js
100
- import { devtools } from 'sparkfx'
101
-
102
- devtools.enable()
103
- devtools.slowMo(0.5) // half speed
104
- devtools.exportLog() // dump to json
105
- ```
106
-
107
102
  ## Framework support
108
103
 
109
104
  Works everywhere:
@@ -1,4 +1,4 @@
1
- 'use strict';var $t=require('clsx');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $t__default=/*#__PURE__*/_interopDefault($t);/* sparkfx v1.2.1 - Premium micro-interactions with Event Bus, Testing Kit & Devtools */
1
+ 'use strict';var $t=require('clsx');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var $t__default=/*#__PURE__*/_interopDefault($t);/* sparkfx v1.2.2 - Premium micro-interactions with Event Bus & Testing Kit */
2
2
  var Ie="sparkfx-styles",je=false,Fe=new Set,_e=`
3
3
  /* @lynch/spark base styles */
4
4
  .spark-effect {
@@ -768,16 +768,16 @@ ${e.trigger==="hover"?`
768
768
  .sparkfx-highlight-active::after {
769
769
  width: 100%;
770
770
  }
771
- `,document.head.appendChild(t);}function Ne(t){let e=l(t,fn);if(f(),mn(),!u(e))return {className:"sparkfx-effect sparkfx-reduced-motion"};let r=o=>{o.currentTarget.classList.add("sparkfx-highlight-active");},n=o=>{o.currentTarget.classList.remove("sparkfx-highlight-active");};return {className:$t__default.default("sparkfx-effect","sparkfx-highlight"),style:{...g(e),"--highlight-color":e.color,"--highlight-height":e.height},onMouseEnter:e.trigger==="hover"?r:void 0,onMouseLeave:e.trigger==="hover"?n:void 0}}var dn={bounce:_,pulse:J,lift:Z,scale:ee,shake:te,fade:re,slide:ne,rotate:oe,glow:ae,ripple:se,magnetic:ie,tilt:ce,elastic:le,jelly:pe,rubber:ue,morph:fe,glitch:me,blur:de,neon:ge,glass:ke,shimmer:he,gradient:ye,spotlight:xe,hologram:be,aurora:Se,matrix:ve,rainbow:we,parallax:Oe,float:Ee,flip3d:$e,swing:Me,orbit:Ce,reveal:Re,counter:Te,confetti:I,sparkle:q,firework:Ae,celebrate:Be,typewriter:Le,scramble:Pe,wave:He,highlight:Ne},Ki=dn;/**
772
- * SparkFX v1.2.1 - Micro-interactions for modern web applications
771
+ `,document.head.appendChild(t);}function Ne(t){let e=l(t,fn);if(f(),mn(),!u(e))return {className:"sparkfx-effect sparkfx-reduced-motion"};let r=o=>{o.currentTarget.classList.add("sparkfx-highlight-active");},n=o=>{o.currentTarget.classList.remove("sparkfx-highlight-active");};return {className:$t__default.default("sparkfx-effect","sparkfx-highlight"),style:{...g(e),"--highlight-color":e.color,"--highlight-height":e.height},onMouseEnter:e.trigger==="hover"?r:void 0,onMouseLeave:e.trigger==="hover"?n:void 0}}var dn={bounce:_,pulse:J,lift:Z,scale:ee,shake:te,fade:re,slide:ne,rotate:oe,glow:ae,ripple:se,magnetic:ie,tilt:ce,elastic:le,jelly:pe,rubber:ue,morph:fe,glitch:me,blur:de,neon:ge,glass:ke,shimmer:he,gradient:ye,spotlight:xe,hologram:be,aurora:Se,matrix:ve,rainbow:we,parallax:Oe,float:Ee,flip3d:$e,swing:Me,orbit:Ce,reveal:Re,counter:Te,confetti:I,sparkle:q,firework:Ae,celebrate:Be,typewriter:Le,scramble:Pe,wave:He,highlight:Ne},Gi=dn;/**
772
+ * SparkFX v1.2.2 - Micro-interactions for modern web applications
773
773
  * All effects are free and open source
774
774
  *
775
- * NEW in v1.2.1:
775
+ * Features:
776
+ * - 45+ Effects: Motion, scroll, visual, text animations
776
777
  * - Event Bus: Animation communication system
777
778
  * - Testing Kit: Jest/Vitest animation testing utilities
778
- * - Devtools: Browser debugging panel (Ctrl+Shift+S)
779
779
  *
780
- * @version 1.2.1
780
+ * @version 1.2.2
781
781
  * @license MIT
782
- */exports.$=ve;exports.A=bt;exports.B=St;exports.C=_;exports.D=J;exports.E=Z;exports.F=ee;exports.G=te;exports.H=re;exports.I=ne;exports.J=oe;exports.K=ae;exports.L=se;exports.M=ie;exports.N=ce;exports.O=le;exports.P=pe;exports.Q=ue;exports.R=fe;exports.S=me;exports.T=de;exports.U=ge;exports.V=ke;exports.W=he;exports.X=ye;exports.Y=xe;exports.Z=be;exports._=Se;exports.a=f;exports.aa=we;exports.b=V;exports.ba=Oe;exports.c=Ze;exports.ca=Ee;exports.d=et;exports.da=$e;exports.e=tt;exports.ea=Me;exports.f=rt;exports.fa=Ce;exports.g=nt;exports.ga=Re;exports.h=ot;exports.ha=Te;exports.i=at;exports.ia=I;exports.j=st;exports.ja=q;exports.k=Q;exports.ka=Ae;exports.l=lt;exports.la=Be;exports.m=wn;exports.ma=Le;exports.n=w;exports.na=Pe;exports.o=ut;exports.oa=He;exports.p=ft;exports.pa=Ne;exports.q=dt;exports.qa=dn;exports.r=gt;exports.ra=Ki;exports.s=kt;exports.t=On;exports.u=En;exports.v=ht;exports.w=$n;exports.x=yt;exports.y=Mn;exports.z=xt;//# sourceMappingURL=chunk-YLY5N62U.cjs.map
783
- //# sourceMappingURL=chunk-YLY5N62U.cjs.map
782
+ */exports.$=ve;exports.A=bt;exports.B=St;exports.C=_;exports.D=J;exports.E=Z;exports.F=ee;exports.G=te;exports.H=re;exports.I=ne;exports.J=oe;exports.K=ae;exports.L=se;exports.M=ie;exports.N=ce;exports.O=le;exports.P=pe;exports.Q=ue;exports.R=fe;exports.S=me;exports.T=de;exports.U=ge;exports.V=ke;exports.W=he;exports.X=ye;exports.Y=xe;exports.Z=be;exports._=Se;exports.a=f;exports.aa=we;exports.b=V;exports.ba=Oe;exports.c=Ze;exports.ca=Ee;exports.d=et;exports.da=$e;exports.e=tt;exports.ea=Me;exports.f=rt;exports.fa=Ce;exports.g=nt;exports.ga=Re;exports.h=ot;exports.ha=Te;exports.i=at;exports.ia=I;exports.j=st;exports.ja=q;exports.k=Q;exports.ka=Ae;exports.l=lt;exports.la=Be;exports.m=wn;exports.ma=Le;exports.n=w;exports.na=Pe;exports.o=ut;exports.oa=He;exports.p=ft;exports.pa=Ne;exports.q=dt;exports.qa=dn;exports.r=gt;exports.ra=Gi;exports.s=kt;exports.t=On;exports.u=En;exports.v=ht;exports.w=$n;exports.x=yt;exports.y=Mn;exports.z=xt;//# sourceMappingURL=chunk-3AVUTKJ5.cjs.map
783
+ //# sourceMappingURL=chunk-3AVUTKJ5.cjs.map