@ssgoi/core 3.3.0 → 3.5.0

package/dist/transitions/bounce.d.ts

@@ -1,14 +1,11 @@
-import { Transition, TransitionKey } from '../types';
+import { SpringConfig, Transition, TransitionKey } from '../types';
 interface BounceOptions {
     height?: number;
     intensity?: number;
     scale?: boolean;
     fade?: boolean;
     direction?: "up" | "down";
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-    };
+    spring?: Partial<SpringConfig>;
     key?: TransitionKey;
 }
 export declare const bounce: (options?: BounceOptions) => Transition;

package/dist/transitions/bounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,UAwDpD,CAAC"}
+{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,UAyDpD,CAAC"}

package/dist/transitions/fade.d.ts

@@ -1,11 +1,8 @@
-import { Transition, TransitionKey } from '../types';
+import { SpringConfig, Transition, TransitionKey } from '../types';
 interface FadeOptions {
     from?: number;
     to?: number;
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-    };
+    spring?: Partial<SpringConfig>;
     key?: TransitionKey;
 }
 export declare const fade: (options?: FadeOptions) => Transition;

package/dist/transitions/fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAuBhD,CAAC"}
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAwBhD,CAAC"}

package/dist/transitions/fly.d.ts

@@ -1,12 +1,9 @@
-import { Transition, TransitionKey } from '../types';
+import { SpringConfig, Transition, TransitionKey } from '../types';
 interface FlyOptions {
     x?: number | string;
     y?: number | string;
     opacity?: number;
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-    };
+    spring?: Partial<SpringConfig>;
     key?: TransitionKey;
 }
 export declare const fly: (options?: FlyOptions) => Transition;

package/dist/transitions/fly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fly.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fly.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,UAAU;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,GAAI,UAAS,UAAe,KAAG,UA2C9C,CAAC"}
+{"version":3,"file":"fly.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fly.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,UAAU;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,GAAI,UAAS,UAAe,KAAG,UA4C9C,CAAC"}

package/dist/transitions/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=($={})=>{const{from:t=0,to:c=1,spring:n,key:a}=$,s={stiffness:(n==null?void 0:n.stiffness)??300,damping:(n==null?void 0:n.damping)??30};return{in:()=>({spring:s,css:e=>({opacity:t+(c-t)*e})}),out:()=>({spring:s,css:e=>({opacity:t+(c-t)*e})}),...a&&{key:a}}},k=($={})=>{const{start:t=0,opacity:c=0,axis:n="both",spring:a,key:s}=$,e={stiffness:(a==null?void 0:a.stiffness)??300,damping:(a==null?void 0:a.damping)??30},l=r=>{switch(n){case"x":return`scaleX(${r})`;case"y":return`scaleY(${r})`;case"both":default:return`scale(${r})`}},o=r=>{const f=t+(1-t)*r;return{transform:l(f),opacity:c+(1-c)*r}};return{in:()=>({spring:e,css:o}),out:()=>({spring:e,css:o}),...s&&{key:s}}},w=($={})=>{const{direction:t,distance:c=100,opacity:n=0,fade:a=!0,axis:s,spring:e,key:l}=$,o={stiffness:(e==null?void 0:e.stiffness)??400,damping:(e==null?void 0:e.damping)??35},f=t||(s==="x"?"left":s==="y"?"up":"left"),i=y=>{const u=1-y;if(typeof c=="number"){const d=u*c;switch(f){case"left":return`translate3d(${-d}px, 0, 0)`;case"right":return`translate3d(${d}px, 0, 0)`;case"up":return`translate3d(0, ${-d}px, 0)`;case"down":return`translate3d(0, ${d}px, 0)`}}else switch(f){case"left":return`translate3d(calc(-1 * ${c} * ${u}), 0, 0)`;case"right":return`translate3d(calc(${c} * ${u}), 0, 0)`;case"up":return`translate3d(0, calc(-1 * ${c} * ${u}), 0)`;case"down":return`translate3d(0, calc(${c} * ${u}), 0)`}},m=y=>{const u={transform:i(y)};return a&&(u.opacity=n+(1-n)*y),u};return{in:()=>({spring:o,css:m}),out:()=>({spring:o,css:m}),...l&&{key:l}}},C=($={})=>{const{degrees:t=360,clockwise:c=!0,scale:n=!1,fade:a=!0,origin:s="center",axis:e="2d",perspective:l=800,spring:o,key:r}=$,f={stiffness:(o==null?void 0:o.stiffness)??500,damping:(o==null?void 0:o.damping)??25},i=c?t:-t,m=u=>{const d=(1-u)*i;switch(e){case"x":return`perspective(${l}px) rotateX(${d}deg)`;case"y":return`perspective(${l}px) rotateY(${d}deg)`;case"z":return`rotateZ(${d}deg)`;case"2d":default:return`rotate(${d}deg)`}},y=u=>{const d={},p=[m(u)];return n&&p.push(`scale(${u})`),d.transform=p.join(" "),d.transformOrigin=s,a&&(d.opacity=u),d};return{in:()=>({spring:f,css:y}),out:()=>({spring:f,css:y}),...r&&{key:r}}},M=($={})=>{const{height:t=20,intensity:c=1,scale:n=!0,fade:a=!0,direction:s="up",spring:e,key:l}=$,o={stiffness:(e==null?void 0:e.stiffness)??800,damping:(e==null?void 0:e.damping)??15},r=f=>{const i={},m=[],y=Math.sin(f*Math.PI*(1+c)),u=1-f,d=y*t*u;if(s==="up"?m.push(`translateY(${-Math.abs(d)}px)`):m.push(`translateY(${Math.abs(d)}px)`),n){const p=.8+f*.2+y*.05*u;m.push(`scale(${p})`)}return i.transform=m.join(" "),a&&(i.opacity=f),i};return{in:()=>({spring:o,css:r}),out:()=>({spring:o,css:r}),...l&&{key:l}}},P=($={})=>{const{amount:t=10,opacity:c=0,scale:n=!1,fade:a=!0,spring:s,key:e}=$,l={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30},o=r=>{const f=1-r,i={};return typeof t=="number"?i.filter=`blur(${f*t}px)`:i.filter=`blur(calc(${t} * ${f}))`,n&&(i.transform=`scale(${.8+r*.2})`),a&&(i.opacity=c+(1-c)*r),i};return{in:()=>({spring:l,css:o}),out:()=>({spring:l,css:o}),...e&&{key:e}}},S=($={})=>{const{x:t=0,y:c=-100,opacity:n=0,spring:a,key:s}=$,e={stiffness:(a==null?void 0:a.stiffness)??400,damping:(a==null?void 0:a.damping)??35},l=o=>{const r=1-o;let f,i;return typeof t=="number"?f=`${r*t}px`:f=`calc(${t} * ${r})`,typeof c=="number"?i=`${r*c}px`:i=`calc(${c} * ${r})`,{transform:`translate3d(${f}, ${i}, 0)`,opacity:n+(1-n)*o}};return{in:()=>({spring:e,css:l}),out:()=>({spring:e,css:l}),...s&&{key:s}}},z=($={})=>{const{shape:t="circle",origin:c="center",scale:n=1.5,fade:a=!1,spring:s,key:e}=$,l={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30},o=()=>{switch(c){case"top":return"50% 0%";case"bottom":return"50% 100%";case"left":return"0% 50%";case"right":return"100% 50%";case"top-left":return"0% 0%";case"top-right":return"100% 0%";case"bottom-left":return"0% 100%";case"bottom-right":return"100% 100%";case"center":default:return"50% 50%"}},r=i=>{const m=i*n*100,y=o();switch(t){case"ellipse":return`ellipse(${m}% ${m*.75}% at ${y})`;case"square":{const u=i*n*100,[d,p]=y.split(" "),h=parseFloat(d),b=parseFloat(p),g=u/2;return`polygon(${h-g}% ${b-g}%, ${h+g}% ${b-g}%, ${h+g}% ${b+g}%, ${h-g}% ${b+g}%)`}case"circle":default:return`circle(${m}% at ${y})`}},f=i=>{const m={clipPath:r(i)};return a&&(m.opacity=i),m};return{in:()=>({spring:l,css:f}),out:()=>({spring:l,css:f}),...e&&{key:e}}},T=($={})=>{const{spring:t,key:c}=$,n={stiffness:(t==null?void 0:t.stiffness)??1e3,damping:(t==null?void 0:t.damping)??100};return{in:()=>({spring:n,css:()=>({})}),out:()=>({spring:n,css:()=>({})}),...c&&{key:c}}};exports.blur=P;exports.bounce=M;exports.fade=x;exports.fly=S;exports.mask=z;exports.none=T;exports.rotate=C;exports.scale=k;exports.slide=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=($={})=>{const{from:t=0,to:n=1,spring:a,key:c}=$,s={stiffness:(a==null?void 0:a.stiffness)??300,damping:(a==null?void 0:a.damping)??30,doubleSpring:(a==null?void 0:a.doubleSpring)??!1};return{in:()=>({spring:s,css:e=>({opacity:t+(n-t)*e})}),out:()=>({spring:s,css:e=>({opacity:t+(n-t)*e})}),...c&&{key:c}}},p=($={})=>{const{start:t=0,opacity:n=0,axis:a="both",spring:c,key:s}=$,e={stiffness:(c==null?void 0:c.stiffness)??300,damping:(c==null?void 0:c.damping)??30,doubleSpring:(c==null?void 0:c.doubleSpring)??!1},f=l=>{switch(a){case"x":return`scaleX(${l})`;case"y":return`scaleY(${l})`;case"both":default:return`scale(${l})`}},r=l=>{const u=t+(1-t)*l;return{transform:f(u),opacity:n+(1-n)*l}};return{in:()=>({spring:e,css:r}),out:()=>({spring:e,css:r}),...s&&{key:s}}},k=($={})=>{const{direction:t,distance:n=100,opacity:a=0,fade:c=!0,axis:s,spring:e,key:f}=$,r={stiffness:(e==null?void 0:e.stiffness)??400,damping:(e==null?void 0:e.damping)??35,doubleSpring:(e==null?void 0:e.doubleSpring)??!1},u=t||(s==="x"?"left":s==="y"?"up":"left"),o=y=>{const i=1-y;if(typeof n=="number"){const d=i*n;switch(u){case"left":return`translate3d(${-d}px, 0, 0)`;case"right":return`translate3d(${d}px, 0, 0)`;case"up":return`translate3d(0, ${-d}px, 0)`;case"down":return`translate3d(0, ${d}px, 0)`}}else switch(u){case"left":return`translate3d(calc(-1 * ${n} * ${i}), 0, 0)`;case"right":return`translate3d(calc(${n} * ${i}), 0, 0)`;case"up":return`translate3d(0, calc(-1 * ${n} * ${i}), 0)`;case"down":return`translate3d(0, calc(${n} * ${i}), 0)`}},m=y=>{const i={transform:o(y)};return c&&(i.opacity=a+(1-a)*y),i};return{in:()=>({spring:r,css:m}),out:()=>({spring:r,css:m}),...f&&{key:f}}},w=($={})=>{const{degrees:t=360,clockwise:n=!0,scale:a=!1,fade:c=!0,origin:s="center",axis:e="2d",perspective:f=800,spring:r,key:l}=$,u={stiffness:(r==null?void 0:r.stiffness)??500,damping:(r==null?void 0:r.damping)??25,doubleSpring:(r==null?void 0:r.doubleSpring)??!1},o=n?t:-t,m=i=>{const d=(1-i)*o;switch(e){case"x":return`perspective(${f}px) rotateX(${d}deg)`;case"y":return`perspective(${f}px) rotateY(${d}deg)`;case"z":return`rotateZ(${d}deg)`;case"2d":default:return`rotate(${d}deg)`}},y=i=>{const d={},g=[m(i)];return a&&g.push(`scale(${i})`),d.transform=g.join(" "),d.transformOrigin=s,c&&(d.opacity=i),d};return{in:()=>({spring:u,css:y}),out:()=>({spring:u,css:y}),...l&&{key:l}}},C=($={})=>{const{height:t=20,intensity:n=1,scale:a=!0,fade:c=!0,direction:s="up",spring:e,key:f}=$,r={stiffness:(e==null?void 0:e.stiffness)??800,damping:(e==null?void 0:e.damping)??15,doubleSpring:(e==null?void 0:e.doubleSpring)??!1},l=u=>{const o={},m=[],y=Math.sin(u*Math.PI*(1+n)),i=1-u,d=y*t*i;if(s==="up"?m.push(`translateY(${-Math.abs(d)}px)`):m.push(`translateY(${Math.abs(d)}px)`),a){const g=.8+u*.2+y*.05*i;m.push(`scale(${g})`)}return o.transform=m.join(" "),c&&(o.opacity=u),o};return{in:()=>({spring:r,css:l}),out:()=>({spring:r,css:l}),...f&&{key:f}}},M=($={})=>{const{amount:t=10,opacity:n=0,scale:a=!1,fade:c=!0,spring:s,key:e}=$,f={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30,doubleSpring:(s==null?void 0:s.doubleSpring)??!1},r=l=>{const u=1-l,o={};return typeof t=="number"?o.filter=`blur(${u*t}px)`:o.filter=`blur(calc(${t} * ${u}))`,a&&(o.transform=`scale(${.8+l*.2})`),c&&(o.opacity=n+(1-n)*l),o};return{in:()=>({spring:f,css:r}),out:()=>({spring:f,css:r}),...e&&{key:e}}},P=($={})=>{const{x:t=0,y:n=-100,opacity:a=0,spring:c,key:s}=$,e={stiffness:(c==null?void 0:c.stiffness)??400,damping:(c==null?void 0:c.damping)??35,doubleSpring:(c==null?void 0:c.doubleSpring)??!1},f=r=>{const l=1-r;let u,o;return typeof t=="number"?u=`${l*t}px`:u=`calc(${t} * ${l})`,typeof n=="number"?o=`${l*n}px`:o=`calc(${n} * ${l})`,{transform:`translate3d(${u}, ${o}, 0)`,opacity:a+(1-a)*r}};return{in:()=>({spring:e,css:f}),out:()=>({spring:e,css:f}),...s&&{key:s}}},z=($={})=>{const{shape:t="circle",origin:n="center",scale:a=1.5,fade:c=!1,spring:s,key:e}=$,f={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30,doubleSpring:(s==null?void 0:s.doubleSpring)??!1},r=()=>{switch(n){case"top":return"50% 0%";case"bottom":return"50% 100%";case"left":return"0% 50%";case"right":return"100% 50%";case"top-left":return"0% 0%";case"top-right":return"100% 0%";case"bottom-left":return"0% 100%";case"bottom-right":return"100% 100%";case"center":default:return"50% 50%"}},l=o=>{const m=o*a*100,y=r();switch(t){case"ellipse":return`ellipse(${m}% ${m*.75}% at ${y})`;case"square":{const i=o*a*100,[d,g]=y.split(" "),h=parseFloat(d),S=parseFloat(g),b=i/2;return`polygon(${h-b}% ${S-b}%, ${h+b}% ${S-b}%, ${h+b}% ${S+b}%, ${h-b}% ${S+b}%)`}case"circle":default:return`circle(${m}% at ${y})`}},u=o=>{const m={clipPath:l(o)};return c&&(m.opacity=o),m};return{in:()=>({spring:f,css:u}),out:()=>({spring:f,css:u}),...e&&{key:e}}},T=($={})=>{const{spring:t,key:n}=$,a={stiffness:(t==null?void 0:t.stiffness)??1e3,damping:(t==null?void 0:t.damping)??100,doubleSpring:(t==null?void 0:t.doubleSpring)??!1};return{in:()=>({spring:a,css:()=>({})}),out:()=>({spring:a,css:()=>({})}),...n&&{key:n}}};exports.blur=M;exports.bounce=C;exports.fade=x;exports.fly=P;exports.mask=z;exports.none=T;exports.rotate=w;exports.scale=p;exports.slide=k;

package/dist/transitions/index.js

@@ -1,78 +1,81 @@
-const b = ($ = {}) => {
-  const { from: t = 0, to: c = 1, spring: n, key: a } = $, e = {
-    stiffness: (n == null ? void 0 : n.stiffness) ?? 300,
-    damping: (n == null ? void 0 : n.damping) ?? 30
+const S = ($ = {}) => {
+  const { from: t = 0, to: n = 1, spring: a, key: c } = $, s = {
+    stiffness: (a == null ? void 0 : a.stiffness) ?? 300,
+    damping: (a == null ? void 0 : a.damping) ?? 30,
+    doubleSpring: (a == null ? void 0 : a.doubleSpring) ?? !1
   };
   return {
     in: () => ({
-      spring: e,
-      css: (s) => ({
-        opacity: t + (c - t) * s
+      spring: s,
+      css: (e) => ({
+        opacity: t + (n - t) * e
       })
     }),
     out: () => ({
-      spring: e,
-      css: (s) => ({
-        opacity: t + (c - t) * s
+      spring: s,
+      css: (e) => ({
+        opacity: t + (n - t) * e
       })
     }),
-    ...a && { key: a }
+    ...c && { key: c }
   };
-}, k = ($ = {}) => {
+}, p = ($ = {}) => {
   const {
     start: t = 0,
-    opacity: c = 0,
-    axis: n = "both",
-    spring: a,
-    key: e
-  } = $, s = {
-    stiffness: (a == null ? void 0 : a.stiffness) ?? 300,
-    damping: (a == null ? void 0 : a.damping) ?? 30
-  }, u = (r) => {
-    switch (n) {
+    opacity: n = 0,
+    axis: a = "both",
+    spring: c,
+    key: s
+  } = $, e = {
+    stiffness: (c == null ? void 0 : c.stiffness) ?? 300,
+    damping: (c == null ? void 0 : c.damping) ?? 30,
+    doubleSpring: (c == null ? void 0 : c.doubleSpring) ?? !1
+  }, f = (l) => {
+    switch (a) {
       case "x":
-        return `scaleX(${r})`;
+        return `scaleX(${l})`;
       case "y":
-        return `scaleY(${r})`;
+        return `scaleY(${l})`;
       case "both":
       default:
-        return `scale(${r})`;
+        return `scale(${l})`;
     }
-  }, o = (r) => {
-    const f = t + (1 - t) * r;
+  }, r = (l) => {
+    const u = t + (1 - t) * l;
     return {
-      transform: u(f),
-      opacity: c + (1 - c) * r
+      transform: f(u),
+      opacity: n + (1 - n) * l
     };
   };
   return {
     in: () => ({
-      spring: s,
-      css: o
+      spring: e,
+      css: r
     }),
     out: () => ({
-      spring: s,
-      css: o
+      spring: e,
+      css: r
     }),
-    ...e && { key: e }
+    ...s && { key: s }
   };
-}, w = ($ = {}) => {
+}, k = ($ = {}) => {
   const {
     direction: t,
-    distance: c = 100,
-    opacity: n = 0,
-    fade: a = !0,
-    axis: e,
-    spring: s,
-    key: u
-  } = $, o = {
-    stiffness: (s == null ? void 0 : s.stiffness) ?? 400,
-    damping: (s == null ? void 0 : s.damping) ?? 35
-  }, f = t || (e === "x" ? "left" : e === "y" ? "up" : "left"), i = (y) => {
-    const l = 1 - y;
-    if (typeof c == "number") {
-      const d = l * c;
-      switch (f) {
+    distance: n = 100,
+    opacity: a = 0,
+    fade: c = !0,
+    axis: s,
+    spring: e,
+    key: f
+  } = $, r = {
+    stiffness: (e == null ? void 0 : e.stiffness) ?? 400,
+    damping: (e == null ? void 0 : e.damping) ?? 35,
+    doubleSpring: (e == null ? void 0 : e.doubleSpring) ?? !1
+  }, u = t || (s === "x" ? "left" : s === "y" ? "up" : "left"), o = (y) => {
+    const i = 1 - y;
+    if (typeof n == "number") {
+      const d = i * n;
+      switch (u) {
         case "left":
           return `translate3d(${-d}px, 0, 0)`;
         case "right":
@@ -83,168 +86,173 @@ const b = ($ = {}) => {
           return `translate3d(0, ${d}px, 0)`;
       }
     } else
-      switch (f) {
+      switch (u) {
         case "left":
-          return `translate3d(calc(-1 * ${c} * ${l}), 0, 0)`;
+          return `translate3d(calc(-1 * ${n} * ${i}), 0, 0)`;
         case "right":
-          return `translate3d(calc(${c} * ${l}), 0, 0)`;
+          return `translate3d(calc(${n} * ${i}), 0, 0)`;
         case "up":
-          return `translate3d(0, calc(-1 * ${c} * ${l}), 0)`;
+          return `translate3d(0, calc(-1 * ${n} * ${i}), 0)`;
         case "down":
-          return `translate3d(0, calc(${c} * ${l}), 0)`;
+          return `translate3d(0, calc(${n} * ${i}), 0)`;
       }
   }, m = (y) => {
-    const l = {
-      transform: i(y)
+    const i = {
+      transform: o(y)
     };
-    return a && (l.opacity = n + (1 - n) * y), l;
+    return c && (i.opacity = a + (1 - a) * y), i;
   };
   return {
     in: () => ({
-      spring: o,
+      spring: r,
       css: m
     }),
     out: () => ({
-      spring: o,
+      spring: r,
       css: m
     }),
-    ...u && { key: u }
+    ...f && { key: f }
   };
-}, C = ($ = {}) => {
+}, w = ($ = {}) => {
   const {
     degrees: t = 360,
-    clockwise: c = !0,
-    scale: n = !1,
-    fade: a = !0,
-    origin: e = "center",
-    axis: s = "2d",
-    perspective: u = 800,
-    spring: o,
-    key: r
-  } = $, f = {
-    stiffness: (o == null ? void 0 : o.stiffness) ?? 500,
-    damping: (o == null ? void 0 : o.damping) ?? 25
-  }, i = c ? t : -t, m = (l) => {
-    const d = (1 - l) * i;
-    switch (s) {
+    clockwise: n = !0,
+    scale: a = !1,
+    fade: c = !0,
+    origin: s = "center",
+    axis: e = "2d",
+    perspective: f = 800,
+    spring: r,
+    key: l
+  } = $, u = {
+    stiffness: (r == null ? void 0 : r.stiffness) ?? 500,
+    damping: (r == null ? void 0 : r.damping) ?? 25,
+    doubleSpring: (r == null ? void 0 : r.doubleSpring) ?? !1
+  }, o = n ? t : -t, m = (i) => {
+    const d = (1 - i) * o;
+    switch (e) {
       case "x":
-        return `perspective(${u}px) rotateX(${d}deg)`;
+        return `perspective(${f}px) rotateX(${d}deg)`;
       case "y":
-        return `perspective(${u}px) rotateY(${d}deg)`;
+        return `perspective(${f}px) rotateY(${d}deg)`;
       case "z":
         return `rotateZ(${d}deg)`;
       case "2d":
       default:
         return `rotate(${d}deg)`;
     }
-  }, y = (l) => {
-    const d = {}, g = [m(l)];
-    return n && g.push(`scale(${l})`), d.transform = g.join(" "), d.transformOrigin = e, a && (d.opacity = l), d;
+  }, y = (i) => {
+    const d = {}, g = [m(i)];
+    return a && g.push(`scale(${i})`), d.transform = g.join(" "), d.transformOrigin = s, c && (d.opacity = i), d;
   };
   return {
     in: () => ({
-      spring: f,
+      spring: u,
       css: y
     }),
     out: () => ({
-      spring: f,
+      spring: u,
       css: y
     }),
-    ...r && { key: r }
+    ...l && { key: l }
   };
-}, M = ($ = {}) => {
+}, C = ($ = {}) => {
   const {
     height: t = 20,
-    intensity: c = 1,
-    scale: n = !0,
-    fade: a = !0,
-    direction: e = "up",
-    spring: s,
-    key: u
-  } = $, o = {
-    stiffness: (s == null ? void 0 : s.stiffness) ?? 800,
-    damping: (s == null ? void 0 : s.damping) ?? 15
-  }, r = (f) => {
-    const i = {}, m = [], y = Math.sin(f * Math.PI * (1 + c)), l = 1 - f, d = y * t * l;
-    if (e === "up" ? m.push(`translateY(${-Math.abs(d)}px)`) : m.push(`translateY(${Math.abs(d)}px)`), n) {
-      const g = 0.8 + f * 0.2 + y * 0.05 * l;
+    intensity: n = 1,
+    scale: a = !0,
+    fade: c = !0,
+    direction: s = "up",
+    spring: e,
+    key: f
+  } = $, r = {
+    stiffness: (e == null ? void 0 : e.stiffness) ?? 800,
+    damping: (e == null ? void 0 : e.damping) ?? 15,
+    doubleSpring: (e == null ? void 0 : e.doubleSpring) ?? !1
+  }, l = (u) => {
+    const o = {}, m = [], y = Math.sin(u * Math.PI * (1 + n)), i = 1 - u, d = y * t * i;
+    if (s === "up" ? m.push(`translateY(${-Math.abs(d)}px)`) : m.push(`translateY(${Math.abs(d)}px)`), a) {
+      const g = 0.8 + u * 0.2 + y * 0.05 * i;
       m.push(`scale(${g})`);
     }
-    return i.transform = m.join(" "), a && (i.opacity = f), i;
+    return o.transform = m.join(" "), c && (o.opacity = u), o;
   };
   return {
     in: () => ({
-      spring: o,
-      css: r
+      spring: r,
+      css: l
     }),
     out: () => ({
-      spring: o,
-      css: r
+      spring: r,
+      css: l
     }),
-    ...u && { key: u }
+    ...f && { key: f }
   };
-}, z = ($ = {}) => {
+}, M = ($ = {}) => {
   const {
     amount: t = 10,
-    opacity: c = 0,
-    scale: n = !1,
-    fade: a = !0,
-    spring: e,
-    key: s
-  } = $, u = {
-    stiffness: (e == null ? void 0 : e.stiffness) ?? 300,
-    damping: (e == null ? void 0 : e.damping) ?? 30
-  }, o = (r) => {
-    const f = 1 - r, i = {};
-    return typeof t == "number" ? i.filter = `blur(${f * t}px)` : i.filter = `blur(calc(${t} * ${f}))`, n && (i.transform = `scale(${0.8 + r * 0.2})`), a && (i.opacity = c + (1 - c) * r), i;
+    opacity: n = 0,
+    scale: a = !1,
+    fade: c = !0,
+    spring: s,
+    key: e
+  } = $, f = {
+    stiffness: (s == null ? void 0 : s.stiffness) ?? 300,
+    damping: (s == null ? void 0 : s.damping) ?? 30,
+    doubleSpring: (s == null ? void 0 : s.doubleSpring) ?? !1
+  }, r = (l) => {
+    const u = 1 - l, o = {};
+    return typeof t == "number" ? o.filter = `blur(${u * t}px)` : o.filter = `blur(calc(${t} * ${u}))`, a && (o.transform = `scale(${0.8 + l * 0.2})`), c && (o.opacity = n + (1 - n) * l), o;
   };
   return {
     in: () => ({
-      spring: u,
-      css: o
+      spring: f,
+      css: r
     }),
     out: () => ({
-      spring: u,
-      css: o
+      spring: f,
+      css: r
     }),
-    ...s && { key: s }
+    ...e && { key: e }
   };
-}, P = ($ = {}) => {
-  const { x: t = 0, y: c = -100, opacity: n = 0, spring: a, key: e } = $, s = {
-    stiffness: (a == null ? void 0 : a.stiffness) ?? 400,
-    damping: (a == null ? void 0 : a.damping) ?? 35
-  }, u = (o) => {
-    const r = 1 - o;
-    let f, i;
-    return typeof t == "number" ? f = `${r * t}px` : f = `calc(${t} * ${r})`, typeof c == "number" ? i = `${r * c}px` : i = `calc(${c} * ${r})`, {
-      transform: `translate3d(${f}, ${i}, 0)`,
-      opacity: n + (1 - n) * o
+}, z = ($ = {}) => {
+  const { x: t = 0, y: n = -100, opacity: a = 0, spring: c, key: s } = $, e = {
+    stiffness: (c == null ? void 0 : c.stiffness) ?? 400,
+    damping: (c == null ? void 0 : c.damping) ?? 35,
+    doubleSpring: (c == null ? void 0 : c.doubleSpring) ?? !1
+  }, f = (r) => {
+    const l = 1 - r;
+    let u, o;
+    return typeof t == "number" ? u = `${l * t}px` : u = `calc(${t} * ${l})`, typeof n == "number" ? o = `${l * n}px` : o = `calc(${n} * ${l})`, {
+      transform: `translate3d(${u}, ${o}, 0)`,
+      opacity: a + (1 - a) * r
     };
   };
   return {
     in: () => ({
-      spring: s,
-      css: u
+      spring: e,
+      css: f
     }),
     out: () => ({
-      spring: s,
-      css: u
+      spring: e,
+      css: f
     }),
-    ...e && { key: e }
+    ...s && { key: s }
   };
-}, V = ($ = {}) => {
+}, P = ($ = {}) => {
   const {
     shape: t = "circle",
-    origin: c = "center",
-    scale: n = 1.5,
-    fade: a = !1,
-    spring: e,
-    key: s
-  } = $, u = {
-    stiffness: (e == null ? void 0 : e.stiffness) ?? 300,
-    damping: (e == null ? void 0 : e.damping) ?? 30
-  }, o = () => {
-    switch (c) {
+    origin: n = "center",
+    scale: a = 1.5,
+    fade: c = !1,
+    spring: s,
+    key: e
+  } = $, f = {
+    stiffness: (s == null ? void 0 : s.stiffness) ?? 300,
+    damping: (s == null ? void 0 : s.damping) ?? 30,
+    doubleSpring: (s == null ? void 0 : s.doubleSpring) ?? !1
+  }, r = () => {
+    switch (n) {
       case "top":
         return "50% 0%";
       case "bottom":
@@ -265,61 +273,62 @@ const b = ($ = {}) => {
       default:
         return "50% 50%";
     }
-  }, r = (i) => {
-    const m = i * n * 100, y = o();
+  }, l = (o) => {
+    const m = o * a * 100, y = r();
     switch (t) {
       case "ellipse":
         return `ellipse(${m}% ${m * 0.75}% at ${y})`;
       case "square": {
-        const l = i * n * 100, [d, g] = y.split(" "), h = parseFloat(d), x = parseFloat(g), p = l / 2;
-        return `polygon(${h - p}% ${x - p}%, ${h + p}% ${x - p}%, ${h + p}% ${x + p}%, ${h - p}% ${x + p}%)`;
+        const i = o * a * 100, [d, g] = y.split(" "), h = parseFloat(d), x = parseFloat(g), b = i / 2;
+        return `polygon(${h - b}% ${x - b}%, ${h + b}% ${x - b}%, ${h + b}% ${x + b}%, ${h - b}% ${x + b}%)`;
       }
       case "circle":
       default:
         return `circle(${m}% at ${y})`;
     }
-  }, f = (i) => {
+  }, u = (o) => {
     const m = {
-      clipPath: r(i)
+      clipPath: l(o)
     };
-    return a && (m.opacity = i), m;
+    return c && (m.opacity = o), m;
   };
   return {
     in: () => ({
-      spring: u,
-      css: f
+      spring: f,
+      css: u
     }),
     out: () => ({
-      spring: u,
-      css: f
+      spring: f,
+      css: u
     }),
-    ...s && { key: s }
+    ...e && { key: e }
   };
-}, Y = ($ = {}) => {
-  const { spring: t, key: c } = $, n = {
+}, V = ($ = {}) => {
+  const { spring: t, key: n } = $, a = {
     stiffness: (t == null ? void 0 : t.stiffness) ?? 1e3,
-    damping: (t == null ? void 0 : t.damping) ?? 100
+    damping: (t == null ? void 0 : t.damping) ?? 100,
+    doubleSpring: (t == null ? void 0 : t.doubleSpring) ?? !1
   };
   return {
     in: () => ({
-      spring: n,
+      spring: a,
       css: () => ({})
     }),
     out: () => ({
-      spring: n,
+      spring: a,
       css: () => ({})
     }),
-    ...c && { key: c }
+    ...n && { key: n }
   };
 };
 export {
-  z as blur,
-  M as bounce,
-  b as fade,
-  P as fly,
-  V as mask,
-  Y as none,
-  C as rotate,
-  k as scale,
-  w as slide
+  M as blur,
+  C as bounce,
+  S as fade,
+  z as fly,
+  P as mask,
+  V as none,
+  w as rotate,
+  p as scale,
+  k as slide
 };

package/dist/transitions/mask.d.ts

@@ -1,13 +1,10 @@
-import { Transition, TransitionKey } from '../types';
+import { SpringConfig, Transition, TransitionKey } from '../types';
 interface MaskOptions {
     shape?: "circle" | "ellipse" | "square";
     origin?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     scale?: number;
     fade?: boolean;
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-    };
+    spring?: Partial<SpringConfig>;
     key?: TransitionKey;
 }
 export declare const mask: (options?: MaskOptions) => Transition;

package/dist/transitions/mask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EACH,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAuFhD,CAAC"}
+{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EACH,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAwFhD,CAAC"}

package/dist/transitions/none.d.ts

@@ -1,9 +1,6 @@
-import { Transition, TransitionKey } from '../types';
+import { SpringConfig, Transition, TransitionKey } from '../types';
 interface NoneOptions {
-    spring?: {
-        stiffness?: number;
-        damping?: number;
-    };
+    spring?: Partial<SpringConfig>;
     key?: TransitionKey;
 }
 export declare const none: (options?: NoneOptions) => Transition;

package/dist/transitions/none.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAmBhD,CAAC"}
+{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAoBhD,CAAC"}