@ssgoi/core 2.5.6 → 3.0.0

package/dist/index.js

@@ -1,65 +1,65 @@
 var $ = Object.defineProperty;
-var j = (n, t, i) => t in n ? $(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
-var p = (n, t, i) => j(n, typeof t != "symbol" ? t + "" : t, i);
-import { isMultiSpring as M } from "./types.js";
-import { isCssAnimation as vt, isSingleSpring as St, isTickAnimation as Ct, validateAnimationMode as Et } from "./types.js";
-import { j as At } from "./jaemin-BWkrXq0V.js";
-class B {
+var j = (i, n, t) => n in i ? $(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t;
+var d = (i, n, t) => j(i, typeof n != "symbol" ? n + "" : n, t);
+import { normalizeToMultiSpring as V, normalizeMultiSpringSchedule as M } from "./types.js";
+import { isCssAnimation as vt, isMultiSpring as St, isSingleSpring as Ct, isTickAnimation as At, validateAnimationMode as Et, validateSpringItem as Tt } from "./types.js";
+import { j as bt } from "./jaemin-BWkrXq0V.js";
+class W {
   constructor() {
-    p(this, "listeners", /* @__PURE__ */ new Set());
-    p(this, "rafId", null);
-    p(this, "isRunning", !1);
+    d(this, "listeners", /* @__PURE__ */ new Set());
+    d(this, "rafId", null);
+    d(this, "isRunning", !1);
     // Timing
-    p(this, "startTime", Date.now());
-    p(this, "lastUpdate", this.startTime);
-    p(this, "elapsed", 0);
+    d(this, "startTime", Date.now());
+    d(this, "lastUpdate", this.startTime);
+    d(this, "elapsed", 0);
     // Lag smoothing (mobile optimization)
-    p(this, "lagThreshold", 500);
+    d(this, "lagThreshold", 500);
     // ms - detect tab switches, backgrounding
-    p(this, "adjustedLag", 33);
+    d(this, "adjustedLag", 33);
     // ms - max time jump to prevent animation skip
-    p(this, "maxDeltaTime", 33);
+    d(this, "maxDeltaTime", 33);
     // ms - clamp for physics stability (30fps minimum)
     // FPS throttling
-    p(this, "gap", 1e3 / 240);
+    d(this, "gap", 1e3 / 240);
     // max 240fps
-    p(this, "nextTime", this.gap);
-    p(this, "tick", () => {
-      const t = Date.now();
-      let e = t - this.lastUpdate;
-      e > this.lagThreshold || e < 0 ? (this.startTime += e - this.adjustedLag, e = this.adjustedLag) : e > this.maxDeltaTime && (e = this.maxDeltaTime), this.lastUpdate = t;
-      const o = t - this.startTime, r = o - this.nextTime;
-      if (r > 0) {
+    d(this, "nextTime", this.gap);
+    d(this, "tick", () => {
+      const n = Date.now();
+      let e = n - this.lastUpdate;
+      e > this.lagThreshold || e < 0 ? (this.startTime += e - this.adjustedLag, e = this.adjustedLag) : e > this.maxDeltaTime && (e = this.maxDeltaTime), this.lastUpdate = n;
+      const r = n - this.startTime, o = r - this.nextTime;
+      if (o > 0) {
         const s = e / 1e3;
-        this.elapsed = o / 1e3, this.nextTime += r + (r >= this.gap ? 4 : this.gap - r), this.listeners.forEach((a) => {
+        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((a) => {
           a(s, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
     });
   }
-  subscribe(t) {
-    return this.listeners.add(t), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
-      this.unsubscribe(t);
+  subscribe(n) {
+    return this.listeners.add(n), this.isRunning || (this.isRunning = !0, this.rafId = requestAnimationFrame(this.tick)), () => {
+      this.unsubscribe(n);
     };
   }
-  unsubscribe(t) {
-    this.listeners.delete(t), this.listeners.size === 0 && this.rafId !== null && (cancelAnimationFrame(this.rafId), this.isRunning = !1, this.rafId = null);
+  unsubscribe(n) {
+    this.listeners.delete(n), 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(t, i) {
-    this.lagThreshold = t, this.adjustedLag = Math.min(i, t);
+  lagSmoothing(n, t) {
+    this.lagThreshold = n, this.adjustedLag = Math.min(t, n);
   }
   /**
    * Set maximum FPS
    * @param fps - Target FPS (default: 240)
    */
-  fps(t) {
-    this.gap = 1e3 / t, this.nextTime = this.elapsed * 1e3 + this.gap;
+  fps(n) {
+    this.gap = 1e3 / n, this.nextTime = this.elapsed * 1e3 + this.gap;
   }
   getListenerCount() {
     return this.listeners.size;
@@ -68,71 +68,71 @@ class B {
     return this.elapsed;
   }
 }
-const I = new B();
-function z(n) {
-  const t = n.stiffness, i = n.damping, e = 1, o = Math.sqrt(t / e), r = i / (2 * Math.sqrt(t * e));
-  return { omega: o, zeta: r };
+const P = new W();
+function z(i) {
+  const n = i.stiffness, t = i.damping, e = 1, r = Math.sqrt(n / e), o = t / (2 * Math.sqrt(n * e));
+  return { omega: r, zeta: o };
 }
-function H(n, t, i, e) {
-  const { omega: o, zeta: r } = i, { position: s, velocity: a } = n, c = Math.min(e, 0.033), m = -2 * c * r * o * a, h = c * o * o * (t - s), u = a + m + h;
+function _(i, n, t, e) {
+  const { omega: r, zeta: o } = t, { position: s, velocity: a } = i, c = Math.min(e, 0.033), u = -2 * c * o * r * a, h = c * r * r * (n - s), l = a + u + h;
   return {
-    position: s + c * u,
-    velocity: u
+    position: s + c * l,
+    velocity: l
   };
 }
-const K = 0.01, U = 0.01, N = 0.05;
-function W(n, t) {
-  const i = Math.abs(t - n.position), e = Math.abs(n.velocity);
-  return i < K && e < U;
+const K = 0.01, U = 0.01, H = 0.05;
+function N(i, n) {
+  const t = Math.abs(n - i.position), e = Math.abs(i.velocity);
+  return t < K && e < U;
 }
-function q(n) {
+function G(i) {
   const {
-    from: t,
-    to: i,
+    from: n,
+    to: t,
     spring: e,
-    velocity: o = 0,
-    onUpdate: r,
+    velocity: r = 0,
+    onUpdate: o,
     onComplete: s,
     onStart: a
-  } = n;
-  let c = { position: t, velocity: o }, m = !0, h = 0, u = !1;
-  const g = z(e), l = (w) => {
-    if (m) {
-      if (u || (u = !0, a == null || a()), c = H(c, i, g, w), W(c, i)) {
-        if (h += Math.min(w, 0.033), h >= N) {
-          c = { position: i, velocity: 0 }, m = !1, r(c.position), I.unsubscribe(l), s();
+  } = i;
+  let c = { position: n, velocity: r }, u = !0, h = 0, l = !1;
+  const g = z(e), w = (p) => {
+    if (u) {
+      if (l || (l = !0, a == null || a()), c = _(c, t, g, p), N(c, t)) {
+        if (h += Math.min(p, 0.033), h >= H) {
+          c = { position: t, velocity: 0 }, u = !1, o(c.position), P.unsubscribe(w), s();
           return;
         }
       } else
         h = 0;
-      r(c.position);
+      o(c.position);
     }
   };
-  return I.subscribe(l), {
+  return P.subscribe(w), {
     stop: () => {
-      m && (m = !1, I.unsubscribe(l));
+      u && (u = !1, P.unsubscribe(w));
     },
     getPosition: () => c.position,
     getVelocity: () => c.velocity,
-    isRunning: () => m
+    isRunning: () => u
   };
 }
-const x = 1e3 / 60;
-function G(n, t, i, e = 0) {
-  const o = z(i), r = 600;
-  let s = { position: n, velocity: e }, a = 0;
+const b = 1e3 / 60;
+function B(i, n, t, e = 0) {
+  const r = z(t), o = 600;
+  let s = { position: i, velocity: e }, a = 0;
   const c = [];
-  for (let m = 0; m < r; m++) {
-    const h = m * x;
+  for (let u = 0; u < o; u++) {
+    const h = u * b;
     if (c.push({
       time: h,
       position: s.position,
       velocity: s.velocity
-    }), s = H(s, t, o, x / 1e3), W(s, t)) {
-      if (a += x / 1e3, a >= N) {
+    }), s = _(s, n, r, b / 1e3), N(s, n)) {
+      if (a += b / 1e3, a >= H) {
         c.push({
-          time: (m + 1) * x,
-          position: t,
+          time: (u + 1) * b,
+          position: n,
           velocity: 0
         });
         break;
@@ -142,40 +142,40 @@ function G(n, t, i, e = 0) {
   }
   return c;
 }
-function D(n, t) {
-  if (n.length === 0)
+function O(i, n) {
+  if (i.length === 0)
     return { position: 0, velocity: 0 };
-  const i = n[0], e = n[n.length - 1];
-  if (t <= 0)
-    return { position: i.position, velocity: i.velocity };
-  if (t >= e.time)
+  const t = i[0], e = i[i.length - 1];
+  if (n <= 0)
+    return { position: t.position, velocity: t.velocity };
+  if (n >= e.time)
     return { position: e.position, velocity: e.velocity };
-  let o = 0, r = n.length - 1;
-  for (; o < r - 1; ) {
-    const m = Math.floor((o + r) / 2);
-    n[m].time <= t ? o = m : r = m;
+  let r = 0, o = i.length - 1;
+  for (; r < o - 1; ) {
+    const u = Math.floor((r + o) / 2);
+    i[u].time <= n ? r = u : o = u;
   }
-  const s = n[o], a = n[r], c = (t - s.time) / (a.time - s.time);
+  const s = i[r], a = i[o], c = (n - s.time) / (a.time - s.time);
   return {
     position: s.position + (a.position - s.position) * c,
     velocity: s.velocity + (a.velocity - s.velocity) * c
   };
 }
-function J(n, t) {
-  return n.map((i) => t(i.position));
+function J(i, n) {
+  return i.map((t) => n(t.position));
 }
-function Q(n) {
+function Q(i) {
   const {
-    element: t,
-    from: i,
+    element: n,
+    from: t,
     to: e,
-    spring: o,
-    velocity: r = 0,
+    spring: r,
+    velocity: o = 0,
     style: s,
     onComplete: a,
     onStart: c
-  } = n, m = G(i, e, o, r);
-  if (m.length === 0)
+  } = i, u = B(t, e, r, o);
+  if (u.length === 0)
     return c == null || c(), a(), {
       stop: () => {
       },
@@ -183,71 +183,74 @@ function Q(n) {
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const h = J(m, s), u = m[m.length - 1], g = u.time, l = t.animate(h, {
+  const h = J(u, s), l = u[u.length - 1], g = l.time, w = n.animate(h, {
     duration: g,
     fill: "forwards",
     easing: "linear"
     // Spring physics already applied in keyframes
   });
-  let w = !0;
-  const d = performance.now();
-  return c == null || c(), l.onfinish = () => {
-    w && (w = !1, a());
+  let p = !0;
+  const y = performance.now();
+  return c == null || c(), w.onfinish = () => {
+    p && (p = !1, a());
   }, {
     stop: () => {
-      w && (w = !1, l.cancel());
+      p && (p = !1, w.cancel());
     },
     getPosition: () => {
-      if (!w)
-        return u.position;
-      const f = performance.now() - d;
-      return D(m, f).position;
+      if (!p)
+        return l.position;
+      const m = performance.now() - y;
+      return O(u, m).position;
     },
     getVelocity: () => {
-      if (!w)
+      if (!p)
         return 0;
-      const f = performance.now() - d;
-      return D(m, f).velocity;
+      const m = performance.now() - y;
+      return O(u, m).velocity;
     },
-    isRunning: () => w
+    isRunning: () => p
   };
 }
-function Z(n) {
-  const { from: t, to: i, spring: e, velocity: o, onComplete: r, onStart: s, tick: a, css: c } = n;
+function Z(i) {
+  const { from: n, to: t, spring: e, velocity: r, onComplete: o, onStart: s, tick: a, css: c } = i;
   if (a && c)
     throw new Error("Cannot use both 'tick' and 'css' options together");
-  return !a && !c ? (s == null || s(), r(), {
+  return !a && !c ? (s == null || s(), o(), {
     stop: () => {
     },
-    getPosition: () => i,
+    getPosition: () => t,
     getVelocity: () => 0,
     isRunning: () => !1
   }) : c ? Q({
     element: c.element,
-    from: t,
-    to: i,
+    from: n,
+    to: t,
     spring: e,
-    velocity: o,
+    velocity: r,
     style: c.style,
-    onComplete: r,
+    onComplete: o,
     onStart: s
-  }) : q({
-    from: t,
-    to: i,
+  }) : G({
+    from: n,
+    to: t,
     spring: e,
-    velocity: o,
+    velocity: r,
     onUpdate: a,
-    onComplete: r,
+    onComplete: o,
     onStart: s
   });
 }
-class k {
+class X {
+}
+class I extends X {
   constructor(t) {
-    p(this, "options");
-    p(this, "controls", null);
-    p(this, "isAnimating", !1);
-    p(this, "currentValue");
-    p(this, "currentVelocity", 0);
+    super();
+    d(this, "options");
+    d(this, "controls", null);
+    d(this, "isAnimating", !1);
+    d(this, "currentValue");
+    d(this, "currentVelocity", 0);
     if (t.tick && t.css)
       throw new Error("Cannot use both 'tick' and 'css' options together");
     this.options = {
@@ -301,7 +304,6 @@ class k {
   }
   getCurrentState() {
     return {
-      type: "single",
       position: this.getCurrentValue(),
       velocity: this.getVelocity(),
       from: this.options.from,
@@ -317,724 +319,647 @@ class k {
   updateOptions(t) {
     this.options = { ...this.options, ...t };
   }
-  static fromState(t, i) {
-    const e = new k(i);
-    return e.setValue(t.position), e.setVelocity(t.velocity), e;
+  static fromState(t, e) {
+    const r = new I(e);
+    return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-class L {
+class x extends X {
   constructor(t) {
-    p(this, "config");
-    p(this, "animators", /* @__PURE__ */ new Map());
-    p(this, "springOrder", []);
-    p(this, "completedCount", 0);
-    p(this, "completedAnimators", /* @__PURE__ */ new Set());
-    p(this, "direction", "forward");
-    p(this, "idCounter", 0);
-    p(this, "timeoutIds", []);
-    this.config = t, this.initializeAnimators();
+    super();
+    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, "element");
+    d(this, "from");
+    d(this, "to");
+    this.config = t.config, this.from = t.from, this.to = t.to, this.element = t.element, this.initializeAnimators();
   }
   generateId() {
     return `spring_${this.idCounter++}`;
   }
   initializeAnimators() {
     this.config.springs.forEach((t) => {
-      const i = this.generateId(), e = new k({
-        from: t.from,
-        to: t.to,
+      const e = this.generateId(), r = new I({
+        from: this.from,
+        to: this.to,
         spring: t.spring,
         tick: t.tick,
-        onComplete: () => this.onAnimatorComplete(i),
+        css: t.css && this.element ? { element: this.element, style: t.css } : void 0,
+        onComplete: () => this.onAnimatorComplete(e),
         onStart: t.onStart
       });
-      this.animators.set(i, {
-        id: i,
+      this.animators.set(e, {
+        id: e,
         item: t,
-        animator: e,
-        startTime: null
-      }), this.springOrder.push(i);
+        animator: r,
+        started: !1
+      }), this.springOrder.push(e);
     });
   }
-  normalizeSchedule(t) {
-    const i = this.config.schedule ?? "overlap";
-    return this.springOrder.map((e, o) => {
-      const r = this.animators.get(e);
-      if (!r)
-        throw new Error(
-          `AnimationScheduler: animator with id "${e}" not found`
-        );
-      if (i === "overlap")
-        return { type: "offset", id: e, delay: 0 };
-      if (i === "wait")
-        return t === "forward" && o === 0 ? { type: "offset", id: e, delay: 0 } : t === "backward" && o === this.springOrder.length - 1 ? { type: "offset", id: e, delay: 0 } : { type: "wait", id: e };
-      const s = r.item.offset ?? 0;
-      if (t === "forward")
-        return { type: "offset", id: e, delay: s };
-      const a = Math.max(
-        ...Array.from(this.animators.values()).map((c) => c.item.offset ?? 0)
-      );
-      return { type: "offset", id: e, delay: a - s };
-    });
+  /**
+   * Calculate progress of an animator (0-1)
+   * Progress = |position - from| / |to - from|
+   */
+  getAnimatorProgress(t) {
+    const e = t.animator.getCurrentState(), r = Math.abs(e.to - e.from);
+    return r === 0 ? 1 : Math.abs(e.position - e.from) / r;
+  }
+  /**
+   * Get order of springs based on direction
+   * Forward: 0, 1, 2, ...
+   * Backward: n-1, n-2, ..., 0
+   */
+  getOrderedIds() {
+    return this.direction === "forward" ? this.springOrder : [...this.springOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var e, o, r, s, a, c;
-    const i = this.animators.get(t);
-    !i || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (e = i.item).onComplete) == null || o.call(e), (s = (r = this.config).onProgress) == null || s.call(r, this.completedCount, this.config.springs.length), this.handleWaitModeChaining(t), this.completedCount === this.config.springs.length && ((c = (a = this.config).onEnd) == null || c.call(a)));
+    var r, o, s, a, c, u;
+    const e = this.animators.get(t);
+    !e || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = e.item).onComplete) == null || o.call(r), (a = (s = this.config).onProgress) == null || a.call(s, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
   }
-  handleWaitModeChaining(t) {
-    if (this.config.schedule !== "wait")
-      return;
-    const i = this.springOrder.indexOf(t);
-    if (this.direction === "forward") {
-      const e = this.springOrder[i + 1];
-      if (e) {
-        const o = this.animators.get(e);
-        o && o.startTime === null && this.startAnimator(e);
-      }
-    } else {
-      const e = this.springOrder[i - 1];
-      if (e) {
-        const o = this.animators.get(e);
-        o && o.startTime === null && this.startBackwardAnimator(e);
+  /**
+   * Check and start springs based on previous spring's progress
+   * Called on each frame while animation is running
+   */
+  checkAndStartSprings() {
+    const t = this.getOrderedIds();
+    for (let e = 0; e < t.length; e++) {
+      const r = t[e], o = this.animators.get(r);
+      if (!o || o.started) continue;
+      if (e === 0) {
+        this.startAnimator(r);
+        continue;
       }
+      const s = t[e - 1], a = this.animators.get(s);
+      if (!a || !a.started) continue;
+      const c = this.getAnimatorProgress(a), u = o.item.normalizedOffset;
+      c >= u && this.startAnimator(r);
     }
   }
   startAnimator(t) {
-    const i = this.animators.get(t);
-    !i || i.startTime !== null || (i.startTime = Date.now(), i.animator.forward());
+    const e = this.animators.get(t);
+    !e || e.started || (e.started = !0, this.direction === "forward" ? e.animator.forward() : e.animator.backward());
   }
-  startBackwardAnimator(t) {
-    const i = this.animators.get(t);
-    !i || i.startTime !== null || (i.startTime = Date.now(), i.animator.backward());
+  /**
+   * Start the scheduler loop that checks spring progress
+   */
+  startScheduler() {
+    const t = () => {
+      this.checkAndStartSprings(), this.getIsAnimating() && (this.rafId = requestAnimationFrame(t));
+    };
+    this.rafId = requestAnimationFrame(t);
+  }
+  stopScheduler() {
+    this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
+  }
+  getFirstAnimator() {
+    var e;
+    const t = this.springOrder[0];
+    return t ? ((e = this.animators.get(t)) == null ? void 0 : e.animator) ?? null : null;
   }
   forward() {
-    var i, e;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), (e = (i = this.config).onStart) == null || e.call(i), this.normalizeSchedule("forward").forEach((o) => {
-      if (o.type !== "wait")
-        if (o.delay === 0)
-          this.startAnimator(o.id);
-        else {
-          const r = window.setTimeout(
-            () => this.startAnimator(o.id),
-            o.delay
-          );
-          this.timeoutIds.push(r);
-        }
-    });
+    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 i, e;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), (e = (i = this.config).onStart) == null || e.call(i), this.normalizeSchedule("backward").forEach((o) => {
-      if (o.type !== "wait")
-        if (o.delay === 0)
-          this.startBackwardAnimator(o.id);
-        else {
-          const r = window.setTimeout(
-            () => this.startBackwardAnimator(o.id),
-            o.delay
-          );
-          this.timeoutIds.push(r);
-        }
+    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) => {
+      t.started = !1;
     });
   }
   stop() {
-    this.timeoutIds.forEach((t) => clearTimeout(t)), this.timeoutIds = [], this.animators.forEach((t) => {
-      t.animator.stop(), t.startTime = null;
+    this.stopScheduler(), this.animators.forEach((t) => {
+      t.animator.stop(), t.started = !1;
     });
   }
   reverse() {
     this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
-      if (t.startTime === null)
+      if (!t.started)
         return;
-      const i = t.animator.getCurrentState();
-      if (i.type !== "single")
-        return;
-      if (i.position === i.to) {
-        const o = k.fromState(
-          { position: 1, velocity: 0 },
+      const e = t.animator.getCurrentState();
+      if (e.position === e.to) {
+        const o = t.item.css && this.element ? { element: this.element, style: t.item.css } : void 0, s = I.fromState(
+          { position: this.to, velocity: 0 },
           {
-            from: t.item.to ?? 1,
-            to: t.item.from ?? 0,
+            from: this.to,
+            to: this.from,
             spring: t.item.spring,
             tick: t.item.tick,
+            css: o,
             onComplete: () => this.onAnimatorComplete(t.id),
             onStart: t.item.onStart
           }
         );
-        o.forward(), t.animator = o;
+        s.forward(), t.animator = s;
       } else
         t.animator.reverse();
     });
   }
   getCurrentState() {
-    return {
-      type: "multi",
-      completed: this.completedCount,
-      total: this.config.springs.length,
-      direction: this.direction
+    const t = this.getFirstAnimator();
+    return t ? t.getCurrentState() : {
+      position: 0,
+      velocity: 0,
+      from: 0,
+      to: 1
     };
   }
+  /**
+   * Get current position value from first animator
+   */
+  getCurrentValue() {
+    const t = this.getFirstAnimator();
+    return (t == null ? void 0 : t.getCurrentValue()) ?? 0;
+  }
+  /**
+   * Get current velocity from first animator
+   */
+  getVelocity() {
+    const t = this.getFirstAnimator();
+    return (t == null ? void 0 : t.getVelocity()) ?? 0;
+  }
+  /**
+   * Set position value on first animator
+   * TODO: Support per-spring control
+   */
+  setValue(t) {
+    const e = this.getFirstAnimator();
+    e == null || e.setValue(t);
+  }
+  /**
+   * Set velocity on first animator
+   * TODO: Support per-spring control
+   */
+  setVelocity(t) {
+    const e = this.getFirstAnimator();
+    e == null || e.setVelocity(t);
+  }
+  /**
+   * Check if any animation is currently running
+   */
+  getIsAnimating() {
+    for (const t of this.animators.values())
+      if (t.animator.getIsAnimating())
+        return !0;
+    return !1;
+  }
+  /**
+   * Create MultiAnimator from existing state
+   * Uses first animator's state for initialization
+   */
+  static fromState(t, e) {
+    const r = new x(e);
+    return r.setValue(t.position), r.setVelocity(t.velocity), r;
+  }
 }
-const X = Symbol.for("TRANSITION_STRATEGY"), tt = (n) => ({
-  runIn: async (t) => {
-    const { currentAnimation: i } = n;
-    if (i && i.direction === "out") {
-      const s = i.controller.getCurrentState();
-      if (i.controller.stop(), s.type === "multi")
-        return i.controller.reverse(), {
-          state: {
-            position: 0,
-            velocity: 0
-          },
-          from: 0,
-          to: 1,
-          direction: "forward"
-        };
-      if (t.out) {
-        const a = await t.out, { from: c = 1, to: m = 0 } = a;
+const Y = Symbol.for("TRANSITION_STRATEGY"), tt = (i) => ({
+  runIn: async (n) => {
+    const { currentAnimation: t } = i;
+    if (t && t.direction === "out") {
+      const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
+      if (t.controller.stop(), n.out)
         return {
-          config: a,
-          state: {
-            position: s.position,
-            velocity: s.velocity
-          },
-          from: c,
-          // OUT animation's from
-          to: m,
-          // OUT animation's to
+          config: n.out,
+          state: { position: r, velocity: o },
+          from: 1,
+          to: 0,
           direction: "backward"
           // Will actually go 0→1 (backward means toward 'from')
         };
-      }
     }
-    const e = await t.in;
-    if (!e)
-      return {
-        state: {
-          position: 0,
-          velocity: 0
-        },
-        from: 0,
-        to: 1,
-        direction: "forward"
-      };
-    if ("springs" in e)
-      return {
-        config: e,
-        state: {
-          position: 0,
-          velocity: 0
-        },
-        from: 0,
-        to: 1,
-        direction: "forward"
-      };
-    const { from: o = 0, to: r = 1 } = e;
-    return {
+    const e = n.in;
+    return e ? {
       config: e,
       state: {
-        position: o,
+        position: 0,
         velocity: 0
       },
-      from: o,
-      to: r,
+      from: 0,
+      to: 1,
+      direction: "forward"
+    } : {
+      state: {
+        position: 0,
+        velocity: 0
+      },
+      from: 0,
+      to: 1,
       direction: "forward"
     };
   },
-  runOut: async (t) => {
-    const { currentAnimation: i } = n;
-    if (i && i.direction === "in") {
-      const s = i.controller.getCurrentState();
-      if (i.controller.stop(), s.type === "multi")
-        return i.controller.reverse(), {
-          state: {
-            position: 1,
-            velocity: 0
-          },
-          from: 1,
-          to: 0,
-          direction: "forward"
-        };
-      if (t.in) {
-        const a = await t.in, { from: c = 0, to: m = 1 } = a;
+  runOut: async (n) => {
+    const { currentAnimation: t } = i;
+    if (t && t.direction === "in") {
+      const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
+      if (t.controller.stop(), n.in)
         return {
-          config: a,
-          state: {
-            position: s.position,
-            velocity: s.velocity
-          },
-          from: c,
-          // IN animation's from
-          to: m,
-          // IN animation's to
+          config: n.in,
+          state: { position: r, velocity: o },
+          from: 0,
+          to: 1,
           direction: "backward"
           // Will actually go 1→0 (backward means toward 'from')
         };
-      }
     }
-    const e = await t.out;
-    if (!e)
-      return {
-        state: {
-          position: 1,
-          velocity: 0
-        },
-        from: 1,
-        to: 0,
-        direction: "forward"
-      };
-    if ("springs" in e)
-      return {
-        config: e,
-        state: {
-          position: 1,
-          velocity: 0
-        },
-        from: 1,
-        to: 0,
-        direction: "forward"
-      };
-    const { from: o = 1, to: r = 0 } = e;
-    return {
+    const e = n.out;
+    return e ? {
       config: e,
       state: {
-        position: o,
+        position: 1,
         velocity: 0
       },
-      from: o,
-      to: r,
+      from: 1,
+      to: 0,
+      direction: "forward"
+    } : {
+      state: {
+        position: 1,
+        velocity: 0
+      },
+      from: 1,
+      to: 0,
       direction: "forward"
     };
   }
-}), it = () => ({
-  runIn: async (n) => {
-    const t = await n.in;
-    if (!t)
-      return {
-        state: {
-          position: 0,
-          velocity: 0
-        },
-        from: 0,
-        to: 1,
-        direction: "forward"
-      };
-    if ("springs" in t)
-      return {
-        config: t,
-        state: {
-          position: 0,
-          velocity: 0
-        },
-        from: 0,
-        to: 1,
-        direction: "forward"
-      };
-    const { from: i = 0, to: e = 1 } = t;
-    return {
-      config: t,
+}), et = () => ({
+  runIn: async (i) => {
+    const n = i.in;
+    return n ? {
+      config: n,
       state: {
-        position: i,
+        position: 0,
         velocity: 0
       },
-      from: i,
-      to: e,
+      from: 0,
+      to: 1,
+      direction: "forward"
+    } : {
+      state: {
+        position: 0,
+        velocity: 0
+      },
+      from: 0,
+      to: 1,
       direction: "forward"
     };
   },
-  runOut: async (n) => {
-    const t = await n.out;
-    if (!t)
-      return {
-        state: {
-          position: 1,
-          velocity: 0
-        },
-        from: 1,
-        to: 0,
-        direction: "forward"
-      };
-    if ("springs" in t)
-      return {
-        config: t,
-        state: {
-          position: 1,
-          velocity: 0
-        },
-        from: 1,
-        to: 0,
-        direction: "forward"
-      };
-    const { from: i = 1, to: e = 0 } = t;
-    return {
-      config: t,
+  runOut: async (i) => {
+    const n = i.out;
+    return n ? {
+      config: n,
+      state: {
+        position: 1,
+        velocity: 0
+      },
+      from: 1,
+      to: 0,
+      direction: "forward"
+    } : {
       state: {
-        position: i,
+        position: 1,
         velocity: 0
       },
-      from: i,
-      to: e,
+      from: 1,
+      to: 0,
       direction: "forward"
     };
   }
 });
-function et(n, t) {
+function nt(i, n) {
   var h;
-  let i = null, e = null, o = null, r = null;
+  let t = null, e = null, r = null, o = null;
   const s = {
     get currentAnimation() {
-      return i;
+      return t;
     }
-  }, a = ((h = t == null ? void 0 : t.strategy) == null ? void 0 : h.call(t, s)) || tt(s), c = async (u) => {
-    var S, E, A;
+  }, a = ((h = n == null ? void 0 : n.strategy) == null ? void 0 : h.call(n, s)) || tt(s), c = async (l) => {
+    var C;
     e && (e.remove(), e = null);
-    const g = n(), l = g.in && await g.in(u), w = !(t != null && t.strategy) && g.out ? g.out(u) : void 0;
-    if (!l)
+    const g = i(), w = g.in && await g.in(l), p = !(n != null && n.strategy) && g.out ? await g.out(l) : void 0;
+    if (!w)
       return;
-    if (M(l)) {
-      const v = {
-        in: Promise.resolve(l),
-        out: w && Promise.resolve(w)
-      };
-      if (!(await a.runIn(v)).config) {
-        i && (i.direction = "in");
-        return;
-      }
-      (S = l.prepare) == null || S.call(l, u), l.wait && await l.wait();
-      const C = new L({
-        ...l,
-        onEnd: () => {
-          var b;
-          i = null, (b = l.onEnd) == null || b.call(l);
-        }
-      });
-      i = { controller: C, direction: "in" }, C.forward();
+    const y = {
+      in: V(w),
+      out: p ? V(p) : void 0
+    }, m = await a.runIn(y);
+    if (!m.config) {
+      t && (t.direction = "in");
       return;
     }
-    const d = {
-      in: Promise.resolve(l),
-      out: w && Promise.resolve(w)
-    }, f = await a.runIn(d);
-    if (!f.config || "springs" in f.config)
-      return;
-    (A = (E = f.config).prepare) == null || A.call(E, u), f.config.wait && await f.config.wait();
-    const y = k.fromState(f.state, {
-      from: f.from,
-      to: f.to,
-      spring: f.config.spring,
-      tick: f.config.tick,
-      css: f.config.css ? { element: u, style: f.config.css } : void 0,
-      onStart: f.config.onStart,
-      onComplete: () => {
-        var v, T;
-        i = null, (T = (v = f.config) == null ? void 0 : v.onEnd) == null || T.call(v);
+    const f = m.config;
+    (C = f.prepare) == null || C.call(f, l), f.wait && await f.wait();
+    const S = M({
+      ...f,
+      onEnd: () => {
+        var A;
+        t = null, (A = f.onEnd) == null || A.call(f);
       }
+    }), v = x.fromState(m.state, {
+      config: S,
+      from: m.from,
+      to: m.to,
+      element: l
     });
-    i = { controller: y, direction: "in" }, f.direction === "forward" ? y.forward() : y.backward();
-  }, m = async (u) => {
-    var S, E, A;
-    e = u;
-    const g = n(), l = g.out && await g.out(u);
-    if (!l)
+    t = { controller: v, direction: "in" }, m.direction === "forward" ? v.forward() : v.backward();
+  }, u = async (l) => {
+    var A;
+    e = l;
+    const g = i(), w = !(n != null && n.strategy) && g.in ? await g.in(l) : void 0, p = g.out && await g.out(l);
+    if (!p)
       return;
-    if (M(l)) {
-      const v = {
-        in: void 0,
-        out: Promise.resolve(l)
-      };
-      if (!(await a.runOut(v)).config) {
-        i && (i.direction = "out"), e && (e.remove(), e = null);
-        return;
-      }
-      (S = l.prepare) == null || S.call(l, u), y(), l.wait && await l.wait();
-      const C = new L({
-        ...l,
-        onEnd: () => {
-          var b, O;
-          (b = l.onEnd) == null || b.call(l), e && (e.remove(), e = null), i = null, (O = t == null ? void 0 : t.onCleanupEnd) == null || O.call(t);
-        }
-      });
-      i = { controller: C, direction: "out" }, C.forward();
+    const y = {
+      in: w ? V(w) : void 0,
+      out: V(p)
+    }, m = await a.runOut(y);
+    if (!m.config) {
+      t && (t.direction = "out"), e && (e.remove(), e = null);
       return;
     }
-    const w = {
-      in: void 0,
-      out: Promise.resolve(l)
-    }, d = await a.runOut(w);
-    if (!d.config || "springs" in d.config)
-      return;
-    (A = (E = d.config).prepare) == null || A.call(E, u), y(), d.config.wait && await d.config.wait();
-    const f = k.fromState(d.state, {
-      from: d.from,
-      to: d.to,
-      spring: d.config.spring,
-      tick: d.config.tick,
-      css: d.config.css ? { element: u, style: d.config.css } : void 0,
-      onStart: d.config.onStart,
-      onComplete: () => {
-        var v, T, C;
-        (T = (v = d.config) == null ? void 0 : v.onEnd) == null || T.call(v), e && (e.remove(), e = null), i = null, (C = t == null ? void 0 : t.onCleanupEnd) == null || C.call(t);
+    const f = m.config;
+    (A = f.prepare) == null || A.call(f, l), C(), f.wait && await f.wait();
+    const S = M({
+      ...f,
+      onEnd: () => {
+        var T, E;
+        (T = f.onEnd) == null || T.call(f), e && (e.remove(), e = null), t = null, (E = n == null ? void 0 : n.onCleanupEnd) == null || E.call(n);
       }
+    }), v = x.fromState(m.state, {
+      config: S,
+      from: m.from,
+      to: m.to,
+      element: l
     });
-    i = { controller: f, direction: "out" }, d.direction === "forward" ? f.forward() : f.backward();
-    function y() {
-      !o || !e || (r && o.contains(r) ? o.insertBefore(e, r) : o.appendChild(e));
+    t = { controller: v, direction: "out" }, m.direction === "forward" ? v.forward() : v.backward();
+    function C() {
+      !r || !e || (o && r.contains(o) ? r.insertBefore(e, o) : r.appendChild(e));
     }
   };
-  return (u) => {
-    if (u)
-      return o = u.parentElement, r = u.nextElementSibling, c(u), () => {
-        if (u.isConnected) {
-          const g = u.cloneNode(!0);
-          m(g);
+  return (l) => {
+    if (l)
+      return r = l.parentElement, o = l.nextElementSibling, c(l), () => {
+        if (l.isConnected) {
+          const g = l.cloneNode(!0);
+          u(g);
         } else
-          m(u);
+          u(l);
       };
   };
 }
-const nt = 3, ot = (n) => {
-  if (!n) return null;
-  const t = n.split(`
-`).map((i) => i.trim());
-  for (let i = nt; i < Math.min(t.length, 6); i++) {
-    const e = t[i], o = e == null ? void 0 : e.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
-    if (!o)
+const it = 3, ot = (i) => {
+  if (!i) return null;
+  const n = i.split(`
+`).map((t) => t.trim());
+  for (let t = it; t < Math.min(n.length, 6); t++) {
+    const e = n[t], r = e == null ? void 0 : e.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+    if (!r)
       continue;
-    const r = o[1] ?? "", s = o[2] ?? "0", a = o[3] ?? "0";
-    return { file: r.split(/[\\/]/).pop() || r, line: s, column: a };
+    const o = r[1] ?? "", s = r[2] ?? "0", a = r[3] ?? "0";
+    return { file: o.split(/[\\/]/).pop() || o, line: s, column: a };
   }
   return null;
-}, R = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map();
-function rt(n, t, i) {
-  R.set(n, t);
-  let e = V.get(n);
-  return e || (e = et(
+}, R = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+function rt(i, n, t) {
+  R.set(i, n);
+  let e = F.get(i);
+  return e || (e = nt(
     () => {
-      const o = R.get(n);
-      return o || (console.warn(`Transition "${String(n)}" not found`), {});
+      const r = R.get(i);
+      return r || (console.warn(`Transition "${String(i)}" not found`), {});
     },
     {
-      strategy: i,
-      onCleanupEnd: () => Y(n)
+      strategy: t,
+      onCleanupEnd: () => q(i)
     }
-  ), V.set(n, e), e);
+  ), F.set(i, e), e);
 }
-function Y(n) {
-  R.delete(n), V.delete(n);
+function q(i) {
+  R.delete(i), F.delete(i);
 }
 function st() {
-  const n = ot(new Error().stack);
-  return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
+  const i = ot(new Error().stack);
+  return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const _ = globalThis.FinalizationRegistry, F = _ ? (
+const L = globalThis.FinalizationRegistry, D = L ? (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  new _((n) => {
+  new L((i) => {
     try {
-      Y(n);
+      q(i);
     } catch {
     }
   })
 ) : void 0;
-function gt(n) {
-  const t = n.key ?? st();
-  if (n.ref && F)
+function gt(i) {
+  const n = i.key ?? st();
+  if (i.ref && D)
     try {
-      F.register(n.ref, t);
+      D.register(i.ref, n);
     } catch {
     }
   return rt(
-    t,
+    n,
     {
-      in: n.in,
-      out: n.out
+      in: i.in,
+      out: i.out
     },
-    n[X]
+    i[Y]
   );
 }
-function ct(n) {
-  const t = n.filter((i) => i.symmetric).map((i) => ({
-    from: i.to,
-    to: i.from,
-    transition: i.transition
+function ct(i) {
+  const n = i.filter((t) => t.symmetric).map((t) => ({
+    from: t.to,
+    to: t.from,
+    transition: t.transition
   }));
-  return [...n, ...t];
+  return [...i, ...n];
 }
-function at(n) {
-  let t = !1, i = 0, e = 0, o = !1;
-  const r = 50, s = (w) => {
-    if (!n) return;
-    const d = w.touches[0];
-    d && (o = d.clientX < r, o && (i = d.clientX, e = d.clientY));
-  }, a = (w) => {
-    if (!n || !o) return;
-    const d = w.touches[0];
-    if (!d) return;
-    const f = d.clientX - i, y = d.clientY - e;
-    f > window.outerWidth / 2 - 5 && Math.abs(f) > Math.abs(y) ? t = !0 : t = !1;
+function at(i) {
+  let n = !1, t = 0, e = 0, r = !1;
+  const o = 50, s = (p) => {
+    if (!i) return;
+    const y = p.touches[0];
+    y && (r = y.clientX < o, r && (t = y.clientX, e = y.clientY));
+  }, a = (p) => {
+    if (!i || !r) return;
+    const y = p.touches[0];
+    if (!y) return;
+    const m = y.clientX - t, f = y.clientY - e;
+    m > window.outerWidth / 2 - 5 && Math.abs(m) > Math.abs(f) ? n = !0 : n = !1;
   }, c = () => {
-    n && (o = !1, i = 0, e = 0);
-  }, m = () => t, h = () => {
-    typeof window > "u" || n && (window.addEventListener("touchstart", s, { passive: !0 }), window.addEventListener("touchmove", a, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
-  }, u = () => {
+    i && (r = !1, t = 0, e = 0);
+  }, u = () => n, h = () => {
+    typeof window > "u" || i && (window.addEventListener("touchstart", s, { passive: !0 }), window.addEventListener("touchmove", a, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
+  }, l = () => {
     typeof window > "u" || (window.removeEventListener("touchstart", s), window.removeEventListener("touchmove", a), window.removeEventListener("touchend", c));
   };
   let g = 0;
   return {
     initialize: h,
-    cleanup: u,
-    isSwipePending: m,
+    cleanup: l,
+    isSwipePending: u,
     resetSwipeDetection: () => {
-      g++, g > 1 && (g = 0, t = !1);
+      g++, g > 1 && (g = 0, n = !1);
     }
   };
 }
-const lt = (n) => {
-  let t = n.parentElement;
-  for (; t && t !== document.body; ) {
-    const i = window.getComputedStyle(t), e = i.overflow + i.overflowY + i.overflowX;
-    if (e.includes("auto") || e.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
-      return t;
-    t = t.parentElement;
+const lt = (i) => {
+  let n = i.parentElement;
+  for (; n && n !== document.body; ) {
+    const t = window.getComputedStyle(n), e = t.overflow + t.overflowY + t.overflowX;
+    if (e.includes("auto") || e.includes("scroll") || n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth)
+      return n;
+    n = n.parentElement;
   }
   return document.documentElement;
-}, ut = (n) => {
-  let t = n.parentElement;
-  for (; t && t !== document.body; ) {
-    const i = window.getComputedStyle(t).position;
-    if (i === "relative" || i === "absolute" || i === "fixed" || i === "sticky")
-      return t;
-    t = t.parentElement;
+}, ut = (i) => {
+  let n = i.parentElement;
+  for (; n && n !== document.body; ) {
+    const t = window.getComputedStyle(n).position;
+    if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
+      return n;
+    n = n.parentElement;
   }
   return document.body;
 };
 function ft() {
-  let n = null, t = null;
-  const i = /* @__PURE__ */ new Map();
+  let i = null, n = null;
+  const t = /* @__PURE__ */ new Map();
   let e = null;
-  const o = () => {
-    n && e && i.set(e, {
-      x: n.scrollLeft,
-      y: n.scrollTop
+  const r = () => {
+    i && e && t.set(e, {
+      x: i.scrollLeft,
+      y: i.scrollTop
     });
   };
   return {
-    initializeContext: (h, u) => {
-      t = h, n || (n = lt(h), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
+    initializeContext: (h, l) => {
+      n = h, i || (i = lt(h), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
         passive: !0
-      })), e = u;
+      })), e = l;
     },
-    calculateScrollOffset: (h, u) => {
-      const g = h && i.has(h) ? i.get(h) : { x: 0, y: 0 }, l = u && i.has(u) ? i.get(u) : { x: 0, y: 0 };
+    calculateScrollOffset: (h, l) => {
+      const g = h && t.has(h) ? t.get(h) : { x: 0, y: 0 }, w = l && t.has(l) ? t.get(l) : { x: 0, y: 0 };
       return {
-        x: -l.x + g.x,
-        y: -l.y + g.y
+        x: -w.x + g.x,
+        y: -w.y + g.y
       };
     },
-    getScrollContainer: () => n,
-    getPositionedParentElement: () => t ? ut(t) : document.body,
-    getScrollPosition: (h) => h && i.has(h) ? i.get(h) : { x: 0, y: 0 }
+    getScrollContainer: () => i,
+    getPositionedParentElement: () => n ? ut(n) : document.body,
+    getScrollPosition: (h) => h && t.has(h) ? t.get(h) : { x: 0, y: 0 }
   };
 }
-function P(n, t) {
-  if (t === "*")
+function k(i, n) {
+  if (n === "*")
     return !0;
-  if (t.endsWith("/*")) {
-    const i = t.slice(0, -2);
-    return n === i || n.startsWith(i + "/");
+  if (n.endsWith("/*")) {
+    const t = n.slice(0, -2);
+    return i === t || i.startsWith(t + "/");
   }
-  return n === t;
+  return i === n;
 }
-function mt(n, t, i) {
-  for (const e of i)
-    if (P(n, e.from) && P(t, e.to))
+function mt(i, n, t) {
+  for (const e of t)
+    if (k(i, e.from) && k(n, e.to))
       return e.transition;
-  for (const e of i)
-    if ((e.from === "*" || P(n, e.from)) && (e.to === "*" || P(t, e.to)))
+  for (const e of t)
+    if ((e.from === "*" || k(i, e.from)) && (e.to === "*" || k(n, e.to)))
       return e.transition;
   return null;
 }
-function pt(n) {
+function pt(i) {
   const {
-    transitions: t = [],
-    defaultTransition: i,
-    middleware: e = (f, y) => ({ from: f, to: y }),
+    transitions: n = [],
+    defaultTransition: t,
+    middleware: e = (m, f) => ({ from: m, to: f }),
     // Identity function as default
-    skipOnIosSwipe: o = !0
+    skipOnIosSwipe: r = !0
     // Default to true - skip animations on iOS swipe
-  } = n;
-  let r = null;
-  const s = ct(t), {
+  } = i;
+  let o = null;
+  const s = ct(n), {
     initializeContext: a,
     calculateScrollOffset: c,
-    getScrollContainer: m,
+    getScrollContainer: u,
     getPositionedParentElement: h,
-    getScrollPosition: u
-  } = ft(), g = at(o);
+    getScrollPosition: l
+  } = ft(), g = at(r);
   g.initialize();
-  function l() {
-    if (r != null && r.from && (r != null && r.to)) {
-      const { from: f, to: y } = e(
-        r.from,
-        r.to
-      ), E = mt(
+  function w() {
+    if (o != null && o.from && (o != null && o.to)) {
+      const { from: m, to: f } = e(
+        o.from,
+        o.to
+      ), v = mt(
+        m,
         f,
-        y,
         s
-      ) || i, A = c(
-        r.from,
-        r.to
-      ), v = {
-        scrollOffset: A,
-        scroll: u(r.from),
+      ) || t, C = c(
+        o.from,
+        o.to
+      ), A = {
+        scrollOffset: C,
+        scroll: l(o.from),
         get scrollingElement() {
-          return m() || document.documentElement;
+          return u() || document.documentElement;
         },
         get positionedParent() {
           return h();
         }
       }, T = {
-        scrollOffset: A,
+        scrollOffset: C,
         get scroll() {
-          return r ? u(r.to) : { x: 0, y: 0 };
+          return o ? l(o.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
-          return m() || document.documentElement;
+          return u() || document.documentElement;
         },
         get positionedParent() {
           return h();
         }
       };
-      E && (E.out && r.outResolve && r.outResolve(
-        (C) => E.out(C, v)
-      ), E.in && r.inResolve && r.inResolve(
-        (C) => E.in(C, T)
-      )), r = null;
+      v && (v.out && o.outResolve && o.outResolve(
+        (E) => v.out(E, A)
+      ), v.in && o.inResolve && o.inResolve(
+        (E) => v.in(E, T)
+      )), o = null;
     }
   }
-  const w = async (f, y) => g.isSwipePending() ? (g.resetSwipeDetection(), () => ({})) : y === "in" && (!r || !r.from) ? () => ({}) : (r || (r = {}), y === "out" ? (r.from = f, new Promise((S) => {
-    r.outResolve = S, l();
-  })) : (r.to = f, new Promise((S) => {
-    r.inResolve = S, l();
+  const p = async (m, f) => g.isSwipePending() ? (g.resetSwipeDetection(), () => ({})) : f === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), f === "out" ? (o.from = m, new Promise((S) => {
+    o.outResolve = S, w();
+  })) : (o.to = m, new Promise((S) => {
+    o.inResolve = S, w();
   })));
-  return (f) => ({
-    key: f,
-    in: async (y) => (a(y, f), (await w(f, "in"))(y)),
-    out: async (y) => (await w(f, "out"))(y),
+  return (m) => ({
+    key: m,
+    in: async (f) => (a(f, m), (await p(m, "in"))(f)),
+    out: async (f) => (await p(m, "out"))(f),
     // Add page transition strategy for page-level transitions
-    [X]: it
+    [Y]: et
   });
 }
 export {
-  X as TRANSITION_STRATEGY,
+  Y as TRANSITION_STRATEGY,
   tt as createDefaultStrategy,
-  it as createPageTransitionStrategy,
+  et as createPageTransitionStrategy,
   pt as createSggoiTransitionContext,
   st as generateAutoKey,
   vt as isCssAnimation,
-  M as isMultiSpring,
-  St as isSingleSpring,
-  Ct as isTickAnimation,
-  At as jaeminInternal,
+  St as isMultiSpring,
+  Ct as isSingleSpring,
+  At as isTickAnimation,
+  bt as jaeminInternal,
+  M as normalizeMultiSpringSchedule,
+  V as normalizeToMultiSpring,
   gt as transition,
-  Et as validateAnimationMode
+  Et as validateAnimationMode,
+  Tt as validateSpringItem
 };