@ssgoi/core 5.0.2 → 5.2.0

package/dist/index.js

@@ -1,65 +1,66 @@
-var it = Object.defineProperty;
-var nt = (e, n, t) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var f = (e, n, t) => nt(e, typeof n != "symbol" ? n + "" : n, t);
-import { normalizeToMultiAnimation as M, normalizeSchedule as j } from "./types.js";
-import { isCssAnimation as Yt, isMultiAnimation as Kt, isSingleAnimation as $t, isTickAnimation as Jt } from "./types.js";
-import { S as Y, I as rt, a as ot } from "./provider-Cu4NSF1Q.js";
-class st {
+var et = Object.defineProperty;
+var nt = (e, i, t) => i in e ? et(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var d = (e, i, t) => nt(e, typeof i != "symbol" ? i + "" : i, t);
+import { normalizeToMultiAnimation as F, normalizeSchedule as W } from "./types.js";
+import { isCssAnimation as Gt, isKeyframesAnimation as $t, isMultiAnimation as Zt, isSingleAnimation as Jt, isTickAnimation as Qt } from "./types.js";
+import { S as G, a as it } from "./spring-integrator-BM4a-82c.js";
+import { I as rt } from "./provider-B2B8CK6H.js";
+class ot {
   constructor() {
-    f(this, "listeners", /* @__PURE__ */ new Set());
-    f(this, "rafId", null);
-    f(this, "isRunning", !1);
+    d(this, "listeners", /* @__PURE__ */ new Set());
+    d(this, "rafId", null);
+    d(this, "isRunning", !1);
     // Timing
-    f(this, "startTime", Date.now());
-    f(this, "lastUpdate", this.startTime);
-    f(this, "elapsed", 0);
+    d(this, "startTime", Date.now());
+    d(this, "lastUpdate", this.startTime);
+    d(this, "elapsed", 0);
     // Lag smoothing (mobile optimization)
-    f(this, "lagThreshold", 500);
+    d(this, "lagThreshold", 500);
     // ms - detect tab switches, backgrounding
-    f(this, "adjustedLag", 33);
+    d(this, "adjustedLag", 33);
     // ms - max time jump to prevent animation skip
-    f(this, "maxDeltaTime", 33);
+    d(this, "maxDeltaTime", 33);
     // ms - clamp for physics stability (30fps minimum)
     // FPS throttling
-    f(this, "gap", 1e3 / 240);
+    d(this, "gap", 1e3 / 240);
     // max 240fps
-    f(this, "nextTime", this.gap);
-    f(this, "tick", () => {
-      const n = Date.now();
-      let i = n - this.lastUpdate;
-      i > this.lagThreshold || i < 0 ? (this.startTime += i - this.adjustedLag, i = this.adjustedLag) : i > this.maxDeltaTime && (i = this.maxDeltaTime), this.lastUpdate = n;
-      const r = n - this.startTime, o = r - this.nextTime;
+    d(this, "nextTime", this.gap);
+    d(this, "tick", () => {
+      const i = Date.now();
+      let n = i - this.lastUpdate;
+      n > this.lagThreshold || n < 0 ? (this.startTime += n - this.adjustedLag, n = this.adjustedLag) : n > this.maxDeltaTime && (n = this.maxDeltaTime), this.lastUpdate = i;
+      const r = i - this.startTime, o = r - this.nextTime;
       if (o > 0) {
-        const l = i / 1e3;
-        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((u) => {
-          u(l, this.elapsed);
+        const s = n / 1e3;
+        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((f) => {
+          f(s, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
     });
   }
-  subscribe(n) {
-    return this.listeners.add(n), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
-      this.unsubscribe(n);
+  subscribe(i) {
+    return this.listeners.add(i), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
+      this.unsubscribe(i);
     };
   }
-  unsubscribe(n) {
-    this.listeners.delete(n), this.listeners.size === 0 && this.rafId !== null && (cancelAnimationFrame(this.rafId), this.isRunning = !1, this.rafId = null);
+  unsubscribe(i) {
+    this.listeners.delete(i), this.listeners.size === 0 && this.rafId !== null && (cancelAnimationFrame(this.rafId), this.isRunning = !1, this.rafId = null);
   }
   /**
    * Configure lag smoothing behavior
    * @param threshold - Time threshold to detect lag (default: 500ms)
    * @param adjustedLag - Max time jump when lag detected (default: 33ms)
    */
-  lagSmoothing(n, t) {
-    this.lagThreshold = n, this.adjustedLag = Math.min(t, n);
+  lagSmoothing(i, t) {
+    this.lagThreshold = i, this.adjustedLag = Math.min(t, i);
   }
   /**
    * Set maximum FPS
    * @param fps - Target FPS (default: 240)
    */
-  fps(n) {
-    this.gap = 1e3 / n, this.nextTime = this.elapsed * 1e3 + this.gap;
+  fps(i) {
+    this.gap = 1e3 / i, this.nextTime = this.elapsed * 1e3 + this.gap;
   }
   getListenerCount() {
     return this.listeners.size;
@@ -68,182 +69,255 @@ class st {
     return this.elapsed;
   }
 }
-const q = new st();
-function at(e) {
+const z = new ot();
+function st(e) {
   const {
-    integrator: n,
+    integrator: i,
     from: t,
-    to: i,
+    to: n,
     velocity: r = 0,
     onUpdate: o,
-    onComplete: l,
-    onStart: u
+    onComplete: s,
+    onStart: f
   } = e;
-  let s = { position: t, velocity: r }, c = !0, d = 0, w = !1;
-  const b = (E) => {
-    if (c) {
-      if (w || (w = !0, u == null || u()), s = n.step(s, i, E), n.isSettled(s, i)) {
-        if (d += Math.min(E, 0.033), d >= Y) {
-          s = { position: i, velocity: 0 }, c = !1, o(s.position), q.unsubscribe(b), l();
+  let l = { position: t, velocity: r }, m = !0, h = 0, v = !1;
+  const A = (S) => {
+    if (m) {
+      if (v || (v = !0, f == null || f()), l = i.step(l, n, S), i.isSettled(l, n)) {
+        if (h += Math.min(S, 0.033), h >= G) {
+          l = { position: n, velocity: 0 }, m = !1, o(l.position), z.unsubscribe(A), s();
           return;
         }
       } else
-        d = 0;
-      o(s.position);
+        h = 0;
+      o(l.position);
     }
   };
-  return q.subscribe(b), {
+  return z.subscribe(A), {
     stop: () => {
-      c && (c = !1, q.unsubscribe(b));
+      m && (m = !1, z.unsubscribe(A));
     },
-    getPosition: () => s.position,
-    getVelocity: () => s.velocity,
-    isRunning: () => c
+    getPosition: () => l.position,
+    getVelocity: () => l.velocity,
+    isRunning: () => m
   };
 }
-const O = 1e3 / 60;
-function ct(e, n, t, i = 0) {
-  let o = { position: n, velocity: i }, l = 0;
-  const u = [];
-  for (let s = 0; s < 600; s++) {
-    const c = s * O;
-    if (u.push({
-      time: c,
+const L = 1e3 / 60;
+function at(e, i, t, n = 0) {
+  let o = { position: i, velocity: n }, s = 0;
+  const f = [];
+  for (let l = 0; l < 600; l++) {
+    const m = l * L;
+    if (f.push({
+      time: m,
       position: o.position,
       velocity: o.velocity
-    }), o = e.step(o, t, O / 1e3), e.isSettled(o, t)) {
-      if (l += O / 1e3, l >= Y) {
-        u.push({
-          time: (s + 1) * O,
+    }), o = e.step(o, t, L / 1e3), e.isSettled(o, t)) {
+      if (s += L / 1e3, s >= G) {
+        f.push({
+          time: (l + 1) * L,
           position: t,
           velocity: 0
         });
         break;
       }
     } else
-      l = 0;
+      s = 0;
   }
-  return u;
+  return f;
 }
-function H(e, n) {
+function H(e, i) {
   if (e.length === 0)
     return { position: 0, velocity: 0 };
-  const t = e[0], i = e[e.length - 1];
-  if (n <= 0)
+  const t = e[0], n = e[e.length - 1];
+  if (i <= 0)
     return { position: t.position, velocity: t.velocity };
-  if (n >= i.time)
-    return { position: i.position, velocity: i.velocity };
+  if (i >= n.time)
+    return { position: n.position, velocity: n.velocity };
   let r = 0, o = e.length - 1;
   for (; r < o - 1; ) {
-    const c = Math.floor((r + o) / 2);
-    e[c].time <= n ? r = c : o = c;
+    const m = Math.floor((r + o) / 2);
+    e[m].time <= i ? r = m : o = m;
   }
-  const l = e[r], u = e[o], s = (n - l.time) / (u.time - l.time);
+  const s = e[r], f = e[o], l = (i - s.time) / (f.time - s.time);
   return {
-    position: l.position + (u.position - l.position) * s,
-    velocity: l.velocity + (u.velocity - l.velocity) * s
+    position: s.position + (f.position - s.position) * l,
+    velocity: s.velocity + (f.velocity - s.velocity) * l
   };
 }
-function lt(e, n) {
-  return e.map((t) => n(t.position));
+function ct(e, i) {
+  return e.map((t) => i(t.position));
 }
-function ut(e) {
+function lt(e) {
   const {
-    integrator: n,
+    integrator: i,
     element: t,
-    from: i,
+    from: n,
     to: r,
     velocity: o = 0,
-    style: l,
-    onComplete: u,
-    onStart: s
-  } = e, c = ct(n, i, r, o);
-  if (c.length === 0)
-    return s == null || s(), u(), {
+    style: s,
+    onComplete: f,
+    onStart: l
+  } = e, m = at(i, n, r, o);
+  if (m.length === 0)
+    return l == null || l(), f(), {
       stop: () => {
       },
       getPosition: () => r,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const d = lt(c, l), w = c[c.length - 1], b = w.time, E = d[0];
-  if (E)
-    for (const A of Object.keys(E))
-      t.style[A] = "";
-  const y = t.animate(d, {
-    duration: b,
+  const h = ct(m, s), v = m[m.length - 1], A = v.time, S = h[0];
+  if (S)
+    for (const T of Object.keys(S))
+      t.style[T] = "";
+  const y = t.animate(h, {
+    duration: A,
     fill: "forwards",
     easing: "linear",
     composite: "replace"
   });
   let p = !0;
-  const T = performance.now();
-  return s == null || s(), y.onfinish = () => {
-    p && (p = !1, u());
+  const k = performance.now();
+  return l == null || l(), y.onfinish = () => {
+    p && (p = !1, f());
   }, {
     stop: () => {
       p && (p = !1, y.cancel());
     },
     getPosition: () => {
       if (!p)
-        return w.position;
-      const A = performance.now() - T;
-      return H(c, A).position;
+        return v.position;
+      const T = performance.now() - k;
+      return H(m, T).position;
     },
     getVelocity: () => {
       if (!p)
         return 0;
-      const A = performance.now() - T;
-      return H(c, A).velocity;
+      const T = performance.now() - k;
+      return H(m, T).velocity;
     },
     isRunning: () => p
   };
 }
+function ut(e) {
+  const {
+    element: i,
+    frames: t,
+    duration: n,
+    easing: r = "linear",
+    from: o,
+    to: s,
+    onComplete: f,
+    onStart: l
+  } = e, m = t[0];
+  if (m)
+    for (const S of Object.keys(m))
+      S === "offset" || S === "easing" || S === "composite" || (i.style[S] = "");
+  const h = i.animate(t, {
+    duration: n,
+    fill: "forwards",
+    easing: r,
+    composite: "replace"
+  });
+  let v = !0;
+  const A = performance.now();
+  return l == null || l(), h.onfinish = () => {
+    v && (v = !1, f());
+  }, {
+    stop: () => {
+      v && (v = !1, h.cancel());
+    },
+    // Linear progress mapped onto [from, to] — used by MultiAnimator for
+    // stagger thresholds. The actual visual motion is whatever the keyframes
+    // dictate; this mapping just gives the orchestration layer a monotonic
+    // progress signal.
+    getPosition: () => {
+      if (!v) return s;
+      const S = performance.now() - A, y = Math.min(Math.max(S / n, 0), 1);
+      return o + (s - o) * y;
+    },
+    // Baked animations don't expose velocity — interruption/resumption isn't
+    // supported here (you can stop, but can't resume mid-flight with momentum).
+    getVelocity: () => 0,
+    isRunning: () => v
+  };
+}
 function ft(e) {
-  const { to: n, onStart: t, onComplete: i } = e;
-  return t == null || t(), i(), {
+  const { to: i, onStart: t, onComplete: n } = e;
+  return t == null || t(), n(), {
     stop: () => {
     },
-    getPosition: () => n,
+    getPosition: () => i,
     getVelocity: () => 0,
     isRunning: () => !1
   };
 }
-class dt {
+class mt {
   /**
    * Get bound runner based on animation mode
    *
-   * @param options Animation mode options (tick or css)
+   * @param options Animation mode options — exactly one of tick / css / keyframes
    * @returns Bound runner function (empty runner if no animation mode specified)
-   * @throws Error if both tick and css are provided
+   * @throws Error if more than one mode is provided
    */
-  static from(n) {
-    const { tick: t, css: i } = n;
-    if (t && i)
-      throw new Error("Cannot use both 'tick' and 'css' options together");
-    return i ? (r) => ut({
-      ...r,
-      element: i.element,
-      style: i.style
-    }) : t ? (r) => at({
-      ...r,
-      onUpdate: t
-    }) : ft;
+  static from(i) {
+    const { tick: t, css: n, keyframes: r } = i;
+    if ((t ? 1 : 0) + (n ? 1 : 0) + (r ? 1 : 0) > 1)
+      throw new Error(
+        "Cannot use more than one of 'tick', 'css', 'keyframes' together"
+      );
+    return r ? (s) => ut({
+      element: r.element,
+      frames: r.frames,
+      duration: r.duration,
+      easing: r.easing,
+      from: s.from,
+      to: s.to,
+      onComplete: s.onComplete,
+      onStart: s.onStart
+    }) : n ? (s) => {
+      if (!s.integrator)
+        throw new Error("css mode requires an integrator");
+      return lt({
+        integrator: s.integrator,
+        from: s.from,
+        to: s.to,
+        velocity: s.velocity,
+        onComplete: s.onComplete,
+        onStart: s.onStart,
+        element: n.element,
+        style: n.style
+      });
+    } : t ? (s) => {
+      if (!s.integrator)
+        throw new Error("tick mode requires an integrator");
+      return st({
+        integrator: s.integrator,
+        from: s.from,
+        to: s.to,
+        velocity: s.velocity,
+        onComplete: s.onComplete,
+        onStart: s.onStart,
+        onUpdate: t
+      });
+    } : ft;
   }
 }
-class K {
+class $ {
 }
-const mt = { stiffness: 300, damping: 30 };
-class G extends K {
+const dt = { stiffness: 300, damping: 30 };
+class K extends $ {
   constructor(t) {
     super();
-    f(this, "options");
-    f(this, "runner");
-    f(this, "controls", null);
-    f(this, "isAnimating", !1);
-    f(this, "currentValue");
-    f(this, "currentVelocity", 0);
-    f(this, "updateFn");
+    d(this, "options");
+    d(this, "runner");
+    d(this, "controls", null);
+    d(this, "isAnimating", !1);
+    d(this, "currentValue");
+    d(this, "currentVelocity", 0);
+    d(this, "updateFn");
+    d(this, "isKeyframesMode");
     if (this.options = {
       from: t.from ?? 0,
       to: t.to ?? 1,
@@ -251,24 +325,25 @@ class G extends K {
       onComplete: t.onComplete ?? (() => {
       }),
       onStart: t.onStart
-    }, this.currentValue = this.options.from, t.tick)
-      this.updateFn = (i) => {
+    }, this.currentValue = this.options.from, this.isKeyframesMode = !!t.keyframes, t.tick)
+      this.updateFn = (n) => {
         var r;
-        return (r = t.tick) == null ? void 0 : r.call(t, i);
+        return (r = t.tick) == null ? void 0 : r.call(t, n);
       };
     else if (t.css) {
-      const { element: i, style: r } = t.css;
+      const { element: n, style: r } = t.css;
       this.updateFn = (o) => {
-        const l = r(o);
-        for (const [u, s] of Object.entries(l))
-          i.style[u] = typeof s == "number" ? String(s) : s;
+        const s = r(o);
+        for (const [f, l] of Object.entries(s))
+          n.style[f] = typeof l == "number" ? String(l) : l;
       };
     } else
       this.updateFn = () => {
       };
-    this.runner = dt.from({
+    this.runner = mt.from({
       tick: t.tick,
-      css: t.css
+      css: t.css,
+      keyframes: t.keyframes
     });
   }
   /**
@@ -288,11 +363,13 @@ class G extends K {
     return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? rt.from({
       spring: t.spring,
       inertia: t.inertia
-    }) : new ot(mt);
+    }) : new it(dt);
   }
   runAnimation(t) {
     this.isAnimating = !0, this.controls = this.runner({
-      integrator: this.createIntegrator(),
+      // Keyframes mode plays a pre-baked WAAPI animation — no integrator
+      // needed. tick/css modes still require one.
+      integrator: this.isKeyframesMode ? void 0 : this.createIntegrator(),
       from: this.currentValue,
       to: t,
       velocity: this.currentVelocity,
@@ -344,20 +421,20 @@ class G extends K {
     this.options = { ...this.options, ...t };
   }
 }
-class L extends K {
+class D extends $ {
   constructor(t) {
     super();
-    f(this, "config");
-    f(this, "animators", /* @__PURE__ */ new Map());
-    f(this, "itemOrder", []);
-    f(this, "completedCount", 0);
-    f(this, "completedAnimators", /* @__PURE__ */ new Set());
-    f(this, "direction", "forward");
-    f(this, "idCounter", 0);
-    f(this, "rafId", null);
-    f(this, "from");
-    f(this, "to");
-    f(this, "initialState");
+    d(this, "config");
+    d(this, "animators", /* @__PURE__ */ new Map());
+    d(this, "itemOrder", []);
+    d(this, "completedCount", 0);
+    d(this, "completedAnimators", /* @__PURE__ */ new Set());
+    d(this, "direction", "forward");
+    d(this, "idCounter", 0);
+    d(this, "rafId", null);
+    d(this, "from");
+    d(this, "to");
+    d(this, "initialState");
     this.config = t.config, this.from = t.from, this.to = t.to, this.initialState = t.state ?? {
       position: t.from,
       velocity: 0
@@ -367,17 +444,18 @@ class L extends K {
     return `spring_${this.idCounter++}`;
   }
   initializeAnimators() {
-    this.config.items.forEach((t, i) => {
-      const r = this.generateId(), o = new G({
+    this.config.items.forEach((t, n) => {
+      const r = this.generateId(), o = new K({
         from: this.from,
         to: this.to,
         physics: t.physics,
         tick: t.tick,
         css: t.css,
+        keyframes: t.keyframes,
         onComplete: () => this.onAnimatorComplete(r),
         onStart: t.onStart
       });
-      (i === 0 || t.normalizedOffset === 0) && (o.setValue(this.initialState.position), o.setVelocity(this.initialState.velocity), o.syncState()), this.animators.set(r, {
+      (n === 0 || t.normalizedOffset === 0) && (o.setValue(this.initialState.position), o.setVelocity(this.initialState.velocity), o.syncState()), this.animators.set(r, {
         id: r,
         item: t,
         animator: o,
@@ -390,8 +468,8 @@ class L extends K {
    * Progress = |position - from| / |to - from|
    */
   getAnimatorProgress(t) {
-    const i = t.animator.getCurrentState(), r = Math.abs(i.to - i.from);
-    return r === 0 ? 1 : Math.abs(i.position - i.from) / r;
+    const n = t.animator.getCurrentState(), r = Math.abs(n.to - n.from);
+    return r === 0 ? 1 : Math.abs(n.position - n.from) / r;
   }
   /**
    * Get order of springs based on direction
@@ -402,9 +480,9 @@ class L extends K {
     return this.direction === "forward" ? this.itemOrder : [...this.itemOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, o, l, u, s, c;
-    const i = this.animators.get(t);
-    !i || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = i.item).onComplete) == null || o.call(r), (u = (l = this.config).onProgress) == null || u.call(l, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (c = (s = this.config).onEnd) == null || c.call(s)));
+    var r, o, s, f, l, m;
+    const n = this.animators.get(t);
+    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = n.item).onComplete) == null || o.call(r), (f = (s = this.config).onProgress) == null || f.call(s, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (m = (l = this.config).onEnd) == null || m.call(l)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -412,22 +490,22 @@ class L extends K {
    */
   checkAndStartSprings() {
     const t = this.getOrderedIds();
-    for (let i = 0; i < t.length; i++) {
-      const r = t[i], o = this.animators.get(r);
+    for (let n = 0; n < t.length; n++) {
+      const r = t[n], o = this.animators.get(r);
       if (!o || o.started) continue;
-      if (i === 0) {
+      if (n === 0) {
         this.startAnimator(r);
         continue;
       }
-      const l = t[i - 1], u = this.animators.get(l);
-      if (!u || !u.started) continue;
-      const s = this.getAnimatorProgress(u), c = o.item.normalizedOffset;
-      s >= c && this.startAnimator(r);
+      const s = t[n - 1], f = this.animators.get(s);
+      if (!f || !f.started) continue;
+      const l = this.getAnimatorProgress(f), m = o.item.normalizedOffset;
+      l >= m && this.startAnimator(r);
     }
   }
   startAnimator(t) {
-    const i = this.animators.get(t);
-    !i || i.started || (i.started = !0, this.direction === "forward" ? i.animator.forward() : i.animator.backward());
+    const n = this.animators.get(t);
+    !n || n.started || (n.started = !0, this.direction === "forward" ? n.animator.forward() : n.animator.backward());
   }
   /**
    * Start the scheduler loop that checks spring progress
@@ -442,17 +520,17 @@ class L extends K {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
   getFirstAnimator() {
-    var i;
+    var n;
     const t = this.itemOrder[0];
-    return t ? ((i = this.animators.get(t)) == null ? void 0 : i.animator) ?? null : null;
+    return t ? ((n = this.animators.get(t)) == null ? void 0 : n.animator) ?? null : null;
   }
   forward() {
-    var t, i;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
+    var t, n;
+    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (n = (t = this.config).onStart) == null || n.call(t), this.startScheduler();
   }
   backward() {
-    var t, i;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
+    var t, n;
+    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (n = (t = this.config).onStart) == null || n.call(t), this.startScheduler();
   }
   resetStartedFlags() {
     this.animators.forEach((t) => {
@@ -468,14 +546,15 @@ class L extends K {
     this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
       if (!t.started)
         return;
-      const i = t.animator.getCurrentState();
-      if (i.position === i.to) {
-        const o = new G({
+      const n = t.animator.getCurrentState();
+      if (n.position === n.to) {
+        const o = new K({
           from: this.to,
           to: this.from,
           physics: t.item.physics,
           tick: t.item.tick,
           css: t.item.css,
+          keyframes: t.item.keyframes,
           onComplete: () => this.onAnimatorComplete(t.id),
           onStart: t.item.onStart
         });
@@ -512,16 +591,16 @@ class L extends K {
    * TODO: Support per-spring control
    */
   setValue(t) {
-    const i = this.getFirstAnimator();
-    i == null || i.setValue(t);
+    const n = this.getFirstAnimator();
+    n == null || n.setValue(t);
   }
   /**
    * Set velocity on first animator
    * TODO: Support per-spring control
    */
   setVelocity(t) {
-    const i = this.getFirstAnimator();
-    i == null || i.setVelocity(t);
+    const n = this.getFirstAnimator();
+    n == null || n.setVelocity(t);
   }
   /**
    * Check if any animation is currently running
@@ -536,18 +615,18 @@ class L extends K {
    * Create MultiAnimator from existing state
    * Uses first animator's state for initialization
    */
-  static fromState(t, i) {
-    return new L({ ...i, state: t });
+  static fromState(t, n) {
+    return new D({ ...n, state: t });
   }
 }
-const $ = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
-  runIn: async (n) => {
+const Z = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
+  runIn: async (i) => {
     const { currentAnimation: t } = e;
     if (t && t.direction === "out") {
       const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
-      if (t.controller.stop(), n.out)
+      if (t.controller.stop(), i.out)
         return {
-          config: await n.out,
+          config: await i.out,
           state: { position: r, velocity: o },
           from: 1,
           to: 0,
@@ -555,8 +634,8 @@ const $ = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
           // Will actually go 0→1 (backward means toward 'from')
         };
     }
-    return n.in ? {
-      config: await n.in,
+    return i.in ? {
+      config: await i.in,
       state: {
         position: 0,
         velocity: 0
@@ -574,13 +653,13 @@ const $ = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
       direction: "forward"
     };
   },
-  runOut: async (n) => {
+  runOut: async (i) => {
     const { currentAnimation: t } = e;
     if (t && t.direction === "in") {
       const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
-      if (t.controller.stop(), n.in)
+      if (t.controller.stop(), i.in)
         return {
-          config: await n.in,
+          config: await i.in,
           state: { position: r, velocity: o },
           from: 0,
           to: 1,
@@ -588,8 +667,8 @@ const $ = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
           // Will actually go 1→0 (backward means toward 'from')
         };
     }
-    return n.out ? {
-      config: await n.out,
+    return i.out ? {
+      config: await i.out,
       state: {
         position: 1,
         velocity: 0
@@ -645,7 +724,7 @@ const $ = Symbol.for("TRANSITION_STRATEGY"), ht = (e) => ({
     direction: "forward"
   }
 }), J = "data-ssgoi-scope", Q = "data-ssgoi-scope-ready";
-function qt() {
+function Nt() {
   return (e) => {
     if (e)
       return e.setAttribute(J, ""), queueMicrotask(() => {
@@ -659,176 +738,163 @@ function qt() {
 function yt(e) {
   return e.hasAttribute(Q);
 }
-function pt(e) {
+function wt(e) {
   return e.closest(`[${J}]`);
 }
-const wt = (e) => {
-  let n = e.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n), i = t.overflow + t.overflowY + t.overflowX;
-    if (i.includes("auto") || i.includes("scroll") || n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth)
-      return n;
-    n = n.parentElement;
+const pt = (e) => {
+  let i = e.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i), n = t.overflow + t.overflowY + t.overflowX;
+    if (n.includes("auto") || n.includes("scroll") || i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth)
+      return i;
+    i = i.parentElement;
   }
   return document.documentElement;
 }, vt = (e) => {
-  let n = e.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n).position;
+  let i = e.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i).position;
     if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
-      return n;
-    n = n.parentElement;
+      return i;
+    i = i.parentElement;
   }
   return document.body;
 };
-function X(e) {
-  return new Promise((n) => {
+function U(e) {
+  return new Promise((i) => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        n();
+        i();
       });
     });
   });
 }
-function Z() {
-  return typeof window > "u" || typeof navigator > "u" ? !1 : /iPad|iPhone|iPod/.test(navigator.userAgent) || // iPad on iOS 13+ reports as MacIntel but has touch
-  navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-}
-function tt() {
-  return typeof window > "u" || typeof navigator > "u" ? !1 : /Android/i.test(navigator.userAgent);
-}
-function St() {
-  return typeof window > "u" || typeof navigator > "u" ? !1 : !Z() && !tt();
-}
-function At(e) {
-  return e.length === 0 ? !1 : !!(e.includes("all") || e.includes("ios") && Z() || e.includes("android") && tt() || e.includes("desktop") && St());
-}
-function Ct(e, n) {
-  var E;
-  let t = null, i = null, r = null, o = null;
-  const l = {
+function St(e, i) {
+  var S;
+  let t = null, n = null, r = null, o = null;
+  const s = {
     get currentAnimation() {
       return t;
     }
-  }, u = ((E = n == null ? void 0 : n.strategy) == null ? void 0 : E.call(n, l)) || ht(l), s = async (y) => {
-    var m, g;
-    i && (i.remove(), i = null);
-    const p = e(), T = p.in && p.in(y), A = !(n != null && n.strategy) && p.out ? p.out(y) : void 0;
-    if (!T)
+  }, f = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, s)) || ht(s), l = async (y) => {
+    var g, E;
+    n && (n.remove(), n = null);
+    const p = e(), k = p.in && p.in(y), T = !(i != null && i.strategy) && p.out ? p.out(y) : void 0;
+    if (!k)
       return;
-    const P = {
-      in: M(T),
-      out: A ? M(A) : void 0
-    }, v = await u.runIn(P);
-    if (!v.config) {
+    const w = {
+      in: F(k),
+      out: T ? F(T) : void 0
+    }, u = await f.runIn(w);
+    if (!u.config) {
       t && (t.direction = "in");
       return;
     }
-    const h = v.config;
-    (m = h.prepare) == null || m.call(h);
-    const C = j(
+    const a = u.config;
+    (g = a.prepare) == null || g.call(a);
+    const C = W(
       {
-        ...h,
+        ...a,
         onEnd: () => {
-          var S;
-          t = null, (S = h.onEnd) == null || S.call(h);
+          var b;
+          t = null, (b = a.onEnd) == null || b.call(a);
         }
       },
       y
     );
-    h.wait && await h.wait();
-    const a = L.fromState(v.state, {
+    a.wait && await a.wait();
+    const c = D.fromState(u.state, {
       config: C,
-      from: v.from,
-      to: v.to
+      from: u.from,
+      to: u.to
     });
-    t = { controller: a, direction: "in" }, (g = h.onReady) == null || g.call(h), await X(), v.direction === "forward" ? a.forward() : a.backward();
-  }, c = async (y) => {
-    var g, S;
-    i = y;
-    const p = e(), T = !(n != null && n.strategy) && p.in ? p.in(y) : void 0, A = p.out && p.out(y);
-    if (!A)
+    t = { controller: c, direction: "in" }, (E = a.onReady) == null || E.call(a), await U(), u.direction === "forward" ? c.forward() : c.backward();
+  }, m = async (y) => {
+    var E, b;
+    n = y;
+    const p = e(), k = !(i != null && i.strategy) && p.in ? p.in(y) : void 0, T = p.out && p.out(y);
+    if (!T)
       return;
-    const P = {
-      in: T ? M(T) : void 0,
-      out: M(A)
-    }, v = await u.runOut(P);
-    if (!v.config) {
-      t && (t.direction = "out"), i && (i.remove(), i = null);
+    const w = {
+      in: k ? F(k) : void 0,
+      out: F(T)
+    }, u = await f.runOut(w);
+    if (!u.config) {
+      t && (t.direction = "out"), n && (n.remove(), n = null);
       return;
     }
-    const h = v.config;
-    m(), (g = h.prepare) == null || g.call(h);
-    const C = j(
+    const a = u.config;
+    g(), (E = a.prepare) == null || E.call(a);
+    const C = W(
       {
-        ...h,
+        ...a,
         onEnd: () => {
-          var R, V;
-          (R = h.onEnd) == null || R.call(h), i && (i.remove(), i = null), t = null, (V = n == null ? void 0 : n.onCleanupEnd) == null || V.call(n);
+          var R, M;
+          (R = a.onEnd) == null || R.call(a), n && (n.remove(), n = null), t = null, (M = i == null ? void 0 : i.onCleanupEnd) == null || M.call(i);
         }
       },
       y
     );
-    h.wait && await h.wait();
-    const a = L.fromState(v.state, {
+    a.wait && await a.wait();
+    const c = D.fromState(u.state, {
       config: C,
-      from: v.from,
-      to: v.to
+      from: u.from,
+      to: u.to
     });
-    t = { controller: a, direction: "out" }, (S = h.onReady) == null || S.call(h), await X(), v.direction === "forward" ? a.forward() : a.backward();
-    function m() {
-      !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
+    t = { controller: c, direction: "out" }, (b = a.onReady) == null || b.call(a), await U(), u.direction === "forward" ? c.forward() : c.backward();
+    function g() {
+      !r || !n || (o && r.contains(o) ? r.insertBefore(n, o) : r.appendChild(n));
     }
   };
-  let d = null, w = !1;
-  const b = (y) => () => {
-    if (w) return;
-    w = !0;
+  let h = null, v = !1;
+  const A = (y) => () => {
+    if (v) return;
+    v = !0;
     const p = y.cloneNode(!0);
-    d ? queueMicrotask(() => {
-      document.contains(d) && c(p);
-    }) : c(p);
+    h ? queueMicrotask(() => {
+      document.contains(h) && m(p);
+    }) : m(p);
   };
   return (y) => {
     if (y)
       return requestAnimationFrame(() => {
         r = y.parentElement, o = y.nextElementSibling;
-      }), w = !1, (n == null ? void 0 : n.scope) === "local" ? queueMicrotask(() => {
-        d = pt(y), !(d && !yt(d)) && s(y);
-      }) : s(y), b(y);
+      }), v = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
+        h = wt(y), !(h && !yt(h)) && l(y);
+      }) : l(y), A(y);
   };
 }
-const I = /* @__PURE__ */ new Map();
-let k = null, N = !1;
-function et(e) {
-  if (e instanceof HTMLElement && I.has(e)) {
-    const t = I.get(e);
-    I.delete(e), queueMicrotask(() => {
+const P = /* @__PURE__ */ new Map();
+let I = null, q = !1;
+function tt(e) {
+  if (e instanceof HTMLElement && P.has(e)) {
+    const t = P.get(e);
+    P.delete(e), queueMicrotask(() => {
       t();
     });
   }
-  const n = e.childNodes;
-  for (let t = 0; t < n.length; t++) {
-    const i = n[t];
-    i && et(i);
+  const i = e.childNodes;
+  for (let t = 0; t < i.length; t++) {
+    const n = i[t];
+    n && tt(n);
   }
 }
-function bt() {
-  N || typeof document > "u" || (N = !0, k = new MutationObserver((e) => {
-    for (const n of e) {
-      const t = n.removedNodes;
-      for (let i = 0; i < t.length; i++) {
-        const r = t[i];
-        r && et(r);
+function At() {
+  q || typeof document > "u" || (q = !0, I = new MutationObserver((e) => {
+    for (const i of e) {
+      const t = i.removedNodes;
+      for (let n = 0; n < t.length; n++) {
+        const r = t[n];
+        r && tt(r);
       }
     }
-  }), document.body ? k.observe(document.body, {
+  }), document.body ? I.observe(document.body, {
     childList: !0,
     subtree: !0
   }) : document.addEventListener(
     "DOMContentLoaded",
     () => {
-      k == null || k.observe(document.body, {
+      I == null || I.observe(document.body, {
         childList: !0,
         subtree: !0
       });
@@ -836,322 +902,386 @@ function bt() {
     { once: !0 }
   ));
 }
-function Et(e, n) {
-  bt(), I.set(e, n);
+function Ct(e, i) {
+  At(), P.set(e, i);
 }
-function Nt(e) {
-  return I.has(e);
+function Xt(e) {
+  return P.has(e);
 }
-function Bt() {
-  return I.size;
+function Wt() {
+  return P.size;
 }
-function Ut(e) {
-  const n = I.get(e);
-  return n ? (I.delete(e), n(), !0) : !1;
+function Ht(e) {
+  const i = P.get(e);
+  return i ? (P.delete(e), i(), !0) : !1;
 }
-function Wt() {
-  I.clear(), k == null || k.disconnect(), k = null, N = !1;
+function Kt() {
+  P.clear(), I == null || I.disconnect(), I = null, q = !1;
 }
-const z = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map();
-function Tt(e, n, t) {
-  z.set(e, n);
-  let i = B.get(e);
-  if (i)
-    return i;
-  const r = n;
-  return i = Ct(
+const O = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
+function Et(e, i, t) {
+  O.set(e, i);
+  let n = N.get(e);
+  if (n)
+    return n;
+  const r = i;
+  return n = St(
     () => {
-      const o = z.get(e);
+      const o = O.get(e);
       return o || (console.warn(`Transition "${String(e)}" not found`), {});
     },
     {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        z.get(e) === r && kt(e);
+        O.get(e) === r && Tt(e);
       }
     }
-  ), B.set(e, i), i;
+  ), N.set(e, n), n;
 }
-function kt(e) {
-  z.delete(e), B.delete(e), U.delete(e);
+function Tt(e) {
+  O.delete(e), N.delete(e), X.delete(e);
 }
-function jt(e, n = "manual") {
-  const t = Tt(
+function Ut(e, i = "manual") {
+  const t = Et(
     e.key,
     {
       in: e.in,
       out: e.out
     },
     {
-      strategy: e[$],
+      strategy: e[Z],
       scope: e.scope
     }
   );
-  if (n === "manual")
+  if (i === "manual")
     return t;
-  let i = U.get(e.key);
-  return i || (i = (r) => {
+  let n = X.get(e.key);
+  return n || (n = (r) => {
     if (r) {
       const o = t(r);
-      o && Et(r, o);
+      o && Ct(r, o);
     }
-  }, U.set(e.key, i), i);
+  }, X.set(e.key, n), n);
 }
-function It(e) {
-  const n = e.filter((t) => t.symmetric).map((t) => ({
+function bt(e) {
+  const i = e.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
     transition: t.transition
   }));
-  return [...e, ...n];
+  return [...e, ...i];
 }
-function Pt() {
-  var s;
-  let e = typeof history < "u" ? ((s = history.state) == null ? void 0 : s.ssgoiIndex) ?? 0 : 0, n = "push", t = !1, i = !1;
-  const r = (c) => {
-    var w;
-    t = !0;
-    const d = ((w = c.state) == null ? void 0 : w.ssgoiIndex) ?? 0;
-    d < e ? (n = "back", i = !0) : d > e && (n = "forward"), e = d;
-  };
-  return {
-    initialize: () => {
-      var c;
-      typeof window > "u" || (window.addEventListener("popstate", r), ((c = history.state) == null ? void 0 : c.ssgoiIndex) == null ? history.replaceState({ ...history.state, ssgoiIndex: e }, "") : e = history.state.ssgoiIndex);
-    },
-    onPageEnter: () => {
-      t || (e++, history.replaceState({ ...history.state, ssgoiIndex: e }, ""));
-      const c = n;
-      return n = "push", t = !1, setTimeout(() => {
-        i = !1;
-      }, 0), c;
-    },
-    isBack: () => i || n === "back"
-  };
-}
-function x(e, n) {
-  if (n === "*")
+function V(e, i) {
+  if (i === "*")
     return !0;
-  if (n.endsWith("/*")) {
-    const t = n.slice(0, -1);
+  if (i.endsWith("/*")) {
+    const t = i.slice(0, -1);
     return e.startsWith(t) && e.length > t.length;
   }
-  return e === n;
+  return e === i;
 }
-function Rt(e, n, t) {
-  for (const i of t)
-    if (x(e, i.from) && x(n, i.to))
-      return i.transition;
-  for (const i of t)
-    if ((i.from === "*" || x(e, i.from)) && (i.to === "*" || x(n, i.to)))
-      return i.transition;
+function kt(e, i, t) {
+  for (const n of t)
+    if (V(e, n.from) && V(i, n.to))
+      return n.transition;
+  for (const n of t)
+    if ((n.from === "*" || V(e, n.from)) && (n.to === "*" || V(i, n.to)))
+      return n.transition;
   return null;
 }
-const xt = 768, Vt = 10, Ft = 10;
+const Rt = 768, It = 10, Pt = 10;
 function Mt(e = {}) {
-  const { preserveScroll: n = (a) => a } = e, t = typeof n == "function" ? n : () => n;
-  let i = null, r = !1, o = !1;
-  const l = () => {
-    const a = (i == null ? void 0 : i.clientWidth) ?? 0, m = a > 0 ? a : typeof window < "u" ? window.innerWidth : 0;
-    return m > 0 && m < xt;
-  }, u = () => (o || (r = l(), o = !0), r), s = (a) => {
-    const m = t(u());
-    return m === !1 ? !1 : m === !0 ? !0 : !m.exclude.some((g) => x(a, g));
+  const { preserveScroll: i = (c) => c } = e, t = typeof i == "function" ? i : () => i;
+  let n = null, r = !1, o = !1;
+  const s = () => {
+    const c = (n == null ? void 0 : n.clientWidth) ?? 0, g = c > 0 ? c : typeof window < "u" ? window.innerWidth : 0;
+    return g > 0 && g < Rt;
+  }, f = () => (o || (r = s(), o = !0), r), l = (c) => {
+    const g = t(f());
+    return g === !1 ? !1 : g === !0 ? !0 : !g.exclude.some((E) => V(c, E));
   };
-  let c = null;
-  const d = /* @__PURE__ */ new Map();
-  let w = null, b = !1, E = 0;
+  let m = null;
+  const h = /* @__PURE__ */ new Map();
+  let v = null, A = !1, S = 0;
   const y = () => {
-    i && w && !b && d.set(w, {
-      x: i.scrollLeft,
-      y: i.scrollTop
+    n && v && !A && h.set(v, {
+      x: n.scrollLeft,
+      y: n.scrollTop
     });
-  }, p = (a) => {
-    if (!i) return;
-    const m = s(a) && d.has(a) ? d.get(a) : { x: 0, y: 0 };
-    let g = 0;
-    const S = () => {
-      if (!i) return;
-      i.scrollTo({
-        top: m.y,
-        left: m.x
-      }), !(Math.abs(i.scrollTop - m.y) < 1 && Math.abs(i.scrollLeft - m.x) < 1) && g < Vt && (g++, requestAnimationFrame(S));
+  }, p = (c) => {
+    if (!n) return;
+    const g = l(c) && h.has(c) ? h.get(c) : { x: 0, y: 0 };
+    let E = 0;
+    const b = () => {
+      if (!n) return;
+      n.scrollTo({
+        top: g.y,
+        left: g.x
+      }), !(Math.abs(n.scrollTop - g.y) < 1 && Math.abs(n.scrollLeft - g.x) < 1) && E < It && (E++, requestAnimationFrame(b));
     };
-    requestAnimationFrame(S);
+    requestAnimationFrame(b);
   };
   return {
-    initializeContext: (a, m) => {
-      b = !0;
-      const g = ++E;
-      c = a, i || (i = wt(a), r = l(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        r = l();
-      }).observe(i), (i === document.documentElement ? window : i).addEventListener("scroll", y, {
+    initializeContext: (c, g) => {
+      A = !0;
+      const E = ++S;
+      m = c, n || (n = pt(c), r = s(), o = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        r = s();
+      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", y, {
         passive: !0
-      })), w = m, p(m);
-      let S = 0;
+      })), v = g, p(g);
+      let b = 0;
       const R = () => {
-        g === E && (S++, S >= Ft ? b = !1 : requestAnimationFrame(R));
+        E === S && (b++, b >= Pt ? A = !1 : requestAnimationFrame(R));
       };
       requestAnimationFrame(R);
     },
-    calculateScrollOffset: (a, m) => {
-      const g = a && d.has(a) ? d.get(a) : { x: 0, y: 0 }, S = m && s(m) && d.has(m) ? d.get(m) : { x: 0, y: 0 };
+    calculateScrollOffset: (c, g) => {
+      const E = c && h.has(c) ? h.get(c) : { x: 0, y: 0 }, b = g && l(g) && h.has(g) ? h.get(g) : { x: 0, y: 0 };
       return {
-        x: -S.x + g.x,
-        y: -S.y + g.y
+        x: -b.x + E.x,
+        y: -b.y + E.y
       };
     },
-    evictScrollPosition: (a) => {
-      d.delete(a);
+    evictScrollPosition: (c) => {
+      h.delete(c);
     },
-    shouldPreserve: s,
-    getScrollContainer: () => i,
-    getPositionedParentElement: () => c ? vt(c) : document.body,
-    getScrollPosition: (a) => a && d.has(a) ? d.get(a) : { x: 0, y: 0 }
+    shouldPreserve: l,
+    getScrollContainer: () => n,
+    getPositionedParentElement: () => m ? vt(m) : document.body,
+    getScrollPosition: (c) => c && h.has(c) ? h.get(c) : { x: 0, y: 0 }
   };
 }
-function Ot() {
+const j = 30, B = 8, Y = 1.2, Vt = 30, xt = 600;
+function Ft() {
+  let e = null, i = !1, t = !1, n = null, r = null, o = !1;
+  const s = (w, u) => {
+    for (let a = 0; a < w.length; a++) {
+      const C = w.item(a);
+      if (C && C.identifier === u) return C;
+    }
+    return null;
+  }, f = () => {
+    n !== null && (clearTimeout(n), n = null);
+  }, l = () => {
+    r !== null && (clearTimeout(r), r = null);
+  }, m = () => {
+    i = !0, t = !0, f(), l(), n = setTimeout(() => {
+      i = !1, t = !1, n = null;
+    }, xt);
+  }, h = (w) => {
+    if (w.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = w.touches.item(0);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const a = window.innerWidth, C = u.clientX <= j, c = u.clientX >= a - j;
+    if (!C && !c) {
+      e = null;
+      return;
+    }
+    e = {
+      identifier: u.identifier,
+      startX: u.clientX,
+      startY: u.clientY,
+      fromLeftEdge: C,
+      moved: !1
+    };
+  }, v = (w) => {
+    if (!e) return;
+    if (w.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = s(w.touches, e.identifier);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const a = u.clientX - e.startX, C = u.clientY - e.startY, c = Math.abs(a), g = Math.abs(C);
+    if (g > B && g > c * Y) {
+      e = null;
+      return;
+    }
+    const E = e.fromLeftEdge ? a > 0 : a < 0;
+    c > B && c > g * Y && E && (e.moved = !0);
+  }, A = (w) => {
+    if (!e) return;
+    const u = s(w.changedTouches, e.identifier);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const a = u.clientX - e.startX, C = e.fromLeftEdge ? a > 0 : a < 0;
+    e.moved && C && Math.abs(a) >= Vt && m(), e = null;
+  }, S = () => {
+    e && (e.moved && m(), e = null);
+  };
+  return { initialize: () => {
+    if (typeof window > "u" || o) return;
+    o = !0;
+    const w = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", h, w), window.addEventListener("touchmove", v, w), window.addEventListener("touchend", A, w), window.addEventListener("touchcancel", S, w);
+  }, destroy: () => {
+    if (typeof window > "u" || !o) return;
+    o = !1;
+    const w = { capture: !0 };
+    window.removeEventListener("touchstart", h, w), window.removeEventListener("touchmove", v, w), window.removeEventListener("touchend", A, w), window.removeEventListener("touchcancel", S, w), f(), l(), e = null, i = !1, t = !1;
+  }, isSwipeBack: () => {
+    const w = i || t;
+    return w && f(), w;
+  }, onPageEnter: () => {
+    i = !1, f(), l(), r = setTimeout(() => {
+      t = !1, r = null;
+    }, 0);
+  } };
+}
+function Lt() {
   let e = null;
-  function n() {
+  function i() {
     if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
       const t = { from: e.from, to: e.to };
       e.outResolve(t), e.inResolve(t), e = null;
     }
   }
   return {
-    trigger(t, i) {
-      e || (e = {}), i === "out" ? e.from = t : e.to = t;
+    trigger(t, n) {
+      e || (e = {}), n === "out" ? e.from = t : e.to = t;
     },
     get(t) {
-      return t === "in" && (!e || !e.from) ? Promise.resolve(null) : new Promise((i) => {
-        e || (e = {}), t === "out" ? e.outResolve = i : e.inResolve = i, n();
+      return t === "in" && (!e || !e.from) ? Promise.resolve(null) : new Promise((n) => {
+        e || (e = {}), t === "out" ? e.outResolve = n : e.inResolve = n, i();
       });
     }
   };
 }
-function zt() {
+function Ot() {
   let e = null;
-  function n() {
-    var i, r;
-    e && ((i = e.outResolve) == null || i.call(e, null), (r = e.inResolve) == null || r.call(e, null), e = null);
+  function i() {
+    var n, r;
+    e && ((n = e.outResolve) == null || n.call(e, null), (r = e.inResolve) == null || r.call(e, null), e = null);
   }
   function t() {
     if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
       if (e.from === e.to) {
-        n();
+        i();
         return;
       }
-      const i = { from: e.from, to: e.to };
-      e.outResolve(i), e.inResolve(i), e = null;
+      const n = { from: e.from, to: e.to };
+      e.outResolve(n), e.inResolve(n), e = null;
     }
   }
   return {
-    trigger(i, r) {
-      e && (r === "out" && e.from && e.from !== i || r === "in" && e.to && e.to !== i) && n(), e || (e = {}), r === "out" ? e.from = i : e.to = i;
+    trigger(n, r) {
+      e && (r === "out" && e.from && e.from !== n || r === "in" && e.to && e.to !== n) && i(), e || (e = {}), r === "out" ? e.from = n : e.to = n;
     },
-    get(i) {
+    get(n) {
       return new Promise((r) => {
-        e || (e = {}), i === "out" ? e.outResolve = r : e.inResolve = r, t();
+        e || (e = {}), n === "out" ? e.outResolve = r : e.inResolve = r, t();
       });
     }
   };
 }
-function Ht(e, n) {
+function jt(e, i) {
   const {
     transitions: t = [],
-    defaultTransition: i,
-    middleware: r = (C, a) => ({ from: C, to: a }),
+    defaultTransition: n,
+    middleware: r = (u, a) => ({ from: u, to: a }),
     // Identity function as default
-    skipAnimationOnBack: o = ["ios"],
-    preserveScroll: l = (C) => C
-  } = e, u = At(o), { outFirst: s = !0 } = n || {}, c = s ? Ot() : zt(), d = It(t), {
-    initializeContext: w,
-    calculateScrollOffset: b,
-    evictScrollPosition: E,
-    shouldPreserve: y,
-    getScrollContainer: p,
-    getPositionedParentElement: T,
-    getScrollPosition: A
+    preserveScroll: o = (u) => u
+  } = e, { outFirst: s = !0 } = i || {}, f = s ? Lt() : Ot(), l = bt(t), m = Ft();
+  m.initialize();
+  const {
+    initializeContext: h,
+    calculateScrollOffset: v,
+    evictScrollPosition: A,
+    shouldPreserve: S,
+    getScrollContainer: y,
+    getPositionedParentElement: p,
+    getScrollPosition: k
   } = Mt({
-    preserveScroll: l
-  }), P = Pt();
-  u && P.initialize();
-  const v = async (C, a) => {
-    const m = u && P.isBack();
-    c.trigger(C, a);
-    const g = await c.get(a);
-    if (!g) return () => ({});
-    if (a === "in" && u && P.onPageEnter(), m)
-      return () => ({});
-    const { from: S, to: R } = r(
-      g.from,
-      g.to
-    ), F = Rt(
-      S,
-      R,
-      d
-    ) || i;
-    if (!F) return () => ({});
-    const W = b(g.from, g.to);
+    preserveScroll: o
+  }), T = async (u, a) => {
+    const C = m.isSwipeBack();
+    f.trigger(u, a);
+    const c = await f.get(a);
+    if (a === "in" && m.onPageEnter(), !c) return () => ({});
+    if (C)
+      return a === "out" && c.from && !S(c.from) && A(c.from), () => ({});
+    const { from: g, to: E } = r(
+      c.from,
+      c.to
+    ), R = kt(
+      g,
+      E,
+      l
+    ) || n;
+    if (!R) return () => ({});
+    const M = v(c.from, c.to);
     if (a === "out") {
-      const D = {
-        scrollOffset: W,
-        scroll: A(g.from),
+      const x = {
+        scrollOffset: M,
+        scroll: k(c.from),
         get scrollingElement() {
-          return p() || document.documentElement;
+          return y() || document.documentElement;
         },
         get positionedParent() {
-          return T();
+          return p();
         }
       };
-      return g.from && !y(g.from) && E(g.from), (_) => F.out(_, D);
+      return c.from && !S(c.from) && A(c.from), (_) => R.out(_, x);
     } else {
-      const D = {
-        scrollOffset: W,
+      const x = {
+        scrollOffset: M,
         get scroll() {
-          return A(g.to);
+          return k(c.to);
         },
         get scrollingElement() {
-          return p() || document.documentElement;
+          return y() || document.documentElement;
         },
         get positionedParent() {
-          return T();
+          return p();
         }
       };
-      return (_) => F.in(_, D);
+      return (_) => R.in(_, x);
     }
   };
-  return (C) => ({
-    key: C,
-    in: async (a) => (w(a, C), (await v(C, "in"))(a)),
-    out: async (a) => (await v(C, "out"))(a),
+  return (u) => ({
+    key: u,
+    in: async (a) => (h(a, u), (await T(u, "in"))(a)),
+    out: async (a) => (await T(u, "out"))(a),
     // Add page transition strategy for page-level transitions
-    [$]: gt
+    [Z]: gt
   });
 }
 export {
   J as SCOPE_ATTR,
   Q as SCOPE_READY_ATTR,
-  $ as TRANSITION_STRATEGY,
-  zt as createAnyOrderDetector,
+  Z as TRANSITION_STRATEGY,
+  Ot as createAnyOrderDetector,
   ht as createDefaultStrategy,
-  Ot as createOutFirstDetector,
+  Lt as createOutFirstDetector,
   gt as createPageTransitionStrategy,
-  Ht as createSggoiTransitionContext,
-  qt as createTransitionScope,
-  pt as findScope,
-  Bt as getWatchedCount,
-  Yt as isCssAnimation,
-  Kt as isMultiAnimation,
+  jt as createSggoiTransitionContext,
+  Nt as createTransitionScope,
+  wt as findScope,
+  Wt as getWatchedCount,
+  Gt as isCssAnimation,
+  $t as isKeyframesAnimation,
+  Zt as isMultiAnimation,
   yt as isScopeReady,
-  $t as isSingleAnimation,
-  Jt as isTickAnimation,
-  Nt as isWatched,
-  j as normalizeSchedule,
-  M as normalizeToMultiAnimation,
-  Wt as resetObserver,
-  jt as transition,
-  Ut as triggerUnmount,
-  Et as watchUnmount
+  Jt as isSingleAnimation,
+  Qt as isTickAnimation,
+  Xt as isWatched,
+  W as normalizeSchedule,
+  F as normalizeToMultiAnimation,
+  Kt as resetObserver,
+  Ut as transition,
+  Ht as triggerUnmount,
+  Ct as watchUnmount
 };