@ssgoi/core 3.2.1 → 3.3.0

package/dist/transitions/index.js

@@ -1,237 +1,250 @@
-const x = (p = {}) => {
-  const {
-    from: t = 0,
-    to: e = 1,
-    spring: a = { stiffness: 300, damping: 30 },
-    key: l
-  } = p;
+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
+  };
   return {
     in: () => ({
-      spring: a,
-      css: (c) => ({
-        opacity: t + (e - t) * c
+      spring: e,
+      css: (s) => ({
+        opacity: t + (c - t) * s
       })
     }),
     out: () => ({
-      spring: a,
-      css: (c) => ({
-        opacity: t + (e - t) * c
+      spring: e,
+      css: (s) => ({
+        opacity: t + (c - t) * s
       })
     }),
-    ...l && { key: l }
+    ...a && { key: a }
   };
-}, b = (p = {}) => {
+}, k = ($ = {}) => {
   const {
     start: t = 0,
-    opacity: e = 0,
-    axis: a = "both",
-    spring: l = { stiffness: 300, damping: 30 },
-    key: c
-  } = p, f = (s) => {
-    switch (a) {
+    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) {
       case "x":
-        return `scaleX(${s})`;
+        return `scaleX(${r})`;
       case "y":
-        return `scaleY(${s})`;
+        return `scaleY(${r})`;
       case "both":
       default:
-        return `scale(${s})`;
+        return `scale(${r})`;
     }
-  }, i = (s) => {
-    const r = t + (1 - t) * s;
+  }, o = (r) => {
+    const f = t + (1 - t) * r;
     return {
-      transform: f(r),
-      opacity: e + (1 - e) * s
+      transform: u(f),
+      opacity: c + (1 - c) * r
     };
   };
   return {
     in: () => ({
-      spring: l,
-      css: i
+      spring: s,
+      css: o
     }),
     out: () => ({
-      spring: l,
-      css: i
+      spring: s,
+      css: o
     }),
-    ...c && { key: c }
+    ...e && { key: e }
   };
-}, k = (p = {}) => {
+}, w = ($ = {}) => {
   const {
     direction: t,
-    distance: e = 100,
-    opacity: a = 0,
-    fade: l = !0,
-    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) {
+    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) {
         case "left":
-          return `translate3d(${-u}px, 0, 0)`;
+          return `translate3d(${-d}px, 0, 0)`;
         case "right":
-          return `translate3d(${u}px, 0, 0)`;
+          return `translate3d(${d}px, 0, 0)`;
         case "up":
-          return `translate3d(0, ${-u}px, 0)`;
+          return `translate3d(0, ${-d}px, 0)`;
         case "down":
-          return `translate3d(0, ${u}px, 0)`;
+          return `translate3d(0, ${d}px, 0)`;
       }
     } else
-      switch (r) {
+      switch (f) {
         case "left":
-          return `translate3d(calc(-1 * ${e} * ${o}), 0, 0)`;
+          return `translate3d(calc(-1 * ${c} * ${l}), 0, 0)`;
         case "right":
-          return `translate3d(calc(${e} * ${o}), 0, 0)`;
+          return `translate3d(calc(${c} * ${l}), 0, 0)`;
         case "up":
-          return `translate3d(0, calc(-1 * ${e} * ${o}), 0)`;
+          return `translate3d(0, calc(-1 * ${c} * ${l}), 0)`;
         case "down":
-          return `translate3d(0, calc(${e} * ${o}), 0)`;
+          return `translate3d(0, calc(${c} * ${l}), 0)`;
       }
-  }, $ = (d) => {
-    const o = {
-      transform: n(d)
+  }, m = (y) => {
+    const l = {
+      transform: i(y)
     };
-    return l && (o.opacity = a + (1 - a) * d), o;
+    return a && (l.opacity = n + (1 - n) * y), l;
   };
   return {
     in: () => ({
-      spring: f,
-      css: $
+      spring: o,
+      css: m
     }),
     out: () => ({
-      spring: f,
-      css: $
+      spring: o,
+      css: m
     }),
-    ...i && { key: i }
+    ...u && { key: u }
   };
-}, w = (p = {}) => {
+}, C = ($ = {}) => {
   const {
     degrees: t = 360,
-    clockwise: e = !0,
-    scale: a = !1,
-    fade: l = !0,
-    origin: c = "center",
-    axis: f = "2d",
-    perspective: i = 800,
-    spring: s = { stiffness: 500, damping: 25 },
+    clockwise: c = !0,
+    scale: n = !1,
+    fade: a = !0,
+    origin: e = "center",
+    axis: s = "2d",
+    perspective: u = 800,
+    spring: o,
     key: r
-  } = p, n = e ? t : -t, $ = (o) => {
-    const u = (1 - o) * n;
-    switch (f) {
+  } = $, 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) {
       case "x":
-        return `perspective(${i}px) rotateX(${u}deg)`;
+        return `perspective(${u}px) rotateX(${d}deg)`;
       case "y":
-        return `perspective(${i}px) rotateY(${u}deg)`;
+        return `perspective(${u}px) rotateY(${d}deg)`;
       case "z":
-        return `rotateZ(${u}deg)`;
+        return `rotateZ(${d}deg)`;
       case "2d":
       default:
-        return `rotate(${u}deg)`;
+        return `rotate(${d}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;
+  }, 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;
   };
   return {
     in: () => ({
-      spring: s,
-      css: d
+      spring: f,
+      css: y
     }),
     out: () => ({
-      spring: s,
-      css: d
+      spring: f,
+      css: y
     }),
     ...r && { key: r }
   };
-}, C = (p = {}) => {
+}, M = ($ = {}) => {
   const {
     height: t = 20,
-    intensity: e = 1,
-    scale: a = !0,
-    fade: l = !0,
-    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})`);
+    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;
+      m.push(`scale(${g})`);
     }
-    return n.transform = $.join(" "), l && (n.opacity = r), n;
+    return i.transform = m.join(" "), a && (i.opacity = f), i;
   };
   return {
     in: () => ({
-      spring: f,
-      css: s
+      spring: o,
+      css: r
     }),
     out: () => ({
-      spring: f,
-      css: s
+      spring: o,
+      css: r
     }),
-    ...i && { key: i }
+    ...u && { key: u }
   };
-}, M = (p = {}) => {
+}, z = ($ = {}) => {
   const {
     amount: t = 10,
-    opacity: e = 0,
-    scale: a = !1,
-    fade: l = !0,
-    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;
+    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;
   };
   return {
     in: () => ({
-      spring: c,
-      css: i
+      spring: u,
+      css: o
     }),
     out: () => ({
-      spring: c,
-      css: i
+      spring: u,
+      css: o
     }),
-    ...f && { key: f }
+    ...s && { key: s }
   };
-}, O = (p = {}) => {
-  const {
-    x: t = 0,
-    y: e = -100,
-    opacity: a = 0,
-    spring: l = { stiffness: 400, damping: 35 },
-    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
+}, 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
     };
   };
   return {
     in: () => ({
-      spring: l,
-      css: f
+      spring: s,
+      css: u
     }),
     out: () => ({
-      spring: l,
-      css: f
+      spring: s,
+      css: u
     }),
-    ...c && { key: c }
+    ...e && { key: e }
   };
-}, z = (p = {}) => {
+}, V = ($ = {}) => {
   const {
     shape: t = "circle",
-    origin: e = "center",
-    scale: a = 1.5,
-    fade: l = !1,
-    spring: c = { stiffness: 300, damping: 30 },
-    key: f
-  } = p, i = () => {
-    switch (e) {
+    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) {
       case "top":
         return "50% 0%";
       case "bottom":
@@ -252,58 +265,61 @@ const x = (p = {}) => {
       default:
         return "50% 50%";
     }
-  }, s = (n) => {
-    const $ = n * a * 100, d = i();
+  }, r = (i) => {
+    const m = i * n * 100, y = o();
     switch (t) {
       case "ellipse":
-        return `ellipse(${$}% ${$ * 0.75}% at ${d})`;
+        return `ellipse(${m}% ${m * 0.75}% at ${y})`;
       case "square": {
-        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}%)`;
+        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}%)`;
       }
       case "circle":
       default:
-        return `circle(${$}% at ${d})`;
+        return `circle(${m}% at ${y})`;
     }
-  }, r = (n) => {
-    const $ = {
-      clipPath: s(n)
+  }, f = (i) => {
+    const m = {
+      clipPath: r(i)
     };
-    return l && ($.opacity = n), $;
+    return a && (m.opacity = i), m;
   };
   return {
     in: () => ({
-      spring: c,
-      css: r
+      spring: u,
+      css: f
     }),
     out: () => ({
-      spring: c,
-      css: r
+      spring: u,
+      css: f
     }),
-    ...f && { key: f }
+    ...s && { key: s }
+  };
+}, Y = ($ = {}) => {
+  const { spring: t, key: c } = $, n = {
+    stiffness: (t == null ? void 0 : t.stiffness) ?? 1e3,
+    damping: (t == null ? void 0 : t.damping) ?? 100
   };
-}, P = (p = {}) => {
-  const { spring: t = { stiffness: 1e3, damping: 100 }, key: e } = p;
   return {
     in: () => ({
-      spring: t,
+      spring: n,
       css: () => ({})
     }),
     out: () => ({
-      spring: t,
+      spring: n,
       css: () => ({})
     }),
-    ...e && { key: e }
+    ...c && { key: c }
   };
 };
 export {
-  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
+  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
 };

package/dist/transitions/mask.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface MaskOptions {
     shape?: "circle" | "ellipse" | "square";
     origin?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
@@ -10,22 +10,6 @@ interface MaskOptions {
     };
     key?: TransitionKey;
 }
-export declare const mask: (options?: MaskOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const mask: (options?: MaskOptions) => Transition;
 export {};
 //# sourceMappingURL=mask.d.ts.map

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,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"}
+{"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"}

package/dist/transitions/none.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface NoneOptions {
     spring?: {
         stiffness?: number;
@@ -6,22 +6,6 @@ interface NoneOptions {
     };
     key?: TransitionKey;
 }
-export declare const none: (options?: NoneOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: () => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: () => StyleObject;
-    };
-};
+export declare const none: (options?: NoneOptions) => Transition;
 export {};
 //# sourceMappingURL=none.d.ts.map

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,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"}
+{"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"}

package/dist/transitions/rotate.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface RotateOptions {
     degrees?: number;
     clockwise?: boolean;
@@ -13,22 +13,6 @@ interface RotateOptions {
     };
     key?: TransitionKey;
 }
-export declare const rotate: (options?: RotateOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const rotate: (options?: RotateOptions) => Transition;
 export {};
 //# sourceMappingURL=rotate.d.ts.map

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,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"}
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,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,KAAG,UAgEpD,CAAC"}

package/dist/transitions/scale.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface ScaleOptions {
     start?: number;
     opacity?: number;
@@ -9,22 +9,6 @@ interface ScaleOptions {
     };
     key?: TransitionKey;
 }
-export declare const scale: (options?: ScaleOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const scale: (options?: ScaleOptions) => Transition;
 export {};
 //# sourceMappingURL=scale.d.ts.map

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,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"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,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,KAAG,UA6ClD,CAAC"}

package/dist/transitions/slide.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface SlideOptions {
     direction?: "left" | "right" | "up" | "down";
     distance?: number | string;
@@ -11,22 +11,6 @@ interface SlideOptions {
     };
     key?: TransitionKey;
 }
-export declare const slide: (options?: SlideOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const slide: (options?: SlideOptions) => Transition;
 export {};
 //# sourceMappingURL=slide.d.ts.map