@ssgoi/core 2.1.2 → 2.2.0

package/dist/index.js

@@ -1,9 +1,8 @@
-var M = Object.defineProperty;
-var x = (i, t, o) => t in i ? M(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
+var _ = Object.defineProperty;
+var x = (i, t, o) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
 var g = (i, t, o) => x(i, typeof t != "symbol" ? t + "" : t, o);
-import { animate as E } from "popmotion";
-import { p as U, g as _ } from "./utils-DTRMUQW4.js";
-class V {
+import { animate as O } from "popmotion";
+class A {
   constructor(t) {
     g(this, "options");
     g(this, "currentValue");
@@ -23,38 +22,38 @@ class V {
         return;
       }
       let n = this.currentValue, e = performance.now();
-      const m = {
+      const u = {
         from: this.currentValue,
         to: o,
         stiffness: this.options.spring.stiffness,
         damping: this.options.spring.damping,
         mass: 1
       };
-      typeof this.velocity == "number" && (m.velocity = this.velocity * 1e3), this.controls = E({
-        ...m,
-        onUpdate: (a) => {
+      typeof this.velocity == "number" && (u.velocity = this.velocity * 1e3), this.controls = O({
+        ...u,
+        onUpdate: (s) => {
           const f = performance.now(), h = (f - e) / 1e3;
           if (h > 0) {
-            if (typeof a == "number" && typeof n == "number") {
-              const c = (a - n) / h;
-              this.velocity = c / 1e3;
-            } else if (typeof a == "object" && a !== null) {
-              const c = {};
-              Object.keys(a).forEach((u) => {
-                const r = a[u], s = n[u];
-                if (typeof r == "number" && typeof s == "number") {
-                  const p = (r - s) / h;
-                  c[u] = p / 1e3;
+            if (typeof s == "number" && typeof n == "number") {
+              const a = (s - n) / h;
+              this.velocity = a / 1e3;
+            } else if (typeof s == "object" && s !== null) {
+              const a = {};
+              Object.keys(s).forEach((m) => {
+                const r = s[m], c = n[m];
+                if (typeof r == "number" && typeof c == "number") {
+                  const p = (r - c) / h;
+                  a[m] = p / 1e3;
                 }
-              }), this.velocity = c;
+              }), this.velocity = a;
             }
-            n = a, e = f;
+            n = s, e = f;
           }
-          this.currentValue = a, this.options.onUpdate(a);
+          this.currentValue = s, this.options.onUpdate(s);
         },
         onComplete: () => {
-          this.currentValue = o, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((a) => {
-            this.velocity[a] = 0;
+          this.currentValue = o, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((s) => {
+            this.velocity[s] = 0;
           }) : this.velocity = 0, this.options.onComplete();
         }
       });
@@ -62,46 +61,48 @@ class V {
     g(this, "animateObject", (t, o) => {
       const n = this.currentValue, e = Object.keys(n);
       this.animationMap = /* @__PURE__ */ new Map(), this.activeAnimations.clear(), this.completedAnimations.clear(), this.updatedProperties.clear();
-      const m = { ...n }, a = {};
+      const u = { ...n }, s = {};
       let f = !1;
       const h = () => {
-        const c = e.filter((r) => !this.completedAnimations.has(r));
-        if (c.every((r) => this.updatedProperties.has(r)) && c.length > 0) {
+        const a = e.filter((r) => !this.completedAnimations.has(r));
+        if (a.every(
+          (r) => this.updatedProperties.has(r)
+        ) && a.length > 0) {
           if (typeof this.velocity == "object" && this.velocity) {
             const r = performance.now();
-            Object.keys(m).forEach((s) => {
-              if (a[s]) {
-                const p = (r - a[s]) / 1e3, l = this.currentValue[s], d = m[s];
-                typeof l == "number" && typeof d == "number" && p > 0 && (this.velocity[s] = (d - l) / p / 1e3);
+            Object.keys(u).forEach((c) => {
+              if (s[c]) {
+                const p = (r - s[c]) / 1e3, l = this.currentValue[c], d = u[c];
+                typeof l == "number" && typeof d == "number" && p > 0 && (this.velocity[c] = (d - l) / p / 1e3);
               }
-              a[s] = r;
+              s[c] = r;
             });
           }
-          this.currentValue = { ...m }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !f && this.options.onStart && (f = !0, this.options.onStart());
+          this.currentValue = { ...u }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !f && this.options.onStart && (f = !0, this.options.onStart());
         }
       };
-      e.forEach((c) => {
-        this.activeAnimations.add(c);
-        const u = {
-          from: n[c],
-          to: t[c],
+      e.forEach((a) => {
+        this.activeAnimations.add(a);
+        const m = {
+          from: n[a],
+          to: t[a],
           stiffness: this.options.spring.stiffness,
           damping: this.options.spring.damping,
           mass: 1
         };
-        typeof this.velocity == "object" && this.velocity && c in this.velocity && (u.velocity = this.velocity[c] * 1e3);
-        const r = E({
-          ...u,
-          onUpdate: (s) => {
-            m[c] = s, this.updatedProperties.add(c), h();
+        typeof this.velocity == "object" && this.velocity && a in this.velocity && (m.velocity = this.velocity[a] * 1e3);
+        const r = O({
+          ...m,
+          onUpdate: (c) => {
+            u[a] = c, this.updatedProperties.add(a), h();
           },
           onComplete: () => {
-            this.completedAnimations.add(c), this.updatedProperties.delete(c), this.completedAnimations.size === e.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((s) => {
-              this.velocity[s] = 0;
+            this.completedAnimations.add(a), this.updatedProperties.delete(a), this.completedAnimations.size === e.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((c) => {
+              this.velocity[c] = 0;
             }), this.options.onComplete());
           }
         });
-        this.animationMap.set(c, r);
+        this.animationMap.set(a, r);
       });
     });
     if (this.options = {
@@ -177,23 +178,23 @@ class V {
   }
   // Static factory method
   static fromState(t, o) {
-    const n = new V(o);
+    const n = new A(o);
     return n.setValue(t.position), n.setVelocity(t.velocity), n;
   }
 }
-const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
+const j = Symbol.for("TRANSITION_STRATEGY"), U = (i) => ({
   runIn: async (t) => {
     const { currentAnimation: o } = i;
     if (o && o.direction === "out") {
-      const a = o.animator.getCurrentState();
+      const s = o.animator.getCurrentState();
       if (o.animator.stop(), t.out) {
-        const f = await t.out, { from: h = 1, to: c = 0 } = f;
+        const f = await t.out, { from: h = 1, to: a = 0 } = f;
         return {
           config: f,
-          state: a,
+          state: s,
           from: h,
           // OUT animation's from
-          to: c,
+          to: a,
           // OUT animation's to
           direction: "backward"
           // Will actually go 0→1
@@ -211,7 +212,7 @@ const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: e = 0, to: m = 1 } = n;
+    const { from: e = 0, to: u = 1 } = n;
     return {
       config: n,
       state: {
@@ -219,25 +220,25 @@ const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
         velocity: 0
       },
       from: e,
-      to: m,
+      to: u,
       direction: "forward"
     };
   },
   runOut: async (t) => {
     const { currentAnimation: o } = i;
     if (o && o.direction === "in") {
-      const a = o.animator.getCurrentState();
+      const s = o.animator.getCurrentState();
       if (o.animator.stop(), t.in) {
-        const f = await t.in, { from: h = 0, to: c = 1 } = f;
+        const f = await t.in, { from: h = 0, to: a = 1 } = f;
         return {
           config: f,
           state: {
-            position: a.position,
-            velocity: a.velocity
+            position: s.position,
+            velocity: s.velocity
           },
           from: h,
           // IN animation's from
-          to: c,
+          to: a,
           // IN animation's to
           direction: "backward"
           // Will actually go 1→0
@@ -255,7 +256,7 @@ const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: e = 1, to: m = 0 } = n;
+    const { from: e = 1, to: u = 0 } = n;
     return {
       config: n,
       state: {
@@ -263,29 +264,78 @@ const k = Symbol.for("TRANSITION_STRATEGY"), I = (i) => ({
         velocity: 0
       },
       from: e,
-      to: m,
+      to: u,
+      direction: "forward"
+    };
+  }
+}), I = (i) => ({
+  runIn: async (t) => {
+    const o = await t.in;
+    if (!o)
+      return {
+        state: {
+          position: 0,
+          velocity: 0
+        },
+        from: 0,
+        to: 1,
+        direction: "forward"
+      };
+    const { from: n = 0, to: e = 1 } = o;
+    return {
+      config: o,
+      state: {
+        position: n,
+        velocity: 0
+      },
+      from: n,
+      to: e,
+      direction: "forward"
+    };
+  },
+  runOut: async (t) => {
+    const o = await t.out;
+    if (!o)
+      return {
+        state: {
+          position: 1,
+          velocity: 0
+        },
+        from: 1,
+        to: 0,
+        direction: "forward"
+      };
+    const { from: n = 1, to: e = 0 } = o;
+    return {
+      config: o,
+      state: {
+        position: n,
+        velocity: 0
+      },
+      from: n,
+      to: e,
       direction: "forward"
     };
   }
 });
-function D(i, t) {
-  var u;
-  let o = null, n = null, e = null, m = null;
-  const a = {
+function N(i, t) {
+  var m;
+  let o = null, n = null, e = null, u = null;
+  const s = {
     get currentAnimation() {
       return o;
     }
-  }, f = ((u = t == null ? void 0 : t.strategy) == null ? void 0 : u.call(t, a)) || I(a), h = async (r) => {
+  }, f = ((m = t == null ? void 0 : t.strategy) == null ? void 0 : m.call(t, s)) || U(s), h = async (r) => {
     var y, S;
     n && (n.remove(), n = null);
-    const s = i(), p = {
-      in: s.in && Promise.resolve(s.in(r)),
-      out: s.out && Promise.resolve(s.out(r))
+    const c = i(), p = {
+      in: c.in && Promise.resolve(c.in(r)),
+      out: c.out && Promise.resolve(c.out(r))
     }, l = await f.runIn(p);
     if (!l.config)
       return;
     (S = (y = l.config).prepare) == null || S.call(y, r), l.config.wait && await l.config.wait();
-    const d = V.fromState(l.state, {
+    const d = A.fromState(l.state, {
       from: l.from,
       to: l.to,
       spring: l.config.spring,
@@ -297,85 +347,107 @@ function D(i, t) {
       }
     });
     o = { animator: d, direction: "in" }, l.direction === "forward" ? d.forward() : d.backward();
-  }, c = async (r) => {
+  }, a = async (r) => {
     var S, v;
     n = r;
-    const s = i(), p = {
-      in: s.in && Promise.resolve(s.in(r)),
-      out: s.out && Promise.resolve(s.out(r))
+    const c = i(), p = {
+      in: c.in && Promise.resolve(c.in(r)),
+      out: c.out && Promise.resolve(c.out(r))
     }, l = await f.runOut(p);
     if (!l.config)
       return;
     (v = (S = l.config).prepare) == null || v.call(S, r), y(), l.config.wait && await l.config.wait();
-    const d = V.fromState(l.state, {
+    const d = A.fromState(l.state, {
       from: l.from,
       to: l.to,
       spring: l.config.spring,
       onStart: l.config.onStart,
       onUpdate: l.config.tick,
       onComplete: () => {
-        var w, T, O;
-        (T = (w = l.config) == null ? void 0 : w.onEnd) == null || T.call(w), n && (n.remove(), n = null), o = null, (O = t == null ? void 0 : t.onCleanupEnd) == null || O.call(t);
+        var w, T, E;
+        (T = (w = l.config) == null ? void 0 : w.onEnd) == null || T.call(w), n && (n.remove(), n = null), o = null, (E = t == null ? void 0 : t.onCleanupEnd) == null || E.call(t);
       }
     });
     o = { animator: d, direction: "out" }, l.direction === "forward" ? d.forward() : d.backward();
     function y() {
-      !e || !n || (m && e.contains(m) ? e.insertBefore(n, m) : e.appendChild(n));
+      !e || !n || (u && e.contains(u) ? e.insertBefore(n, u) : e.appendChild(n));
     }
   };
   return (r) => {
     if (r)
-      return e = r.parentElement, m = r.nextElementSibling, h(r), () => {
-        const s = r.cloneNode(!0);
-        c(s);
+      return e = r.parentElement, u = r.nextElementSibling, h(r), () => {
+        const c = r.cloneNode(!0);
+        a(c);
       };
   };
 }
-const A = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
-function N(i, t, o) {
-  A.set(i, t);
+const D = 3, k = (i) => {
+  if (!i) return null;
+  const t = i.split(`
+`).map((o) => o.trim());
+  for (let o = D; o < Math.min(t.length, 6); o++) {
+    const n = t[o], e = n == null ? void 0 : n.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+    if (!e)
+      continue;
+    const u = e[1] ?? "", s = e[2] ?? "0", f = e[3] ?? "0";
+    return { file: u.split(/[\\/]/).pop() || u, line: s, column: f };
+  }
+  return null;
+}, V = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
+function $(i, t, o) {
+  V.set(i, t);
   let n = C.get(i);
-  return n || (n = D(
+  return n || (n = N(
     () => {
-      const e = A.get(i);
+      const e = V.get(i);
       return e || (console.warn(`Transition "${String(i)}" not found`), {});
     },
     {
       strategy: o,
-      onCleanupEnd: () => P(i)
+      onCleanupEnd: () => M(i)
     }
   ), C.set(i, n), n);
 }
-function P(i) {
-  A.delete(i), C.delete(i);
+function M(i) {
+  V.delete(i), C.delete(i);
 }
-function $() {
-  const i = U(new Error().stack);
+function F() {
+  const i = k(new Error().stack);
   return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const R = globalThis.FinalizationRegistry, j = R ? new R((i) => {
+const R = globalThis.FinalizationRegistry, P = R ? new R((i) => {
   try {
-    P(i);
+    M(i);
   } catch {
   }
 }) : void 0;
-function Y(i) {
-  const t = i.key ?? $();
-  if (i.ref && j)
+function H(i) {
+  const t = i.key ?? F();
+  if (i.ref && P)
     try {
-      j.register(i.ref, t);
+      P.register(i.ref, t);
     } catch {
     }
-  return N(
+  return $(
     t,
     {
       in: i.in,
       out: i.out
     },
-    i[k]
+    i[j]
   );
 }
-function F(i) {
+const K = (i) => {
+  let t = i.parentElement;
+  for (; t && t !== document.body; ) {
+    const o = window.getComputedStyle(t), n = o.overflow + o.overflowY + o.overflowX;
+    if (n.includes("auto") || n.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+      return t;
+    t = t.parentElement;
+  }
+  return document.documentElement;
+};
+function W(i) {
   const t = i.filter((o) => o.symmetric).map((o) => ({
     from: o.to,
     to: o.from,
@@ -394,39 +466,42 @@ function L() {
     });
   };
   return {
-    startScrollTracking: (a, f) => {
-      i || (i = _(a), (i === document.documentElement ? window : i).addEventListener("scroll", n, {
+    startScrollTracking: (s, f) => {
+      i || (i = K(s), (i === document.documentElement ? window : i).addEventListener("scroll", n, {
         passive: !0
       })), o = f;
     },
-    calculateScrollOffset: (a, f) => {
-      const h = a && t.has(a) ? t.get(a) : { x: 0, y: 0 }, c = f && t.has(f) ? t.get(f) : { x: 0, y: 0 };
+    calculateScrollOffset: (s, f) => {
+      const h = s && t.has(s) ? t.get(s) : { x: 0, y: 0 }, a = f && t.has(f) ? t.get(f) : { x: 0, y: 0 };
       return {
-        x: -c.x + h.x,
-        y: -c.y + h.y
+        x: -a.x + h.x,
+        y: -a.y + h.y
       };
     }
   };
 }
-function B(i) {
+function X(i) {
   const {
     transitions: t = [],
     defaultTransition: o,
-    middleware: n = (u, r) => ({ from: u, to: r })
+    middleware: n = (m, r) => ({ from: m, to: r })
     // Identity function as default
   } = i;
   let e = null;
-  const m = F(t), { startScrollTracking: a, calculateScrollOffset: f } = L();
+  const u = W(t), { startScrollTracking: s, calculateScrollOffset: f } = L();
   function h() {
     if (e != null && e.from && (e != null && e.to)) {
-      const { from: u, to: r } = n(
+      const { from: m, to: r } = n(
         e.from,
         e.to
       ), p = z(
-        u,
+        m,
         r,
-        m
-      ) || o, d = { scrollOffset: f(e.from, e.to) };
+        u
+      ) || o, d = { scrollOffset: f(
+        e.from,
+        e.to
+      ) };
       p && (p.out && e.outResolve && e.outResolve(
         (y) => p.out(y, d)
       ), p.in && e.inResolve && e.inResolve(
@@ -434,15 +509,17 @@ function B(i) {
       )), e = null;
     }
   }
-  const c = async (u, r) => r === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), r === "out" ? (e.from = u, new Promise((s) => {
-    e.outResolve = s, h();
-  })) : (e.to = u, new Promise((s) => {
-    e.inResolve = s, h();
+  const a = async (m, r) => r === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), r === "out" ? (e.from = m, new Promise((c) => {
+    e.outResolve = c, h();
+  })) : (e.to = m, new Promise((c) => {
+    e.inResolve = c, h();
   })));
-  return (u) => ({
-    key: u,
-    in: async (r) => (a(r, u), (await c(u, "in"))(r)),
-    out: async (r) => (await c(u, "out"))(r)
+  return (m) => ({
+    key: m,
+    in: async (r) => (s(r, m), (await a(m, "in"))(r)),
+    out: async (r) => (await a(m, "out"))(r),
+    // Add page transition strategy for page-level transitions
+    [j]: I
   });
 }
 function z(i, t, o) {
@@ -464,9 +541,10 @@ function b(i, t) {
   return i === t;
 }
 export {
-  k as TRANSITION_STRATEGY,
-  I as createDefaultStrategy,
-  B as createSggoiTransitionContext,
-  $ as generateAutoKey,
-  Y as transition
+  j as TRANSITION_STRATEGY,
+  U as createDefaultStrategy,
+  I as createPageTransitionStrategy,
+  X as createSggoiTransitionContext,
+  F as generateAutoKey,
+  H as transition
 };

package/dist/transition-strategy.d.ts

@@ -57,4 +57,9 @@ export interface TransitionStrategy<TAnimationValue = number> {
  * - Cleanup callback: Handles exit transitions
  */
 export declare const createDefaultStrategy: <TAnimationValue = number>(context: StrategyContext<TAnimationValue>) => TransitionStrategy<TAnimationValue>;
+/**
+ * Page transition strategy - Always starts fresh without checking current animations
+ * This is used for page-level transitions where each transition should be independent
+ */
+export declare const createPageTransitionStrategy: <TAnimationValue = number>(_: StrategyContext<TAnimationValue>) => TransitionStrategy<TAnimationValue>;
 //# sourceMappingURL=transition-strategy.d.ts.map

package/dist/transition-strategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition-strategy.d.ts","sourceRoot":"","sources":["../src/lib/transition-strategy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,mBAAmB,eAAoC,CAAC;AAErE,MAAM,WAAW,eAAe,CAAC,eAAe,GAAG,MAAM;IAEvD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;KACzB,GAAG,IAAI,CAAC;CACV;AAED,MAAM,WAAW,cAAc,CAAC,eAAe,GAAG,MAAM;IACtD,MAAM,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,EAAE;QACL,QAAQ,EAAE,eAAe,CAAC;QAC1B,QAAQ,EAAE,eAAe,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC5E,CAAC;IACF,IAAI,EAAE,eAAe,CAAC;IACtB,EAAE,EAAE,eAAe,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB,CAAC,eAAe,GAAG,MAAM;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAkB,CAAC,eAAe,GAAG,MAAM;IAC1D,KAAK,EAAE,CACL,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAAC,KACxC,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9C,MAAM,EAAE,CACN,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAAC,KACxC,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,eAAO,MAAM,qBAAqB,GAAI,eAAe,GAAG,MAAM,EAC5D,SAAS,eAAe,CAAC,eAAe,CAAC,KACxC,kBAAkB,CAAC,eAAe,CA0HpC,CAAC"}
+{"version":3,"file":"transition-strategy.d.ts","sourceRoot":"","sources":["../src/lib/transition-strategy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,mBAAmB,eAAoC,CAAC;AAErE,MAAM,WAAW,eAAe,CAAC,eAAe,GAAG,MAAM;IAEvD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;KACzB,GAAG,IAAI,CAAC;CACV;AAED,MAAM,WAAW,cAAc,CAAC,eAAe,GAAG,MAAM;IACtD,MAAM,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,EAAE;QACL,QAAQ,EAAE,eAAe,CAAC;QAC1B,QAAQ,EAAE,eAAe,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC5E,CAAC;IACF,IAAI,EAAE,eAAe,CAAC;IACtB,EAAE,EAAE,eAAe,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB,CAAC,eAAe,GAAG,MAAM;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAkB,CAAC,eAAe,GAAG,MAAM;IAC1D,KAAK,EAAE,CACL,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAAC,KACxC,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9C,MAAM,EAAE,CACN,OAAO,EAAE,iBAAiB,CAAC,eAAe,CAAC,KACxC,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,eAAO,MAAM,qBAAqB,GAAI,eAAe,GAAG,MAAM,EAC5D,SAAS,eAAe,CAAC,eAAe,CAAC,KACxC,kBAAkB,CAAC,eAAe,CA0HpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GAAI,eAAe,GAAG,MAAM,EACnE,GAAG,eAAe,CAAC,eAAe,CAAC,KAClC,kBAAkB,CAAC,eAAe,CAkEpC,CAAC"}

package/dist/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../src/lib/transition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,KAAK,EAAc,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA+D7C,wBAAgB,eAAe,IAAI,aAAa,CAY/C;AAcD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,wBAAgB,UAAU,CAAC,eAAe,GAAG,MAAM,EACjD,OAAO,EAAE,iBAAiB,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG;IACvD,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,eAAe,CAAC,KAAK,kBAAkB,CAAC,eAAe,CAAC,CAAC;CAC5G,GACA,kBAAkB,CAmBpB"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../src/lib/transition.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAEV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgE7C,wBAAgB,eAAe,IAAI,aAAa,CAY/C;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,wBAAgB,UAAU,CAAC,eAAe,GAAG,MAAM,EACjD,OAAO,EAAE,iBAAiB,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG;IACvD,CAAC,mBAAmB,CAAC,CAAC,EAAE,CACtB,OAAO,EAAE,eAAe,CAAC,eAAe,CAAC,KACtC,kBAAkB,CAAC,eAAe,CAAC,CAAC;CAC1C,GACA,kBAAkB,CAkBpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/blur.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,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;;kBAe5B,WAAW;;wBArBb,MAAM;sBACR,MAAM;;yBAsBG,MAAM;;mBAmBV,WAAW;;wBA1Cd,MAAM;sBACR,MAAM;;yBA2CG,MAAM;;CAqB5B,CAAC"}
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/blur.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,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;;kBAe5B,WAAW;;wBArBb,MAAM;sBACR,MAAM;;yBAsBG,MAAM;;mBAwBV,WAAW;;wBA/Cd,MAAM;sBACR,MAAM;;yBAgDG,MAAM;;CA0B5B,CAAC"}

package/dist/transitions/bounce.d.ts

@@ -4,7 +4,7 @@ interface BounceOptions {
     intensity?: number;
     scale?: boolean;
     fade?: boolean;
-    direction?: 'up' | 'down';
+    direction?: "up" | "down";
     spring?: {
         stiffness?: number;
         damping?: number;

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAYhC,WAAW;;wBAlBb,MAAM;sBACR,MAAM;;yBAmBG,MAAM;;mBA0BV,WAAW;;wBA9Cd,MAAM;sBACR,MAAM;;yBA+CG,MAAM;;CA4B5B,CAAC"}
+{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAYhC,WAAW;;wBAlBb,MAAM;sBACR,MAAM;;yBAmBG,MAAM;;mBA2BV,WAAW;;wBA/Cd,MAAM;sBACR,MAAM;;yBAgDG,MAAM;;CA6B5B,CAAC"}

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAkB1B,WAAW;;wBAxBb,MAAM;sBACR,MAAM;;yBAyBG,MAAM;;mBAQV,WAAW;;wBAlCd,MAAM;sBACR,MAAM;;yBAmCG,MAAM;;CAU5B,CAAC"}
+{"version":3,"file":"fly.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fly.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAkB1B,WAAW;;wBAxBb,MAAM;sBACR,MAAM;;yBAyBG,MAAM;;mBAcV,WAAW;;wBAxCd,MAAM;sBACR,MAAM;;yBAyCG,MAAM;;CAgB5B,CAAC"}

package/dist/transitions/index.cjs

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

package/dist/transitions/index.d.ts

@@ -5,5 +5,6 @@ export * from './rotate';
 export * from './bounce';
 export * from './blur';
 export * from './fly';
+export * from './mask';
 export * from './none';
 //# sourceMappingURL=index.d.ts.map