@ssgoi/core 2.5.5 → 3.0.0

package/dist/transitions/index.js

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

package/dist/transitions/mask.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface MaskOptions {
     shape?: "circle" | "ellipse" | "square";
     origin?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
@@ -12,19 +12,19 @@ interface MaskOptions {
 }
 export declare const mask: (options?: MaskOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBA4D5B,WAAW;;wBAlEb,MAAM;sBACR,MAAM;;yBAmEG,MAAM;;mBAQV,WAAW;;wBA5Ed,MAAM;sBACR,MAAM;;yBA6EG,MAAM;;CAU5B,CAAC"}
+{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,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;;;;wBAN9B,MAAM;sBACR,MAAM;;wBAgEQ,MAAM,KAAG,WAAW;;;;wBAjEhC,MAAM;sBACR,MAAM;;wBAgEQ,MAAM,KAAG,WAAW;;CAuB/C,CAAC"}

package/dist/transitions/none.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface NoneOptions {
     spring?: {
         stiffness?: number;
@@ -13,14 +13,14 @@ export declare const none: (options?: NoneOptions) => {
             stiffness?: number;
             damping?: number;
         };
-        tick: () => void;
+        css: () => StyleObject;
     };
     out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: () => void;
+        css: () => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;;;wBAN9B,MAAM;sBACR,MAAM;;;;;;wBADJ,MAAM;sBACR,MAAM;;;;CAuBnB,CAAC"}
+{"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,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;;;;wBAN9B,MAAM;sBACR,MAAM;;mBAWL,WAAW;;;;wBAZV,MAAM;sBACR,MAAM;;mBAeL,WAAW;;CAIzB,CAAC"}

package/dist/transitions/rotate.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface RotateOptions {
     degrees?: number;
     clockwise?: boolean;
@@ -15,19 +15,19 @@ interface RotateOptions {
 }
 export declare const rotate: (options?: RotateOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;;kBA+BhC,WAAW;;wBArCb,MAAM;sBACR,MAAM;;yBAsCG,MAAM;;mBAeV,WAAW;;wBAtDd,MAAM;sBACR,MAAM;;yBAuDG,MAAM;;CAiB5B,CAAC"}
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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;;;;wBANlC,MAAM;sBACR,MAAM;;wBAmCQ,MAAM,KAAG,WAAW;;;;wBApChC,MAAM;sBACR,MAAM;;wBAmCQ,MAAM,KAAG,WAAW;;CA6B/C,CAAC"}

package/dist/transitions/scale.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface ScaleOptions {
     start?: number;
     opacity?: number;
@@ -11,19 +11,19 @@ interface ScaleOptions {
 }
 export declare const scale: (options?: ScaleOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,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,KAAK,GAAI,UAAS,YAAiB;;kBAsB9B,WAAW;;wBA5Bb,MAAM;sBACR,MAAM;;yBA6BG,MAAM;;mBAMV,WAAW;;wBApCd,MAAM;sBACR,MAAM;;yBAqCG,MAAM;;CAQ5B,CAAC"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,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,KAAK,GAAI,UAAS,YAAiB;;;;wBANhC,MAAM;sBACR,MAAM;;wBA0BQ,MAAM,KAAG,WAAW;;;;wBA3BhC,MAAM;sBACR,MAAM;;wBA0BQ,MAAM,KAAG,WAAW;;CAmB/C,CAAC"}