@ssgoi/core 3.5.0 → 3.5.1

package/dist/index.js

@@ -1,64 +1,65 @@
-var nt = Object.defineProperty;
-var it = (i, e, t) => e in i ? nt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => it(i, typeof e != "symbol" ? e + "" : e, t);
-import { normalizeToMultiSpring as P, normalizeMultiSpringSchedule as Y } from "./types.js";
-import { isCssAnimation as zt, isMultiSpring as Dt, isSingleSpring as _t, isTickAnimation as qt, validateAnimationMode as Ht, validateSpringItem as Nt } from "./types.js";
-class ot {
+var K = Object.defineProperty;
+var J = (n, i, t) => i in n ? K(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var d = (n, i, t) => J(n, typeof i != "symbol" ? i + "" : i, t);
+import { normalizeToMultiSpring as P, normalizeMultiSpringSchedule as U } from "./types.js";
+import { isCssAnimation as Ot, isMultiSpring as Lt, isSingleSpring as Dt, isTickAnimation as zt, validateAnimationMode as Nt, validateSpringItem as qt } from "./types.js";
+import { S as X, I as Q, a as Z } from "./provider-CMBovM_W.js";
+class tt {
   constructor() {
-    m(this, "listeners", /* @__PURE__ */ new Set());
-    m(this, "rafId", null);
-    m(this, "isRunning", !1);
+    d(this, "listeners", /* @__PURE__ */ new Set());
+    d(this, "rafId", null);
+    d(this, "isRunning", !1);
     // Timing
-    m(this, "startTime", Date.now());
-    m(this, "lastUpdate", this.startTime);
-    m(this, "elapsed", 0);
+    d(this, "startTime", Date.now());
+    d(this, "lastUpdate", this.startTime);
+    d(this, "elapsed", 0);
     // Lag smoothing (mobile optimization)
-    m(this, "lagThreshold", 500);
+    d(this, "lagThreshold", 500);
     // ms - detect tab switches, backgrounding
-    m(this, "adjustedLag", 33);
+    d(this, "adjustedLag", 33);
     // ms - max time jump to prevent animation skip
-    m(this, "maxDeltaTime", 33);
+    d(this, "maxDeltaTime", 33);
     // ms - clamp for physics stability (30fps minimum)
     // FPS throttling
-    m(this, "gap", 1e3 / 240);
+    d(this, "gap", 1e3 / 240);
     // max 240fps
-    m(this, "nextTime", this.gap);
-    m(this, "tick", () => {
-      const e = Date.now();
-      let n = e - this.lastUpdate;
-      n > this.lagThreshold || n < 0 ? (this.startTime += n - this.adjustedLag, n = this.adjustedLag) : n > this.maxDeltaTime && (n = this.maxDeltaTime), this.lastUpdate = e;
-      const r = e - this.startTime, s = r - this.nextTime;
+    d(this, "nextTime", this.gap);
+    d(this, "tick", () => {
+      const i = Date.now();
+      let e = i - this.lastUpdate;
+      e > this.lagThreshold || e < 0 ? (this.startTime += e - this.adjustedLag, e = this.adjustedLag) : e > this.maxDeltaTime && (e = this.maxDeltaTime), this.lastUpdate = i;
+      const o = i - this.startTime, s = o - this.nextTime;
       if (s > 0) {
-        const a = n / 1e3;
-        this.elapsed = r / 1e3, this.nextTime += s + (s >= this.gap ? 4 : this.gap - s), this.listeners.forEach((o) => {
-          o(a, this.elapsed);
+        const l = e / 1e3;
+        this.elapsed = o / 1e3, this.nextTime += s + (s >= this.gap ? 4 : this.gap - s), this.listeners.forEach((r) => {
+          r(l, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
     });
   }
-  subscribe(e) {
-    return this.listeners.add(e), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
-      this.unsubscribe(e);
+  subscribe(i) {
+    return this.listeners.add(i), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
+      this.unsubscribe(i);
     };
   }
-  unsubscribe(e) {
-    this.listeners.delete(e), 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(e, t) {
-    this.lagThreshold = e, this.adjustedLag = Math.min(t, e);
+  lagSmoothing(i, t) {
+    this.lagThreshold = i, this.adjustedLag = Math.min(t, i);
   }
   /**
    * Set maximum FPS
    * @param fps - Target FPS (default: 240)
    */
-  fps(e) {
-    this.gap = 1e3 / e, 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;
@@ -67,254 +68,200 @@ class ot {
     return this.elapsed;
   }
 }
-const D = new ot();
-function j(i) {
-  const e = i.stiffness, t = i.damping, n = 1, r = Math.sqrt(e / n), s = t / (2 * Math.sqrt(e * n)), a = { omega: r, zeta: s };
-  if (i.doubleSpring) {
-    const o = typeof i.doubleSpring == "number" ? i.doubleSpring : 1, c = e * o, u = Math.sqrt(c / n), f = t / (2 * Math.sqrt(c * n));
-    a.follower = { omega: u, zeta: f };
-  }
-  return a;
-}
-function _(i, e, t, n, r, s) {
-  const a = -2 * s * r * n * e, o = s * n * n * (t - i), c = e + a + o;
-  return { position: i + s * c, velocity: c };
-}
-function G(i, e, t, n) {
-  const r = Math.min(n, 0.033);
-  if (t.follower) {
-    const u = i._leader ?? {
-      position: i.position,
-      velocity: i.velocity
-    }, f = _(
-      u.position,
-      u.velocity,
-      e,
-      t.omega,
-      t.zeta,
-      r
-    ), h = _(
-      i.position,
-      i.velocity,
-      f.position,
-      t.follower.omega,
-      t.follower.zeta,
-      r
-    );
-    return {
-      position: h.position,
-      velocity: h.velocity,
-      _leader: f
-    };
-  }
-  const { omega: s, zeta: a } = t, o = _(
-    i.position,
-    i.velocity,
-    e,
-    s,
-    a,
-    r
-  );
-  return {
-    position: o.position,
-    velocity: o.velocity
-  };
-}
-const U = 0.01, W = 0.01, $ = 0.05;
-function B(i, e) {
-  const t = Math.abs(e - i.position), n = Math.abs(i.velocity), r = t < U && n < W, s = i;
-  if (s._leader) {
-    const a = Math.abs(e - s._leader.position), o = Math.abs(s._leader.velocity);
-    return a < U && o < W && r;
-  }
-  return r;
-}
-function rt(i) {
+const z = new tt();
+function et(n) {
   const {
-    from: e,
-    to: t,
-    spring: n,
-    velocity: r = 0,
+    integrator: i,
+    from: t,
+    to: e,
+    velocity: o = 0,
     onUpdate: s,
-    onComplete: a,
-    onStart: o
-  } = i;
-  let c = { position: e, velocity: r }, u = !0, f = 0, h = !1;
-  const y = j(n), v = (l) => {
+    onComplete: l,
+    onStart: r
+  } = n;
+  let c = { position: t, velocity: o }, u = !0, m = 0, g = !1;
+  const y = (S) => {
     if (u) {
-      if (h || (h = !0, o == null || o()), c = G(c, t, y, l), B(c, t)) {
-        if (f += Math.min(l, 0.033), f >= $) {
-          c = { position: t, velocity: 0 }, u = !1, s(c.position), D.unsubscribe(v), a();
+      if (g || (g = !0, r == null || r()), c = i.step(c, e, S), i.isSettled(c, e)) {
+        if (m += Math.min(S, 0.033), m >= X) {
+          c = { position: e, velocity: 0 }, u = !1, s(c.position), z.unsubscribe(y), l();
           return;
         }
       } else
-        f = 0;
+        m = 0;
       s(c.position);
     }
   };
-  return D.subscribe(v), {
+  return z.subscribe(y), {
     stop: () => {
-      u && (u = !1, D.unsubscribe(v));
+      u && (u = !1, z.unsubscribe(y));
     },
     getPosition: () => c.position,
     getVelocity: () => c.velocity,
     isRunning: () => u
   };
 }
-const I = 1e3 / 60;
-function st(i, e, t, n = 0) {
-  const r = j(t), s = 600;
-  let a = { position: i, velocity: n }, o = 0;
-  const c = [];
-  for (let u = 0; u < s; u++) {
-    const f = u * I;
-    if (c.push({
-      time: f,
-      position: a.position,
-      velocity: a.velocity
-    }), a = G(a, e, r, I / 1e3), B(a, e)) {
-      if (o += I / 1e3, o >= $) {
-        c.push({
-          time: (u + 1) * I,
-          position: e,
+const x = 1e3 / 60;
+function it(n, i, t, e = 0) {
+  let s = { position: i, velocity: e }, l = 0;
+  const r = [];
+  for (let c = 0; c < 600; c++) {
+    const u = c * x;
+    if (r.push({
+      time: u,
+      position: s.position,
+      velocity: s.velocity
+    }), s = n.step(s, t, x / 1e3), n.isSettled(s, t)) {
+      if (l += x / 1e3, l >= X) {
+        r.push({
+          time: (c + 1) * x,
+          position: t,
           velocity: 0
         });
         break;
       }
     } else
-      o = 0;
+      l = 0;
   }
-  return c;
+  return r;
 }
-function X(i, e) {
-  if (i.length === 0)
+function H(n, i) {
+  if (n.length === 0)
     return { position: 0, velocity: 0 };
-  const t = i[0], n = i[i.length - 1];
-  if (e <= 0)
+  const t = n[0], e = n[n.length - 1];
+  if (i <= 0)
     return { position: t.position, velocity: t.velocity };
-  if (e >= n.time)
-    return { position: n.position, velocity: n.velocity };
-  let r = 0, s = i.length - 1;
-  for (; r < s - 1; ) {
-    const u = Math.floor((r + s) / 2);
-    i[u].time <= e ? r = u : s = u;
+  if (i >= e.time)
+    return { position: e.position, velocity: e.velocity };
+  let o = 0, s = n.length - 1;
+  for (; o < s - 1; ) {
+    const u = Math.floor((o + s) / 2);
+    n[u].time <= i ? o = u : s = u;
   }
-  const a = i[r], o = i[s], c = (e - a.time) / (o.time - a.time);
+  const l = n[o], r = n[s], c = (i - l.time) / (r.time - l.time);
   return {
-    position: a.position + (o.position - a.position) * c,
-    velocity: a.velocity + (o.velocity - a.velocity) * c
+    position: l.position + (r.position - l.position) * c,
+    velocity: l.velocity + (r.velocity - l.velocity) * c
   };
 }
-function ct(i, e) {
-  return i.map((t) => e(t.position));
+function nt(n, i) {
+  return n.map((t) => i(t.position));
 }
-function at(i) {
+function rt(n) {
   const {
-    element: e,
-    from: t,
-    to: n,
-    spring: r,
+    integrator: i,
+    element: t,
+    from: e,
+    to: o,
     velocity: s = 0,
-    style: a,
-    onComplete: o,
+    style: l,
+    onComplete: r,
     onStart: c
-  } = i, u = st(t, n, r, s);
+  } = n, u = it(i, e, o, s);
   if (u.length === 0)
-    return c == null || c(), o(), {
+    return c == null || c(), r(), {
       stop: () => {
       },
-      getPosition: () => n,
+      getPosition: () => o,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const f = ct(u, a), h = u[u.length - 1], y = h.time, v = e.animate(f, {
+  const m = nt(u, l), g = u[u.length - 1], y = g.time, S = t.animate(m, {
     duration: y,
     fill: "forwards",
     easing: "linear"
   });
-  let l = !0;
-  const d = performance.now();
-  return c == null || c(), v.onfinish = () => {
-    l && (l = !1, o());
+  let a = !0;
+  const f = performance.now();
+  return c == null || c(), S.onfinish = () => {
+    a && (a = !1, r());
   }, {
     stop: () => {
-      l && (l = !1, v.cancel());
+      a && (a = !1, S.cancel());
     },
     getPosition: () => {
-      if (!l)
-        return h.position;
-      const A = performance.now() - d;
-      return X(u, A).position;
+      if (!a)
+        return g.position;
+      const A = performance.now() - f;
+      return H(u, A).position;
     },
     getVelocity: () => {
-      if (!l)
+      if (!a)
         return 0;
-      const A = performance.now() - d;
-      return X(u, A).velocity;
+      const A = performance.now() - f;
+      return H(u, A).velocity;
     },
-    isRunning: () => l
+    isRunning: () => a
   };
 }
-function lt(i) {
-  const { from: e, to: t, spring: n, velocity: r, onComplete: s, onStart: a, tick: o, css: c } = i;
-  if (o && c)
-    throw new Error("Cannot use both 'tick' and 'css' options together");
-  return !o && !c ? (a == null || a(), s(), {
-    stop: () => {
-    },
-    getPosition: () => t,
-    getVelocity: () => 0,
-    isRunning: () => !1
-  }) : c ? at({
-    element: c.element,
-    from: e,
-    to: t,
-    spring: n,
-    velocity: r,
-    style: c.style,
-    onComplete: s,
-    onStart: a
-  }) : rt({
-    from: e,
-    to: t,
-    spring: n,
-    velocity: r,
-    onUpdate: o,
-    onComplete: s,
-    onStart: a
-  });
+class ot {
+  /**
+   * Get bound runner based on animation mode
+   *
+   * @param options Animation mode options (tick or css)
+   * @returns Bound runner function or null if no animation mode specified
+   * @throws Error if both tick and css are provided
+   */
+  static from(i) {
+    const { tick: t, css: e } = i;
+    if (t && e)
+      throw new Error("Cannot use both 'tick' and 'css' options together");
+    return e ? (o) => rt({
+      ...o,
+      element: e.element,
+      style: e.style
+    }) : t ? (o) => et({
+      ...o,
+      onUpdate: t
+    }) : null;
+  }
 }
-class K {
+class Y {
 }
-class F extends K {
+const st = { stiffness: 300, damping: 30 };
+class O extends Y {
   constructor(t) {
     super();
-    m(this, "options");
-    m(this, "controls", null);
-    m(this, "isAnimating", !1);
-    m(this, "currentValue");
-    m(this, "currentVelocity", 0);
-    if (t.tick && t.css)
-      throw new Error("Cannot use both 'tick' and 'css' options together");
+    d(this, "options");
+    d(this, "runner");
+    d(this, "controls", null);
+    d(this, "isAnimating", !1);
+    d(this, "currentValue");
+    d(this, "currentVelocity", 0);
     this.options = {
       from: t.from ?? 0,
       to: t.to ?? 1,
-      spring: t.spring ?? { stiffness: 300, damping: 30 },
-      tick: t.tick,
-      css: t.css,
+      physics: t.physics,
       onComplete: t.onComplete ?? (() => {
       }),
       onStart: t.onStart
-    }, this.currentValue = this.options.from;
+    }, this.currentValue = this.options.from, this.runner = ot.from({
+      tick: t.tick,
+      css: t.css
+    });
+  }
+  /**
+   * Create Integrator from physics options
+   * Priority: integrator factory > inertia/spring config > default spring
+   */
+  createIntegrator() {
+    const t = this.options.physics;
+    return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? Q.from({
+      spring: t.spring,
+      inertia: t.inertia
+    }) : new Z(st);
   }
   runAnimation(t) {
-    this.isAnimating = !0, this.controls = lt({
+    var e, o;
+    if (this.isAnimating = !0, !this.runner) {
+      (o = (e = this.options).onStart) == null || o.call(e), this.currentValue = t, this.currentVelocity = 0, this.isAnimating = !1, this.options.onComplete();
+      return;
+    }
+    this.controls = this.runner({
+      integrator: this.createIntegrator(),
       from: this.currentValue,
       to: t,
-      spring: this.options.spring,
       velocity: this.currentVelocity,
-      tick: this.options.tick,
-      css: this.options.css,
       onStart: this.options.onStart,
       onComplete: () => {
         this.currentValue = t, this.currentVelocity = 0, this.isAnimating = !1, this.controls = null, this.options.onComplete();
@@ -362,24 +309,24 @@ class F extends K {
   updateOptions(t) {
     this.options = { ...this.options, ...t };
   }
-  static fromState(t, n) {
-    const r = new F(n);
-    return r.setValue(t.position), r.setVelocity(t.velocity), r;
+  static fromState(t, e) {
+    const o = new O(e);
+    return o.setValue(t.position), o.setVelocity(t.velocity), o;
   }
 }
-class L extends K {
+class L extends Y {
   constructor(t) {
     super();
-    m(this, "config");
-    m(this, "animators", /* @__PURE__ */ new Map());
-    m(this, "springOrder", []);
-    m(this, "completedCount", 0);
-    m(this, "completedAnimators", /* @__PURE__ */ new Set());
-    m(this, "direction", "forward");
-    m(this, "idCounter", 0);
-    m(this, "rafId", null);
-    m(this, "from");
-    m(this, "to");
+    d(this, "config");
+    d(this, "animators", /* @__PURE__ */ new Map());
+    d(this, "springOrder", []);
+    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");
     this.config = t.config, this.from = t.from, this.to = t.to, this.initializeAnimators();
   }
   generateId() {
@@ -387,21 +334,21 @@ class L extends K {
   }
   initializeAnimators() {
     this.config.springs.forEach((t) => {
-      const n = this.generateId(), r = new F({
+      const e = this.generateId(), o = new O({
         from: this.from,
         to: this.to,
-        spring: t.spring,
+        physics: t.physics,
         tick: t.tick,
         css: t.css,
-        onComplete: () => this.onAnimatorComplete(n),
+        onComplete: () => this.onAnimatorComplete(e),
         onStart: t.onStart
       });
-      this.animators.set(n, {
-        id: n,
+      this.animators.set(e, {
+        id: e,
         item: t,
-        animator: r,
+        animator: o,
         started: !1
-      }), this.springOrder.push(n);
+      }), this.springOrder.push(e);
     });
   }
   /**
@@ -409,8 +356,8 @@ class L extends K {
    * Progress = |position - from| / |to - from|
    */
   getAnimatorProgress(t) {
-    const n = t.animator.getCurrentState(), r = Math.abs(n.to - n.from);
-    return r === 0 ? 1 : Math.abs(n.position - n.from) / r;
+    const e = t.animator.getCurrentState(), o = Math.abs(e.to - e.from);
+    return o === 0 ? 1 : Math.abs(e.position - e.from) / o;
   }
   /**
    * Get order of springs based on direction
@@ -421,9 +368,9 @@ class L extends K {
     return this.direction === "forward" ? this.springOrder : [...this.springOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, s, a, o, c, u;
-    const n = this.animators.get(t);
-    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (s = (r = n.item).onComplete) == null || s.call(r), (o = (a = this.config).onProgress) == null || o.call(a, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
+    var o, s, l, r, c, u;
+    const e = this.animators.get(t);
+    !e || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (s = (o = e.item).onComplete) == null || s.call(o), (r = (l = this.config).onProgress) == null || r.call(l, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -431,22 +378,22 @@ class L extends K {
    */
   checkAndStartSprings() {
     const t = this.getOrderedIds();
-    for (let n = 0; n < t.length; n++) {
-      const r = t[n], s = this.animators.get(r);
+    for (let e = 0; e < t.length; e++) {
+      const o = t[e], s = this.animators.get(o);
       if (!s || s.started) continue;
-      if (n === 0) {
-        this.startAnimator(r);
+      if (e === 0) {
+        this.startAnimator(o);
         continue;
       }
-      const a = t[n - 1], o = this.animators.get(a);
-      if (!o || !o.started) continue;
-      const c = this.getAnimatorProgress(o), u = s.item.normalizedOffset;
-      c >= u && this.startAnimator(r);
+      const l = t[e - 1], r = this.animators.get(l);
+      if (!r || !r.started) continue;
+      const c = this.getAnimatorProgress(r), u = s.item.normalizedOffset;
+      c >= u && this.startAnimator(o);
     }
   }
   startAnimator(t) {
-    const n = this.animators.get(t);
-    !n || n.started || (n.started = !0, this.direction === "forward" ? n.animator.forward() : n.animator.backward());
+    const e = this.animators.get(t);
+    !e || e.started || (e.started = !0, this.direction === "forward" ? e.animator.forward() : e.animator.backward());
   }
   /**
    * Start the scheduler loop that checks spring progress
@@ -461,17 +408,17 @@ class L extends K {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
   getFirstAnimator() {
-    var n;
+    var e;
     const t = this.springOrder[0];
-    return t ? ((n = this.animators.get(t)) == null ? void 0 : n.animator) ?? null : null;
+    return t ? ((e = this.animators.get(t)) == null ? void 0 : e.animator) ?? null : null;
   }
   forward() {
-    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();
+    var t, e;
+    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (e = (t = this.config).onStart) == null || e.call(t), this.startScheduler();
   }
   backward() {
-    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();
+    var t, e;
+    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (e = (t = this.config).onStart) == null || e.call(t), this.startScheduler();
   }
   resetStartedFlags() {
     this.animators.forEach((t) => {
@@ -487,14 +434,14 @@ class L extends K {
     this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
       if (!t.started)
         return;
-      const n = t.animator.getCurrentState();
-      if (n.position === n.to) {
-        const s = F.fromState(
+      const e = t.animator.getCurrentState();
+      if (e.position === e.to) {
+        const s = O.fromState(
           { position: this.to, velocity: 0 },
           {
             from: this.to,
             to: this.from,
-            spring: t.item.spring,
+            physics: t.item.physics,
             tick: t.item.tick,
             css: t.item.css,
             onComplete: () => this.onAnimatorComplete(t.id),
@@ -534,16 +481,16 @@ class L extends K {
    * TODO: Support per-spring control
    */
   setValue(t) {
-    const n = this.getFirstAnimator();
-    n == null || n.setValue(t);
+    const e = this.getFirstAnimator();
+    e == null || e.setValue(t);
   }
   /**
    * Set velocity on first animator
    * TODO: Support per-spring control
    */
   setVelocity(t) {
-    const n = this.getFirstAnimator();
-    n == null || n.setVelocity(t);
+    const e = this.getFirstAnimator();
+    e == null || e.setVelocity(t);
   }
   /**
    * Check if any animation is currently running
@@ -558,28 +505,28 @@ class L extends K {
    * Create MultiAnimator from existing state
    * Uses first animator's state for initialization
    */
-  static fromState(t, n) {
-    const r = new L(n);
-    return r.setValue(t.position), r.setVelocity(t.velocity), r;
+  static fromState(t, e) {
+    const o = new L(e);
+    return o.setValue(t.position), o.setVelocity(t.velocity), o;
   }
 }
-const Z = Symbol.for("TRANSITION_STRATEGY"), ut = (i) => ({
-  runIn: async (e) => {
-    const { currentAnimation: t } = i;
+const W = Symbol.for("TRANSITION_STRATEGY"), at = (n) => ({
+  runIn: async (i) => {
+    const { currentAnimation: t } = n;
     if (t && t.direction === "out") {
-      const r = t.controller.getCurrentValue(), s = t.controller.getVelocity();
-      if (t.controller.stop(), e.out)
+      const o = t.controller.getCurrentValue(), s = t.controller.getVelocity();
+      if (t.controller.stop(), i.out)
         return {
-          config: await e.out,
-          state: { position: r, velocity: s },
+          config: await i.out,
+          state: { position: o, velocity: s },
           from: 1,
           to: 0,
           direction: "backward"
           // Will actually go 0→1 (backward means toward 'from')
         };
     }
-    return e.in ? {
-      config: await e.in,
+    return i.in ? {
+      config: await i.in,
       state: {
         position: 0,
         velocity: 0
@@ -597,22 +544,22 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ut = (i) => ({
       direction: "forward"
     };
   },
-  runOut: async (e) => {
-    const { currentAnimation: t } = i;
+  runOut: async (i) => {
+    const { currentAnimation: t } = n;
     if (t && t.direction === "in") {
-      const r = t.controller.getCurrentValue(), s = t.controller.getVelocity();
-      if (t.controller.stop(), e.in)
+      const o = t.controller.getCurrentValue(), s = t.controller.getVelocity();
+      if (t.controller.stop(), i.in)
         return {
-          config: await e.in,
-          state: { position: r, velocity: s },
+          config: await i.in,
+          state: { position: o, velocity: s },
           from: 0,
           to: 1,
           direction: "backward"
           // Will actually go 1→0 (backward means toward 'from')
         };
     }
-    return e.out ? {
-      config: await e.out,
+    return i.out ? {
+      config: await i.out,
       state: {
         position: 1,
         velocity: 0
@@ -630,9 +577,9 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ut = (i) => ({
       direction: "forward"
     };
   }
-}), ft = () => ({
-  runIn: async (i) => i.in ? {
-    config: await i.in,
+}), ct = () => ({
+  runIn: async (n) => n.in ? {
+    config: await n.in,
     state: {
       position: 0,
       velocity: 0
@@ -649,8 +596,8 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ut = (i) => ({
     to: 1,
     direction: "forward"
   },
-  runOut: async (i) => i.out ? {
-    config: await i.out,
+  runOut: async (n) => n.out ? {
+    config: await n.out,
     state: {
       position: 1,
       velocity: 0
@@ -667,48 +614,48 @@ const Z = Symbol.for("TRANSITION_STRATEGY"), ut = (i) => ({
     to: 0,
     direction: "forward"
   }
-}), J = "data-ssgoi-scope", Q = "data-ssgoi-scope-ready";
-function Vt() {
-  return (i) => {
-    if (i)
-      return i.setAttribute(J, ""), queueMicrotask(() => {
+}), j = "data-ssgoi-scope", G = "data-ssgoi-scope-ready";
+function bt() {
+  return (n) => {
+    if (n)
+      return n.setAttribute(j, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          i.setAttribute(Q, "true");
+          n.setAttribute(G, "true");
         });
       }), () => {
       };
   };
 }
-function dt(i) {
-  return i.hasAttribute(Q);
+function lt(n) {
+  return n.hasAttribute(G);
 }
-function mt(i) {
-  return i.closest(`[${J}]`);
+function ut(n) {
+  return n.closest(`[${j}]`);
 }
-function ht(i, e) {
-  var v;
-  let t = null, n = null, r = null, s = null;
-  const a = {
+function ft(n, i) {
+  var S;
+  let t = null, e = null, o = null, s = null;
+  const l = {
     get currentAnimation() {
       return t;
     }
-  }, o = ((v = e == null ? void 0 : e.strategy) == null ? void 0 : v.call(e, a)) || ut(a), c = async (l) => {
+  }, r = ((S = i == null ? void 0 : i.strategy) == null ? void 0 : S.call(i, l)) || at(l), c = async (a) => {
     var E;
-    n && (n.remove(), n = null);
-    const d = i(), A = d.in && d.in(l), k = !(e != null && e.strategy) && d.out ? d.out(l) : void 0;
+    e && (e.remove(), e = null);
+    const f = n(), A = f.in && f.in(a), k = !(i != null && i.strategy) && f.out ? f.out(a) : void 0;
     if (!A)
       return;
-    const M = {
+    const R = {
       in: P(A),
       out: k ? P(k) : void 0
-    }, S = await o.runIn(M);
-    if (!S.config) {
+    }, v = await r.runIn(R);
+    if (!v.config) {
       t && (t.direction = "in");
       return;
     }
-    const p = S.config;
-    (E = p.prepare) == null || E.call(p, l), p.wait && await p.wait();
-    const w = Y(
+    const p = v.config;
+    (E = p.prepare) == null || E.call(p, a), p.wait && await p.wait();
+    const w = U(
       {
         ...p,
         onEnd: () => {
@@ -716,88 +663,88 @@ function ht(i, e) {
           t = null, (C = p.onEnd) == null || C.call(p);
         }
       },
-      l
-    ), g = L.fromState(S.state, {
+      a
+    ), h = L.fromState(v.state, {
       config: w,
-      from: S.from,
-      to: S.to
+      from: v.from,
+      to: v.to
     });
-    t = { controller: g, direction: "in" }, S.direction === "forward" ? g.forward() : g.backward();
-  }, u = async (l) => {
+    t = { controller: h, direction: "in" }, v.direction === "forward" ? h.forward() : h.backward();
+  }, u = async (a) => {
     var C;
-    n = l;
-    const d = i(), A = !(e != null && e.strategy) && d.in ? d.in(l) : void 0, k = d.out && d.out(l);
+    e = a;
+    const f = n(), A = !(i != null && i.strategy) && f.in ? f.in(a) : void 0, k = f.out && f.out(a);
     if (!k)
       return;
-    const M = {
+    const R = {
       in: A ? P(A) : void 0,
       out: P(k)
-    }, S = await o.runOut(M);
-    if (!S.config) {
-      t && (t.direction = "out"), n && (n.remove(), n = null);
+    }, v = await r.runOut(R);
+    if (!v.config) {
+      t && (t.direction = "out"), e && (e.remove(), e = null);
       return;
     }
-    const p = S.config;
-    (C = p.prepare) == null || C.call(p, l), E(), p.wait && await p.wait();
-    const w = Y(
+    const p = v.config;
+    (C = p.prepare) == null || C.call(p, a), E(), p.wait && await p.wait();
+    const w = U(
       {
         ...p,
         onEnd: () => {
-          var V, R;
-          (V = p.onEnd) == null || V.call(p), n && (n.remove(), n = null), t = null, (R = e == null ? void 0 : e.onCleanupEnd) == null || R.call(e);
+          var V, I;
+          (V = p.onEnd) == null || V.call(p), e && (e.remove(), e = null), t = null, (I = i == null ? void 0 : i.onCleanupEnd) == null || I.call(i);
         }
       },
-      l
-    ), g = L.fromState(S.state, {
+      a
+    ), h = L.fromState(v.state, {
       config: w,
-      from: S.from,
-      to: S.to
+      from: v.from,
+      to: v.to
     });
-    t = { controller: g, direction: "out" }, S.direction === "forward" ? g.forward() : g.backward();
+    t = { controller: h, direction: "out" }, v.direction === "forward" ? h.forward() : h.backward();
     function E() {
-      !r || !n || (s && r.contains(s) ? r.insertBefore(n, s) : r.appendChild(n));
+      !o || !e || (s && o.contains(s) ? o.insertBefore(e, s) : o.appendChild(e));
     }
   };
-  let f = null, h = !1;
-  const y = (l) => () => {
-    if (h) return;
-    h = !0;
-    const d = l.cloneNode(!0);
-    f ? queueMicrotask(() => {
-      document.contains(f) && u(d);
-    }) : u(d);
+  let m = null, g = !1;
+  const y = (a) => () => {
+    if (g) return;
+    g = !0;
+    const f = a.cloneNode(!0);
+    m ? queueMicrotask(() => {
+      document.contains(m) && u(f);
+    }) : u(f);
   };
-  return (l) => {
-    if (l)
+  return (a) => {
+    if (a)
       return requestAnimationFrame(() => {
-        r = l.parentElement, s = l.nextElementSibling;
-      }), h = !1, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
-        f = mt(l), !(f && !dt(f)) && c(l);
-      }) : c(l), y(l);
+        o = a.parentElement, s = a.nextElementSibling;
+      }), g = !1, (i == null ? void 0 : i.scope) === "local" ? queueMicrotask(() => {
+        m = ut(a), !(m && !lt(m)) && c(a);
+      }) : c(a), y(a);
   };
 }
 const b = /* @__PURE__ */ new Map();
-let T = null, q = !1;
-function tt(i) {
-  if (i instanceof HTMLElement && b.has(i)) {
-    const t = b.get(i);
-    b.delete(i), queueMicrotask(() => {
+let T = null, N = !1;
+function $(n) {
+  if (n instanceof HTMLElement && b.has(n)) {
+    const t = b.get(n);
+    b.delete(n), queueMicrotask(() => {
       t();
     });
   }
-  const e = i.childNodes;
-  for (let t = 0; t < e.length; t++) {
-    const n = e[t];
-    n && tt(n);
+  const i = n.childNodes;
+  for (let t = 0; t < i.length; t++) {
+    const e = i[t];
+    e && $(e);
   }
 }
-function gt() {
-  q || typeof document > "u" || (q = !0, T = new MutationObserver((i) => {
-    for (const e of i) {
-      const t = e.removedNodes;
-      for (let n = 0; n < t.length; n++) {
-        const r = t[n];
-        r && tt(r);
+function dt() {
+  N || typeof document > "u" || (N = !0, T = new MutationObserver((n) => {
+    for (const i of n) {
+      const t = i.removedNodes;
+      for (let e = 0; e < t.length; e++) {
+        const o = t[e];
+        o && $(o);
       }
     }
   }), document.body ? T.observe(document.body, {
@@ -814,270 +761,270 @@ function gt() {
     { once: !0 }
   ));
 }
-function pt(i, e) {
-  gt(), b.set(i, e);
+function mt(n, i) {
+  dt(), b.set(n, i);
 }
-function Mt(i) {
-  return b.has(i);
+function kt(n) {
+  return b.has(n);
 }
-function Rt() {
+function Vt() {
   return b.size;
 }
-function Pt(i) {
-  const e = b.get(i);
-  return e ? (b.delete(i), e(), !0) : !1;
+function Rt(n) {
+  const i = b.get(n);
+  return i ? (b.delete(n), i(), !0) : !1;
 }
 function It() {
-  b.clear(), T == null || T.disconnect(), T = null, q = !1;
+  b.clear(), T == null || T.disconnect(), T = null, N = !1;
 }
-const x = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
-function wt(i, e, t) {
-  x.set(i, e);
-  let n = H.get(i);
-  if (n)
-    return n;
-  const r = e;
-  return n = ht(
+const F = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+function ht(n, i, t) {
+  F.set(n, i);
+  let e = q.get(n);
+  if (e)
+    return e;
+  const o = i;
+  return e = ft(
     () => {
-      const s = x.get(i);
-      return s || (console.warn(`Transition "${String(i)}" not found`), {});
+      const s = F.get(n);
+      return s || (console.warn(`Transition "${String(n)}" not found`), {});
     },
     {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        x.get(i) === r && yt(i);
+        F.get(n) === o && gt(n);
       }
     }
-  ), H.set(i, n), n;
+  ), q.set(n, e), e;
 }
-function yt(i) {
-  x.delete(i), H.delete(i), N.delete(i);
+function gt(n) {
+  F.delete(n), q.delete(n), _.delete(n);
 }
-function Ot(i, e = "manual") {
-  const t = wt(
-    i.key,
+function Pt(n, i = "manual") {
+  const t = ht(
+    n.key,
     {
-      in: i.in,
-      out: i.out
+      in: n.in,
+      out: n.out
     },
     {
-      strategy: i[Z],
-      scope: i.scope
+      strategy: n[W],
+      scope: n.scope
     }
   );
-  if (e === "manual")
+  if (i === "manual")
     return t;
-  let n = N.get(i.key);
-  return n || (n = (r) => {
-    if (r) {
-      const s = t(r);
-      s && pt(r, s);
+  let e = _.get(n.key);
+  return e || (e = (o) => {
+    if (o) {
+      const s = t(o);
+      s && mt(o, s);
     }
-  }, N.set(i.key, n), n);
+  }, _.set(n.key, e), e);
 }
-function vt(i) {
-  const e = i.filter((t) => t.symmetric).map((t) => ({
+function pt(n) {
+  const i = n.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
     transition: t.transition
   }));
-  return [...i, ...e];
+  return [...n, ...i];
 }
-function St(i) {
-  let e = !1, t = 0, n = 0, r = !1;
-  const s = 50, a = (l) => {
-    if (!i) return;
-    const d = l.touches[0];
-    d && (r = d.clientX < s, r && (t = d.clientX, n = d.clientY));
-  }, o = (l) => {
-    if (!i || !r) return;
-    const d = l.touches[0];
-    if (!d) return;
-    const A = d.clientX - t, k = d.clientY - n;
-    A > window.outerWidth / 2 - 5 && Math.abs(A) > Math.abs(k) ? e = !0 : e = !1;
+function wt(n) {
+  let i = !1, t = 0, e = 0, o = !1;
+  const s = 50, l = (a) => {
+    if (!n) return;
+    const f = a.touches[0];
+    f && (o = f.clientX < s, o && (t = f.clientX, e = f.clientY));
+  }, r = (a) => {
+    if (!n || !o) return;
+    const f = a.touches[0];
+    if (!f) return;
+    const A = f.clientX - t, k = f.clientY - e;
+    A > window.outerWidth / 2 - 5 && Math.abs(A) > Math.abs(k) ? i = !0 : i = !1;
   }, c = () => {
-    i && (r = !1, t = 0, n = 0);
-  }, u = () => e, f = () => {
-    typeof window > "u" || i && (window.addEventListener("touchstart", a, { passive: !0 }), window.addEventListener("touchmove", o, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
-  }, h = () => {
-    typeof window > "u" || (window.removeEventListener("touchstart", a), window.removeEventListener("touchmove", o), window.removeEventListener("touchend", c));
+    n && (o = !1, t = 0, e = 0);
+  }, u = () => i, m = () => {
+    typeof window > "u" || n && (window.addEventListener("touchstart", l, { passive: !0 }), window.addEventListener("touchmove", r, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
+  }, g = () => {
+    typeof window > "u" || (window.removeEventListener("touchstart", l), window.removeEventListener("touchmove", r), window.removeEventListener("touchend", c));
   };
   let y = 0;
   return {
-    initialize: f,
-    cleanup: h,
+    initialize: m,
+    cleanup: g,
     isSwipePending: u,
     resetSwipeDetection: () => {
-      y++, y > 1 && (y = 0, e = !1);
+      y++, y > 1 && (y = 0, i = !1);
     }
   };
 }
-const Ct = (i) => {
-  let e = i.parentElement;
-  for (; e && e !== document.body; ) {
-    const t = window.getComputedStyle(e), n = t.overflow + t.overflowY + t.overflowX;
-    if (n.includes("auto") || n.includes("scroll") || e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth)
-      return e;
-    e = e.parentElement;
+const yt = (n) => {
+  let i = n.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i), e = t.overflow + t.overflowY + t.overflowX;
+    if (e.includes("auto") || e.includes("scroll") || i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth)
+      return i;
+    i = i.parentElement;
   }
   return document.documentElement;
-}, At = (i) => {
-  let e = i.parentElement;
-  for (; e && e !== document.body; ) {
-    const t = window.getComputedStyle(e).position;
+}, vt = (n) => {
+  let i = n.parentElement;
+  for (; i && i !== document.body; ) {
+    const t = window.getComputedStyle(i).position;
     if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
-      return e;
-    e = e.parentElement;
+      return i;
+    i = i.parentElement;
   }
   return document.body;
 };
-function Et() {
-  let i = null, e = null;
+function St() {
+  let n = null, i = null;
   const t = /* @__PURE__ */ new Map();
-  let n = null;
-  const r = () => {
-    i && n && t.set(n, {
-      x: i.scrollLeft,
-      y: i.scrollTop
+  let e = null;
+  const o = () => {
+    n && e && t.set(e, {
+      x: n.scrollLeft,
+      y: n.scrollTop
     });
   };
   return {
-    initializeContext: (f, h) => {
-      e = f, i || (i = Ct(f), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
+    initializeContext: (m, g) => {
+      i = m, n || (n = yt(m), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
         passive: !0
-      })), n = h;
+      })), e = g;
     },
-    calculateScrollOffset: (f, h) => {
-      const y = f && t.has(f) ? t.get(f) : { x: 0, y: 0 }, v = h && t.has(h) ? t.get(h) : { x: 0, y: 0 };
+    calculateScrollOffset: (m, g) => {
+      const y = m && t.has(m) ? t.get(m) : { x: 0, y: 0 }, S = g && t.has(g) ? t.get(g) : { x: 0, y: 0 };
       return {
-        x: -v.x + y.x,
-        y: -v.y + y.y
+        x: -S.x + y.x,
+        y: -S.y + y.y
       };
     },
-    getScrollContainer: () => i,
-    getPositionedParentElement: () => e ? At(e) : document.body,
-    getScrollPosition: (f) => f && t.has(f) ? t.get(f) : { x: 0, y: 0 }
+    getScrollContainer: () => n,
+    getPositionedParentElement: () => i ? vt(i) : document.body,
+    getScrollPosition: (m) => m && t.has(m) ? t.get(m) : { x: 0, y: 0 }
   };
 }
-function O(i, e) {
-  if (e === "*")
+function M(n, i) {
+  if (i === "*")
     return !0;
-  if (e.endsWith("/*")) {
-    const t = e.slice(0, -2);
-    return i === t || i.startsWith(t + "/");
+  if (i.endsWith("/*")) {
+    const t = i.slice(0, -2);
+    return n === t || n.startsWith(t + "/");
   }
-  return i === e;
+  return n === i;
 }
-function Tt(i, e, t) {
-  for (const n of t)
-    if (O(i, n.from) && O(e, n.to))
-      return n.transition;
-  for (const n of t)
-    if ((n.from === "*" || O(i, n.from)) && (n.to === "*" || O(e, n.to)))
-      return n.transition;
+function Ct(n, i, t) {
+  for (const e of t)
+    if (M(n, e.from) && M(i, e.to))
+      return e.transition;
+  for (const e of t)
+    if ((e.from === "*" || M(n, e.from)) && (e.to === "*" || M(i, e.to)))
+      return e.transition;
   return null;
 }
-function xt(i, e) {
+function xt(n, i) {
   const {
     transitions: t = [],
-    defaultTransition: n,
-    middleware: r = (w, g) => ({ from: w, to: g }),
+    defaultTransition: e,
+    middleware: o = (w, h) => ({ from: w, to: h }),
     // Identity function as default
     skipOnIosSwipe: s = !0
     // Default to true - skip animations on iOS swipe
-  } = i, { outFirst: a = !0 } = e || {};
-  let o = null;
-  const c = vt(t), {
+  } = n, { outFirst: l = !0 } = i || {};
+  let r = null;
+  const c = pt(t), {
     initializeContext: u,
-    calculateScrollOffset: f,
-    getScrollContainer: h,
+    calculateScrollOffset: m,
+    getScrollContainer: g,
     getPositionedParentElement: y,
-    getScrollPosition: v
-  } = Et(), l = St(s);
-  l.initialize();
-  function d() {
-    if (o != null && o.from && (o != null && o.to)) {
-      const { from: w, to: g } = r(
-        o.from,
-        o.to
-      ), C = Tt(
+    getScrollPosition: S
+  } = St(), a = wt(s);
+  a.initialize();
+  function f() {
+    if (r != null && r.from && (r != null && r.to)) {
+      const { from: w, to: h } = o(
+        r.from,
+        r.to
+      ), C = Ct(
         w,
-        g,
+        h,
         c
-      ) || n, V = f(
-        o.from,
-        o.to
-      ), R = {
+      ) || e, V = m(
+        r.from,
+        r.to
+      ), I = {
         scrollOffset: V,
-        scroll: v(o.from),
+        scroll: S(r.from),
         get scrollingElement() {
-          return h() || document.documentElement;
+          return g() || document.documentElement;
         },
         get positionedParent() {
           return y();
         }
-      }, et = {
+      }, B = {
         scrollOffset: V,
         get scroll() {
-          return o ? v(o.to) : { x: 0, y: 0 };
+          return r ? S(r.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
-          return h() || document.documentElement;
+          return g() || document.documentElement;
         },
         get positionedParent() {
           return y();
         }
       };
-      C && (C.out && o.outResolve && o.outResolve(
-        (z) => C.out(z, R)
-      ), C.in && o.inResolve && o.inResolve(
-        (z) => C.in(z, et)
-      )), o = null;
+      C && (C.out && r.outResolve && r.outResolve(
+        (D) => C.out(D, I)
+      ), C.in && r.inResolve && r.inResolve(
+        (D) => C.in(D, B)
+      )), r = null;
     }
   }
   function A() {
-    o && (o.inResolve && o.inResolve(() => ({})), o.outResolve && o.outResolve(() => ({})), o = null);
+    r && (r.inResolve && r.inResolve(() => ({})), r.outResolve && r.outResolve(() => ({})), r = null);
   }
-  const S = a ? async (w, g) => l.isSwipePending() ? (l.resetSwipeDetection(), () => ({})) : g === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), g === "out" ? (o.from = w, new Promise((E) => {
-    o.outResolve = E, d();
-  })) : (o.to = w, new Promise((E) => {
-    o.inResolve = E, d();
-  }))) : async (w, g) => l.isSwipePending() ? (l.resetSwipeDetection(), () => ({})) : (o && (g === "out" && o.from && o.from !== w || g === "in" && o.to && o.to !== w) && A(), o || (o = {}), g === "out" ? (o.from = w, new Promise((C) => {
-    o.outResolve = C, d();
-  })) : (o.to = w, new Promise((C) => {
-    o.inResolve = C, d();
+  const v = l ? async (w, h) => a.isSwipePending() ? (a.resetSwipeDetection(), () => ({})) : h === "in" && (!r || !r.from) ? () => ({}) : (r || (r = {}), h === "out" ? (r.from = w, new Promise((E) => {
+    r.outResolve = E, f();
+  })) : (r.to = w, new Promise((E) => {
+    r.inResolve = E, f();
+  }))) : async (w, h) => a.isSwipePending() ? (a.resetSwipeDetection(), () => ({})) : (r && (h === "out" && r.from && r.from !== w || h === "in" && r.to && r.to !== w) && A(), r || (r = {}), h === "out" ? (r.from = w, new Promise((C) => {
+    r.outResolve = C, f();
+  })) : (r.to = w, new Promise((C) => {
+    r.inResolve = C, f();
   })));
   return (w) => ({
     key: w,
-    in: async (g) => (u(g, w), (await S(w, "in"))(g)),
-    out: async (g) => (await S(w, "out"))(g),
+    in: async (h) => (u(h, w), (await v(w, "in"))(h)),
+    out: async (h) => (await v(w, "out"))(h),
     // Add page transition strategy for page-level transitions
-    [Z]: ft
+    [W]: ct
   });
 }
 export {
-  J as SCOPE_ATTR,
-  Q as SCOPE_READY_ATTR,
-  Z as TRANSITION_STRATEGY,
-  ut as createDefaultStrategy,
-  ft as createPageTransitionStrategy,
+  j as SCOPE_ATTR,
+  G as SCOPE_READY_ATTR,
+  W as TRANSITION_STRATEGY,
+  at as createDefaultStrategy,
+  ct as createPageTransitionStrategy,
   xt as createSggoiTransitionContext,
-  Vt as createTransitionScope,
-  mt as findScope,
-  Rt as getWatchedCount,
-  zt as isCssAnimation,
-  Dt as isMultiSpring,
-  dt as isScopeReady,
-  _t as isSingleSpring,
-  qt as isTickAnimation,
-  Mt as isWatched,
-  Y as normalizeMultiSpringSchedule,
+  bt as createTransitionScope,
+  ut as findScope,
+  Vt as getWatchedCount,
+  Ot as isCssAnimation,
+  Lt as isMultiSpring,
+  lt as isScopeReady,
+  Dt as isSingleSpring,
+  zt as isTickAnimation,
+  kt as isWatched,
+  U as normalizeMultiSpringSchedule,
   P as normalizeToMultiSpring,
   It as resetObserver,
-  Ot as transition,
-  Pt as triggerUnmount,
-  Ht as validateAnimationMode,
-  Nt as validateSpringItem,
-  pt as watchUnmount
+  Pt as transition,
+  Rt as triggerUnmount,
+  Nt as validateAnimationMode,
+  qt as validateSpringItem,
+  mt as watchUnmount
 };