@ssgoi/core 2.5.5 → 2.5.6

package/dist/index.js

@@ -1,38 +1,38 @@
-var _ = Object.defineProperty;
-var F = (n, t, e) => t in n ? _(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var m = (n, t, e) => F(n, typeof t != "symbol" ? t + "" : t, e);
-import { isMultiSpring as V } from "./types.js";
-import { isSingleSpring as at } from "./types.js";
-import { j as lt } from "./jaemin-BWkrXq0V.js";
-class $ {
+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 {
   constructor() {
-    m(this, "listeners", /* @__PURE__ */ new Set());
-    m(this, "rafId", null);
-    m(this, "isRunning", !1);
+    p(this, "listeners", /* @__PURE__ */ new Set());
+    p(this, "rafId", null);
+    p(this, "isRunning", !1);
     // Timing
-    m(this, "startTime", Date.now());
-    m(this, "lastUpdate", this.startTime);
-    m(this, "elapsed", 0);
+    p(this, "startTime", Date.now());
+    p(this, "lastUpdate", this.startTime);
+    p(this, "elapsed", 0);
     // Lag smoothing (mobile optimization)
-    m(this, "lagThreshold", 500);
+    p(this, "lagThreshold", 500);
     // ms - detect tab switches, backgrounding
-    m(this, "adjustedLag", 33);
+    p(this, "adjustedLag", 33);
     // ms - max time jump to prevent animation skip
-    m(this, "maxDeltaTime", 33);
+    p(this, "maxDeltaTime", 33);
     // ms - clamp for physics stability (30fps minimum)
     // FPS throttling
-    m(this, "gap", 1e3 / 240);
+    p(this, "gap", 1e3 / 240);
     // max 240fps
-    m(this, "nextTime", this.gap);
-    m(this, "tick", () => {
+    p(this, "nextTime", this.gap);
+    p(this, "tick", () => {
       const t = Date.now();
-      let i = t - this.lastUpdate;
-      i > this.lagThreshold || i < 0 ? (this.startTime += i - this.adjustedLag, i = this.adjustedLag) : i > this.maxDeltaTime && (i = this.maxDeltaTime), this.lastUpdate = t;
-      const r = t - this.startTime, o = r - this.nextTime;
-      if (o > 0) {
-        const s = i / 1e3;
-        this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((d) => {
-          d(s, this.elapsed);
+      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) {
+        const s = e / 1e3;
+        this.elapsed = o / 1e3, this.nextTime += r + (r >= this.gap ? 4 : this.gap - r), this.listeners.forEach((a) => {
+          a(s, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -51,8 +51,8 @@ class $ {
    * @param threshold - Time threshold to detect lag (default: 500ms)
    * @param adjustedLag - Max time jump when lag detected (default: 33ms)
    */
-  lagSmoothing(t, e) {
-    this.lagThreshold = t, this.adjustedLag = Math.min(e, t);
+  lagSmoothing(t, i) {
+    this.lagThreshold = t, this.adjustedLag = Math.min(i, t);
   }
   /**
    * Set maximum FPS
@@ -68,189 +68,233 @@ class $ {
     return this.elapsed;
   }
 }
-const I = new $();
-function k(n) {
+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 };
+}
+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;
+  return {
+    position: s + c * u,
+    velocity: u
+  };
+}
+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;
+}
+function q(n) {
   const {
     from: t,
-    to: e,
-    stiffness: i,
-    damping: r,
-    mass: o,
-    velocity: s = 0,
-    onUpdate: d,
-    onComplete: l
+    to: i,
+    spring: e,
+    velocity: o = 0,
+    onUpdate: r,
+    onComplete: s,
+    onStart: a
   } = n;
-  let h = t, u = s, a = !0;
-  const p = Math.sqrt(i / o), c = r / (2 * Math.sqrt(i * o)), g = 0.01, w = 0.01;
-  let f = 0;
-  const y = 0.05, S = (T) => {
-    if (!a) return;
-    const C = Math.min(T, 0.033), v = -2 * C * c * p * u, b = C * p * p * (e - h);
-    u += v + b, h += C * u;
-    const E = Math.abs(e - h), A = Math.abs(u);
-    if (E < g && A < w) {
-      if (f += C, f >= y) {
-        h = e, u = 0, a = !1, d(h), I.unsubscribe(S), l();
-        return;
+  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();
+          return;
+        }
+      } else
+        h = 0;
+      r(c.position);
+    }
+  };
+  return I.subscribe(l), {
+    stop: () => {
+      m && (m = !1, I.unsubscribe(l));
+    },
+    getPosition: () => c.position,
+    getVelocity: () => c.velocity,
+    isRunning: () => m
+  };
+}
+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 c = [];
+  for (let m = 0; m < r; m++) {
+    const h = m * x;
+    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) {
+        c.push({
+          time: (m + 1) * x,
+          position: t,
+          velocity: 0
+        });
+        break;
       }
     } else
-      f = 0;
-    d(h);
+      a = 0;
+  }
+  return c;
+}
+function D(n, t) {
+  if (n.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)
+    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;
+  }
+  const s = n[o], a = n[r], c = (t - s.time) / (a.time - s.time);
+  return {
+    position: s.position + (a.position - s.position) * c,
+    velocity: s.velocity + (a.velocity - s.velocity) * c
   };
-  return I.subscribe(S), {
+}
+function J(n, t) {
+  return n.map((i) => t(i.position));
+}
+function Q(n) {
+  const {
+    element: t,
+    from: i,
+    to: e,
+    spring: o,
+    velocity: r = 0,
+    style: s,
+    onComplete: a,
+    onStart: c
+  } = n, m = G(i, e, o, r);
+  if (m.length === 0)
+    return c == null || c(), a(), {
+      stop: () => {
+      },
+      getPosition: () => e,
+      getVelocity: () => 0,
+      isRunning: () => !1
+    };
+  const h = J(m, s), u = m[m.length - 1], g = u.time, l = t.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());
+  }, {
     stop: () => {
-      a && (a = !1, I.unsubscribe(S));
-    }
+      w && (w = !1, l.cancel());
+    },
+    getPosition: () => {
+      if (!w)
+        return u.position;
+      const f = performance.now() - d;
+      return D(m, f).position;
+    },
+    getVelocity: () => {
+      if (!w)
+        return 0;
+      const f = performance.now() - d;
+      return D(m, f).velocity;
+    },
+    isRunning: () => w
   };
 }
-class O {
+function Z(n) {
+  const { from: t, to: i, spring: e, velocity: o, onComplete: r, onStart: s, tick: a, css: c } = n;
+  if (a && c)
+    throw new Error("Cannot use both 'tick' and 'css' options together");
+  return !a && !c ? (s == null || s(), r(), {
+    stop: () => {
+    },
+    getPosition: () => i,
+    getVelocity: () => 0,
+    isRunning: () => !1
+  }) : c ? Q({
+    element: c.element,
+    from: t,
+    to: i,
+    spring: e,
+    velocity: o,
+    style: c.style,
+    onComplete: r,
+    onStart: s
+  }) : q({
+    from: t,
+    to: i,
+    spring: e,
+    velocity: o,
+    onUpdate: a,
+    onComplete: r,
+    onStart: s
+  });
+}
+class k {
   constructor(t) {
-    m(this, "options");
-    m(this, "currentValue");
-    m(this, "velocity");
-    m(this, "isAnimating", !1);
-    m(this, "controls", null);
-    // For object animations
-    m(this, "animationMap", null);
-    m(this, "activeAnimations", /* @__PURE__ */ new Set());
-    m(this, "completedAnimations", /* @__PURE__ */ new Set());
-    m(this, "updatedProperties", /* @__PURE__ */ new Set());
-    m(this, "animate", (t = !1) => {
-      !this.isAnimating && this.options.onStart && this.options.onStart(), this.isAnimating = !0;
-      const e = t ? this.options.from : this.options.to;
-      if (typeof this.currentValue == "object" && this.currentValue !== null) {
-        this.animateObject(e);
-        return;
-      }
-      let i = this.currentValue, r = performance.now();
-      const o = {
-        from: this.currentValue,
-        to: e,
-        stiffness: this.options.spring.stiffness,
-        damping: this.options.spring.damping,
-        mass: 1
-      };
-      typeof this.velocity == "number" && (o.velocity = this.velocity * 1e3), this.controls = k({
-        ...o,
-        onUpdate: (s) => {
-          const d = performance.now(), l = (d - r) / 1e3;
-          if (l > 0) {
-            if (typeof s == "number" && typeof i == "number") {
-              const h = (s - i) / l;
-              this.velocity = h / 1e3;
-            } else if (typeof s == "object" && s !== null) {
-              const h = {};
-              Object.keys(s).forEach((u) => {
-                const a = s[u], p = i[u];
-                if (typeof a == "number" && typeof p == "number") {
-                  const c = (a - p) / l;
-                  h[u] = c / 1e3;
-                }
-              }), this.velocity = h;
-            }
-            i = s, r = d;
-          }
-          this.currentValue = s, this.options.onUpdate(s);
-        },
-        onComplete: () => {
-          this.currentValue = e, this.isAnimating = !1, this.controls = null, typeof this.velocity == "object" && this.velocity !== null ? Object.keys(this.velocity).forEach((s) => {
-            this.velocity[s] = 0;
-          }) : this.velocity = 0, this.options.onComplete();
-        }
-      });
-    });
-    m(this, "animateObject", (t) => {
-      const e = this.currentValue, i = Object.keys(e);
-      this.animationMap = /* @__PURE__ */ new Map(), this.activeAnimations.clear(), this.completedAnimations.clear(), this.updatedProperties.clear();
-      const r = { ...e }, o = {};
-      let s = !1;
-      const d = () => {
-        const l = i.filter((u) => !this.completedAnimations.has(u));
-        if (l.every(
-          (u) => this.updatedProperties.has(u)
-        ) && l.length > 0) {
-          if (typeof this.velocity == "object" && this.velocity) {
-            const u = performance.now();
-            Object.keys(r).forEach((a) => {
-              if (o[a]) {
-                const p = (u - o[a]) / 1e3, c = this.currentValue[a], g = r[a];
-                typeof c == "number" && typeof g == "number" && p > 0 && (this.velocity[a] = (g - c) / p / 1e3);
-              }
-              o[a] = u;
-            });
-          }
-          this.currentValue = { ...r }, this.options.onUpdate(this.currentValue), this.updatedProperties.clear(), !s && this.options.onStart && (s = !0, this.options.onStart());
-        }
-      };
-      i.forEach((l) => {
-        this.activeAnimations.add(l);
-        const h = {
-          from: e[l],
-          to: t[l],
-          stiffness: this.options.spring.stiffness,
-          damping: this.options.spring.damping,
-          mass: 1
-        };
-        typeof this.velocity == "object" && this.velocity && l in this.velocity && (h.velocity = this.velocity[l] * 1e3);
-        const u = k({
-          ...h,
-          onUpdate: (a) => {
-            r[l] = a, this.updatedProperties.add(l), d();
-          },
-          onComplete: () => {
-            this.completedAnimations.add(l), this.updatedProperties.delete(l), this.completedAnimations.size === i.length && (this.currentValue = t, this.isAnimating = !1, this.animationMap = null, typeof this.velocity == "object" && this.velocity && Object.keys(this.velocity).forEach((a) => {
-              this.velocity[a] = 0;
-            }), this.options.onComplete());
-          }
-        });
-        this.animationMap.set(l, u);
-      });
-    });
-    if (this.options = {
+    p(this, "options");
+    p(this, "controls", null);
+    p(this, "isAnimating", !1);
+    p(this, "currentValue");
+    p(this, "currentVelocity", 0);
+    if (t.tick && t.css)
+      throw new Error("Cannot use both 'tick' and 'css' options together");
+    this.options = {
       from: t.from ?? 0,
       to: t.to ?? 1,
-      spring: t.spring ?? { stiffness: 100, damping: 10 },
-      onUpdate: t.onUpdate ?? (() => {
-      }),
+      spring: t.spring ?? { stiffness: 300, damping: 30 },
+      tick: t.tick,
+      css: t.css,
       onComplete: t.onComplete ?? (() => {
       }),
       onStart: t.onStart
-    }, this.currentValue = this.options.from, typeof this.options.from == "object" && this.options.from !== null) {
-      const e = {};
-      Object.keys(this.options.from).forEach((i) => {
-        e[i] = 0;
-      }), this.velocity = e;
-    } else
-      this.velocity = 0;
+    }, this.currentValue = this.options.from;
+  }
+  runAnimation(t) {
+    this.isAnimating = !0, this.controls = Z({
+      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();
+      }
+    });
   }
-  // Animation control methods
   forward() {
-    this.stop(), this.animate(!1);
+    this.stop(), this.runAnimation(this.options.to);
   }
   backward() {
-    this.stop(), this.animate(!0);
+    this.stop(), this.runAnimation(this.options.from);
   }
   reverse() {
     const t = this.options.from;
-    if (this.options.from = this.options.to, this.options.to = t, this.isAnimating) {
-      const e = this.shouldReverse();
-      this.stop(), this.animate(!e);
-    }
-  }
-  shouldReverse() {
-    return typeof this.currentValue == "number" && typeof this.options.from == "number" && typeof this.options.to == "number" ? this.currentValue > (this.options.from + this.options.to) / 2 : !1;
+    this.options.from = this.options.to, this.options.to = t, this.isAnimating && (this.stop(), this.runAnimation(this.options.to));
   }
   stop() {
-    this.isAnimating = !1, this.controls && (this.controls.stop(), this.controls = null), this.animationMap && (this.animationMap.forEach((t) => {
-      t.stop();
-    }), this.animationMap.clear(), this.animationMap = null), this.updatedProperties.clear();
+    this.controls && (this.currentValue = this.controls.getPosition(), this.currentVelocity = this.controls.getVelocity(), this.controls.stop(), this.controls = null), this.isAnimating = !1;
   }
-  // State getters
   getVelocity() {
-    return this.velocity;
+    var t;
+    return ((t = this.controls) == null ? void 0 : t.getVelocity()) ?? this.currentVelocity;
   }
   getCurrentValue() {
-    return this.currentValue;
+    var t;
+    return ((t = this.controls) == null ? void 0 : t.getPosition()) ?? this.currentValue;
   }
   getIsAnimating() {
     return this.isAnimating;
@@ -258,42 +302,36 @@ class O {
   getCurrentState() {
     return {
       type: "single",
-      position: this.currentValue,
-      velocity: this.velocity,
+      position: this.getCurrentValue(),
+      velocity: this.getVelocity(),
       from: this.options.from,
       to: this.options.to
     };
   }
-  // State setters
-  setVelocity(t) {
-    this.velocity = t;
-  }
   setValue(t) {
     this.currentValue = t;
   }
-  // Configuration
+  setVelocity(t) {
+    this.currentVelocity = t;
+  }
   updateOptions(t) {
-    if (this.options = { ...this.options, ...t }, this.isAnimating && this.controls) {
-      const e = this.shouldReverse();
-      this.stop(), this.animate(!e);
-    }
+    this.options = { ...this.options, ...t };
   }
-  // Static factory method
-  static fromState(t, e) {
-    const i = new O(e);
-    return i.setValue(t.position), i.setVelocity(t.velocity), i;
+  static fromState(t, i) {
+    const e = new k(i);
+    return e.setValue(t.position), e.setVelocity(t.velocity), e;
   }
 }
-class j {
+class L {
   constructor(t) {
-    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, "timeoutIds", []);
+    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();
   }
   generateId() {
@@ -301,168 +339,102 @@ class j {
   }
   initializeAnimators() {
     this.config.springs.forEach((t) => {
-      const e = this.generateId(), i = new O({
+      const i = this.generateId(), e = new k({
         from: t.from,
         to: t.to,
         spring: t.spring,
-        onUpdate: t.tick,
-        onComplete: () => this.onAnimatorComplete(e),
+        tick: t.tick,
+        onComplete: () => this.onAnimatorComplete(i),
         onStart: t.onStart
       });
-      this.animators.set(e, {
-        id: e,
+      this.animators.set(i, {
+        id: i,
         item: t,
-        animator: i,
+        animator: e,
         startTime: null
-      }), this.springOrder.push(e);
+      }), this.springOrder.push(i);
     });
   }
-  /**
-   * Normalize schedule configuration to unified internal representation
-   * Uses discriminated union and early return pattern
-   *
-   * @param direction - "forward" or "backward" direction
-   */
   normalizeSchedule(t) {
-    const e = this.config.schedule ?? "overlap";
-    return this.springOrder.map((i, r) => {
-      const o = this.animators.get(i);
-      if (!o)
+    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 "${i}" not found during normalization`
+          `AnimationScheduler: animator with id "${e}" not found`
         );
-      if (e === "overlap")
-        return {
-          type: "offset",
-          id: i,
-          delay: 0
-        };
-      if (e === "wait")
-        return t === "forward" && r === 0 ? {
-          type: "offset",
-          id: i,
-          delay: 0
-        } : t === "backward" && r === this.springOrder.length - 1 ? {
-          type: "offset",
-          id: i,
-          delay: 0
-        } : {
-          type: "wait",
-          id: i
-        };
-      const s = o.item.offset ?? 0;
+      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: i,
-          delay: s
-        };
-      const d = this.animators.size === 0 ? 0 : Math.max(
-        ...Array.from(this.animators.values()).map(
-          (l) => l.item.offset ?? 0
-        )
+        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: i,
-        delay: d - s
-      };
+      return { type: "offset", id: e, delay: a - s };
     });
   }
   onAnimatorComplete(t) {
-    var i, r, o, s, d, l;
-    const e = this.animators.get(t);
-    if (!e) {
-      console.warn(
-        `AnimationScheduler: animator with id "${t}" not found on completion`
-      );
-      return;
-    }
-    this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (r = (i = e.item).onComplete) == null || r.call(i), (s = (o = this.config).onProgress) == null || s.call(o, this.completedCount, this.config.springs.length), this.handleWaitModeChaining(t), this.completedCount === this.config.springs.length && ((l = (d = this.config).onEnd) == null || l.call(d)));
+    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)));
   }
-  /**
-   * Handle wait mode chaining: start next/previous spring after completion
-   */
   handleWaitModeChaining(t) {
     if (this.config.schedule !== "wait")
       return;
-    const e = this.springOrder.indexOf(t);
+    const i = this.springOrder.indexOf(t);
     if (this.direction === "forward") {
-      const o = this.springOrder[e + 1];
-      if (!o)
-        return;
-      const s = this.animators.get(o);
-      s && s.startTime === null && this.startAnimator(o);
-      return;
+      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);
+      }
     }
-    const i = this.springOrder[e - 1];
-    if (!i)
-      return;
-    const r = this.animators.get(i);
-    r && r.startTime === null && this.startBackwardAnimator(i);
   }
   startAnimator(t) {
-    const e = this.animators.get(t);
-    if (!e) {
-      console.warn(
-        `AnimationScheduler: animator with id "${t}" not found on start`
-      );
-      return;
-    }
-    if (e.startTime !== null) {
-      console.warn(
-        `AnimationScheduler: animator with id "${t}" already started`
-      );
-      return;
-    }
-    e.startTime = Date.now(), e.animator.forward();
+    const i = this.animators.get(t);
+    !i || i.startTime !== null || (i.startTime = Date.now(), i.animator.forward());
   }
   startBackwardAnimator(t) {
-    const e = this.animators.get(t);
-    if (!e) {
-      console.warn(
-        `AnimationScheduler: animator with id "${t}" not found on backward start`
-      );
-      return;
-    }
-    if (e.startTime !== null) {
-      console.warn(
-        `AnimationScheduler: animator with id "${t}" already started`
-      );
-      return;
-    }
-    e.startTime = Date.now(), e.animator.backward();
+    const i = this.animators.get(t);
+    !i || i.startTime !== null || (i.startTime = Date.now(), i.animator.backward());
   }
   forward() {
-    var e, i;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("forward").forEach((r) => {
-      if (r.type === "wait")
-        return;
-      if (r.delay === 0) {
-        this.startAnimator(r.id);
-        return;
-      }
-      const o = window.setTimeout(
-        () => this.startAnimator(r.id),
-        r.delay
-      );
-      this.timeoutIds.push(o);
+    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);
+        }
     });
   }
   backward() {
-    var e, i;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), (i = (e = this.config).onStart) == null || i.call(e), this.normalizeSchedule("backward").forEach((r) => {
-      if (r.type === "wait")
-        return;
-      if (r.delay === 0) {
-        this.startBackwardAnimator(r.id);
-        return;
-      }
-      const o = window.setTimeout(
-        () => this.startBackwardAnimator(r.id),
-        r.delay
-      );
-      this.timeoutIds.push(o);
+    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);
+        }
     });
   }
   stop() {
@@ -470,34 +442,28 @@ class j {
       t.animator.stop(), t.startTime = null;
     });
   }
-  reverse(t) {
-    ((t == null ? void 0 : t.offsetMode) ?? "immediate") !== "immediate" && console.warn(
-      'AnimationScheduler.reverse(): Only "immediate" offsetMode is currently supported. Falling back to "immediate".'
-    ), this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((i) => {
-      if (i.startTime === null)
+  reverse() {
+    this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
+      if (t.startTime === null)
         return;
-      const r = i.animator.getCurrentState();
-      if (r.type !== "single")
+      const i = t.animator.getCurrentState();
+      if (i.type !== "single")
         return;
-      if (r.position === r.to) {
-        const s = O.fromState(
+      if (i.position === i.to) {
+        const o = k.fromState(
+          { position: 1, velocity: 0 },
           {
-            position: 1,
-            velocity: 0
-          },
-          {
-            from: i.item.to ?? 1,
-            to: i.item.from ?? 0,
-            spring: i.item.spring,
-            onUpdate: i.item.tick,
-            onComplete: () => this.onAnimatorComplete(i.id),
-            onStart: i.item.onStart
+            from: t.item.to ?? 1,
+            to: t.item.from ?? 0,
+            spring: t.item.spring,
+            tick: t.item.tick,
+            onComplete: () => this.onAnimatorComplete(t.id),
+            onStart: t.item.onStart
           }
         );
-        s.forward(), i.animator = s;
-        return;
-      }
-      i.animator.reverse();
+        o.forward(), t.animator = o;
+      } else
+        t.animator.reverse();
     });
   }
   getCurrentState() {
@@ -509,13 +475,13 @@ class j {
     };
   }
 }
-const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
+const X = Symbol.for("TRANSITION_STRATEGY"), tt = (n) => ({
   runIn: async (t) => {
-    const { currentAnimation: e } = n;
-    if (e && e.direction === "out") {
-      const s = e.controller.getCurrentState();
-      if (e.controller.stop(), s.type === "multi")
-        return e.controller.reverse(), {
+    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
@@ -525,24 +491,24 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
           direction: "forward"
         };
       if (t.out) {
-        const d = await t.out, { from: l = 1, to: h = 0 } = d;
+        const a = await t.out, { from: c = 1, to: m = 0 } = a;
         return {
-          config: d,
+          config: a,
           state: {
             position: s.position,
             velocity: s.velocity
           },
-          from: l,
+          from: c,
           // OUT animation's from
-          to: h,
+          to: m,
           // OUT animation's to
           direction: "backward"
-          // Will actually go 0→1
+          // Will actually go 0→1 (backward means toward 'from')
         };
       }
     }
-    const i = await t.in;
-    if (!i)
+    const e = await t.in;
+    if (!e)
       return {
         state: {
           position: 0,
@@ -552,9 +518,9 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 1,
         direction: "forward"
       };
-    if ("springs" in i)
+    if ("springs" in e)
       return {
-        config: i,
+        config: e,
         state: {
           position: 0,
           velocity: 0
@@ -563,24 +529,24 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: r = 0, to: o = 1 } = i;
+    const { from: o = 0, to: r = 1 } = e;
     return {
-      config: i,
+      config: e,
       state: {
-        position: r,
+        position: o,
         velocity: 0
       },
-      from: r,
-      to: o,
+      from: o,
+      to: r,
       direction: "forward"
     };
   },
   runOut: async (t) => {
-    const { currentAnimation: e } = n;
-    if (e && e.direction === "in") {
-      const s = e.controller.getCurrentState();
-      if (e.controller.stop(), s.type === "multi")
-        return e.controller.reverse(), {
+    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
@@ -590,24 +556,24 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
           direction: "forward"
         };
       if (t.in) {
-        const d = await t.in, { from: l = 0, to: h = 1 } = d;
+        const a = await t.in, { from: c = 0, to: m = 1 } = a;
         return {
-          config: d,
+          config: a,
           state: {
             position: s.position,
             velocity: s.velocity
           },
-          from: l,
+          from: c,
           // IN animation's from
-          to: h,
+          to: m,
           // IN animation's to
           direction: "backward"
-          // Will actually go 1→0
+          // Will actually go 1→0 (backward means toward 'from')
         };
       }
     }
-    const i = await t.out;
-    if (!i)
+    const e = await t.out;
+    if (!e)
       return {
         state: {
           position: 1,
@@ -617,9 +583,9 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 0,
         direction: "forward"
       };
-    if ("springs" in i)
+    if ("springs" in e)
       return {
-        config: i,
+        config: e,
         state: {
           position: 1,
           velocity: 0
@@ -628,19 +594,19 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: r = 1, to: o = 0 } = i;
+    const { from: o = 1, to: r = 0 } = e;
     return {
-      config: i,
+      config: e,
       state: {
-        position: r,
+        position: o,
         velocity: 0
       },
-      from: r,
-      to: o,
+      from: o,
+      to: r,
       direction: "forward"
     };
   }
-}), N = () => ({
+}), it = () => ({
   runIn: async (n) => {
     const t = await n.in;
     if (!t)
@@ -664,15 +630,15 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 1,
         direction: "forward"
       };
-    const { from: e = 0, to: i = 1 } = t;
+    const { from: i = 0, to: e = 1 } = t;
     return {
       config: t,
       state: {
-        position: e,
+        position: i,
         velocity: 0
       },
-      from: e,
-      to: i,
+      from: i,
+      to: e,
       direction: "forward"
     };
   },
@@ -699,385 +665,376 @@ const U = Symbol.for("TRANSITION_STRATEGY"), H = (n) => ({
         to: 0,
         direction: "forward"
       };
-    const { from: e = 1, to: i = 0 } = t;
+    const { from: i = 1, to: e = 0 } = t;
     return {
       config: t,
       state: {
-        position: e,
+        position: i,
         velocity: 0
       },
-      from: e,
-      to: i,
+      from: i,
+      to: e,
       direction: "forward"
     };
   }
 });
-function W(n, t) {
-  var u;
-  let e = null, i = null, r = null, o = null;
+function et(n, t) {
+  var h;
+  let i = null, e = null, o = null, r = null;
   const s = {
     get currentAnimation() {
-      return e;
+      return i;
     }
-  }, d = ((u = t == null ? void 0 : t.strategy) == null ? void 0 : u.call(t, s)) || H(s), l = async (a) => {
-    var S, T, C;
-    i && (i.remove(), i = null);
-    const p = n(), c = p.in && await p.in(a), g = !(t != null && t.strategy) && p.out ? p.out(a) : void 0;
-    if (!c)
+  }, a = ((h = t == null ? void 0 : t.strategy) == null ? void 0 : h.call(t, s)) || tt(s), c = async (u) => {
+    var S, E, A;
+    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)
       return;
-    if (V(c)) {
+    if (M(l)) {
       const v = {
-        in: Promise.resolve(c),
-        out: g && Promise.resolve(g)
+        in: Promise.resolve(l),
+        out: w && Promise.resolve(w)
       };
-      if (!(await d.runIn(v)).config) {
-        e && (e.direction = "in");
+      if (!(await a.runIn(v)).config) {
+        i && (i.direction = "in");
         return;
       }
-      (S = c.prepare) == null || S.call(c, a), c.wait && await c.wait();
-      const E = new j({
-        ...c,
+      (S = l.prepare) == null || S.call(l, u), l.wait && await l.wait();
+      const C = new L({
+        ...l,
         onEnd: () => {
-          var A;
-          e = null, (A = c.onEnd) == null || A.call(c);
+          var b;
+          i = null, (b = l.onEnd) == null || b.call(l);
         }
       });
-      e = {
-        controller: E,
-        direction: "in"
-      }, E.forward();
+      i = { controller: C, direction: "in" }, C.forward();
       return;
     }
-    const w = {
-      in: Promise.resolve(c),
-      out: g && Promise.resolve(g)
-    }, f = await d.runIn(w);
-    if (!f.config)
+    const d = {
+      in: Promise.resolve(l),
+      out: w && Promise.resolve(w)
+    }, f = await a.runIn(d);
+    if (!f.config || "springs" in f.config)
       return;
-    if ("springs" in f.config) {
-      console.error("Unexpected MultiSpringConfig in single-spring path");
-      return;
-    }
-    (C = (T = f.config).prepare) == null || C.call(T, a), f.config.wait && await f.config.wait();
-    const y = O.fromState(f.state, {
+    (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,
-      onUpdate: f.config.tick,
       onComplete: () => {
-        var v, b;
-        e = null, (b = (v = f.config) == null ? void 0 : v.onEnd) == null || b.call(v);
+        var v, T;
+        i = null, (T = (v = f.config) == null ? void 0 : v.onEnd) == null || T.call(v);
       }
     });
-    e = { controller: y, direction: "in" }, f.direction === "forward" ? y.forward() : y.backward();
-  }, h = async (a) => {
-    var S, T, C;
-    i = a;
-    const p = n(), c = p.out && await p.out(a);
-    if (!c)
+    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)
       return;
-    if (V(c)) {
+    if (M(l)) {
       const v = {
         in: void 0,
-        // Don't fetch IN config for exit transitions
-        out: Promise.resolve(c)
+        out: Promise.resolve(l)
       };
-      if (!(await d.runOut(v)).config) {
-        e && (e.direction = "out"), i && (i.remove(), i = null);
+      if (!(await a.runOut(v)).config) {
+        i && (i.direction = "out"), e && (e.remove(), e = null);
         return;
       }
-      (S = c.prepare) == null || S.call(c, a), y(), c.wait && await c.wait();
-      const E = new j({
-        ...c,
+      (S = l.prepare) == null || S.call(l, u), y(), l.wait && await l.wait();
+      const C = new L({
+        ...l,
         onEnd: () => {
-          var A, P;
-          (A = c.onEnd) == null || A.call(c), i && (i.remove(), i = null), e = null, (P = t == null ? void 0 : t.onCleanupEnd) == null || P.call(t);
+          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);
         }
       });
-      e = {
-        controller: E,
-        direction: "out"
-      }, E.forward();
+      i = { controller: C, direction: "out" }, C.forward();
       return;
     }
-    const g = {
+    const w = {
       in: void 0,
-      // Don't fetch IN config for exit transitions
-      out: Promise.resolve(c)
-    }, w = await d.runOut(g);
-    if (!w.config)
-      return;
-    if ("springs" in w.config) {
-      console.error("Unexpected MultiSpringConfig in single-spring path");
+      out: Promise.resolve(l)
+    }, d = await a.runOut(w);
+    if (!d.config || "springs" in d.config)
       return;
-    }
-    (C = (T = w.config).prepare) == null || C.call(T, a), y(), w.config.wait && await w.config.wait();
-    const f = O.fromState(w.state, {
-      from: w.from,
-      to: w.to,
-      spring: w.config.spring,
-      onStart: w.config.onStart,
-      onUpdate: w.config.tick,
+    (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, b, E;
-        (b = (v = w.config) == null ? void 0 : v.onEnd) == null || b.call(v), i && (i.remove(), i = null), e = null, (E = t == null ? void 0 : t.onCleanupEnd) == null || E.call(t);
+        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);
       }
     });
-    e = { controller: f, direction: "out" }, w.direction === "forward" ? f.forward() : f.backward();
+    i = { controller: f, direction: "out" }, d.direction === "forward" ? f.forward() : f.backward();
     function y() {
-      !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
+      !o || !e || (r && o.contains(r) ? o.insertBefore(e, r) : o.appendChild(e));
     }
   };
-  return (a) => {
-    if (a)
-      return r = a.parentElement, o = a.nextElementSibling, l(a), () => {
-        if (a.isConnected) {
-          const p = a.cloneNode(!0);
-          h(p);
+  return (u) => {
+    if (u)
+      return o = u.parentElement, r = u.nextElementSibling, c(u), () => {
+        if (u.isConnected) {
+          const g = u.cloneNode(!0);
+          m(g);
         } else
-          h(a);
+          m(u);
       };
   };
 }
-const Y = 3, X = (n) => {
+const nt = 3, ot = (n) => {
   if (!n) return null;
   const t = n.split(`
-`).map((e) => e.trim());
-  for (let e = Y; e < Math.min(t.length, 6); e++) {
-    const i = t[e], r = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
-    if (!r)
+`).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)
       continue;
-    const o = r[1] ?? "", s = r[2] ?? "0", d = r[3] ?? "0";
-    return { file: o.split(/[\\/]/).pop() || o, line: s, column: d };
+    const r = o[1] ?? "", s = o[2] ?? "0", a = o[3] ?? "0";
+    return { file: r.split(/[\\/]/).pop() || r, line: s, column: a };
   }
   return null;
-}, M = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-function B(n, t, e) {
-  M.set(n, t);
-  let i = R.get(n);
-  return i || (i = W(
+}, 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(
     () => {
-      const r = M.get(n);
-      return r || (console.warn(`Transition "${String(n)}" not found`), {});
+      const o = R.get(n);
+      return o || (console.warn(`Transition "${String(n)}" not found`), {});
     },
     {
-      strategy: e,
-      onCleanupEnd: () => z(n)
+      strategy: i,
+      onCleanupEnd: () => Y(n)
     }
-  ), R.set(n, i), i);
+  ), V.set(n, e), e);
 }
-function z(n) {
-  M.delete(n), R.delete(n);
+function Y(n) {
+  R.delete(n), V.delete(n);
 }
-function K() {
-  const n = X(new Error().stack);
+function st() {
+  const n = ot(new Error().stack);
   return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const D = globalThis.FinalizationRegistry, L = D ? (
+const _ = globalThis.FinalizationRegistry, F = _ ? (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  new D((n) => {
+  new _((n) => {
     try {
-      z(n);
+      Y(n);
     } catch {
     }
   })
 ) : void 0;
-function nt(n) {
-  const t = n.key ?? K();
-  if (n.ref && L)
+function gt(n) {
+  const t = n.key ?? st();
+  if (n.ref && F)
     try {
-      L.register(n.ref, t);
+      F.register(n.ref, t);
     } catch {
     }
-  return B(
+  return rt(
     t,
     {
       in: n.in,
       out: n.out
     },
-    n[U]
+    n[X]
   );
 }
-function q(n) {
-  const t = n.filter((e) => e.symmetric).map((e) => ({
-    from: e.to,
-    to: e.from,
-    transition: e.transition
+function ct(n) {
+  const t = n.filter((i) => i.symmetric).map((i) => ({
+    from: i.to,
+    to: i.from,
+    transition: i.transition
   }));
   return [...n, ...t];
 }
-function G(n) {
-  let t = !1, e = 0, i = 0, r = !1;
-  const o = 50, s = 50, d = (c) => {
+function at(n) {
+  let t = !1, i = 0, e = 0, o = !1;
+  const r = 50, s = (w) => {
     if (!n) return;
-    const g = c.touches[0];
-    g && (r = g.clientX < s, r && (e = g.clientX, i = g.clientY));
-  }, l = (c) => {
-    if (!n || !r || t) return;
-    const g = c.touches[0];
-    if (!g) return;
-    const w = g.clientX - e, f = g.clientY - i;
-    w > o && Math.abs(w) > Math.abs(f) && (t = !0, setTimeout(() => {
-      t = !1;
-    }, 500));
-  }, h = () => {
-    n && (r = !1, e = 0, i = 0);
+    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;
+  }, 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 = () => {
+    typeof window > "u" || (window.removeEventListener("touchstart", s), window.removeEventListener("touchmove", a), window.removeEventListener("touchend", c));
   };
+  let g = 0;
   return {
-    initialize: () => {
-      typeof window > "u" || n && (window.addEventListener("touchstart", d, { passive: !0 }), window.addEventListener("touchmove", l, { passive: !0 }), window.addEventListener("touchend", h, { passive: !0 }));
-    },
-    cleanup: () => {
-      typeof window > "u" || (window.removeEventListener("touchstart", d), window.removeEventListener("touchmove", l), window.removeEventListener("touchend", h));
-    },
-    isSwipePending: () => t
+    initialize: h,
+    cleanup: u,
+    isSwipePending: m,
+    resetSwipeDetection: () => {
+      g++, g > 1 && (g = 0, t = !1);
+    }
   };
 }
-const J = (n) => {
+const lt = (n) => {
   let t = n.parentElement;
   for (; t && t !== document.body; ) {
-    const e = window.getComputedStyle(t), i = e.overflow + e.overflowY + e.overflowX;
-    if (i.includes("auto") || i.includes("scroll") || t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth)
+    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;
   }
   return document.documentElement;
-}, Q = (n) => {
+}, ut = (n) => {
   let t = n.parentElement;
   for (; t && t !== document.body; ) {
-    const e = window.getComputedStyle(t).position;
-    if (e === "relative" || e === "absolute" || e === "fixed" || e === "sticky")
+    const i = window.getComputedStyle(t).position;
+    if (i === "relative" || i === "absolute" || i === "fixed" || i === "sticky")
       return t;
     t = t.parentElement;
   }
   return document.body;
 };
-function Z() {
+function ft() {
   let n = null, t = null;
-  const e = /* @__PURE__ */ new Map();
-  let i = null;
-  const r = () => {
-    n && i && e.set(i, {
+  const i = /* @__PURE__ */ new Map();
+  let e = null;
+  const o = () => {
+    n && e && i.set(e, {
       x: n.scrollLeft,
       y: n.scrollTop
     });
   };
   return {
-    initializeContext: (u, a) => {
-      t = u, n || (n = J(u), (n === document.documentElement ? window : n).addEventListener("scroll", r, {
+    initializeContext: (h, u) => {
+      t = h, n || (n = lt(h), (n === document.documentElement ? window : n).addEventListener("scroll", o, {
         passive: !0
-      })), i = a;
+      })), e = u;
     },
-    calculateScrollOffset: (u, a) => {
-      const p = u && e.has(u) ? e.get(u) : { x: 0, y: 0 }, c = a && e.has(a) ? e.get(a) : { x: 0, y: 0 };
+    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 };
       return {
-        x: -c.x + p.x,
-        y: -c.y + p.y
+        x: -l.x + g.x,
+        y: -l.y + g.y
       };
     },
     getScrollContainer: () => n,
-    getPositionedParentElement: () => t ? Q(t) : document.body,
-    getScrollPosition: (u) => u && e.has(u) ? e.get(u) : { x: 0, y: 0 }
+    getPositionedParentElement: () => t ? ut(t) : document.body,
+    getScrollPosition: (h) => h && i.has(h) ? i.get(h) : { x: 0, y: 0 }
   };
 }
-function x(n, t) {
+function P(n, t) {
   if (t === "*")
     return !0;
   if (t.endsWith("/*")) {
-    const e = t.slice(0, -2);
-    return n === e || n.startsWith(e + "/");
+    const i = t.slice(0, -2);
+    return n === i || n.startsWith(i + "/");
   }
   return n === t;
 }
-function tt(n, t, e) {
-  for (const i of e)
-    if (x(n, i.from) && x(t, i.to))
-      return i.transition;
-  for (const i of e)
-    if ((i.from === "*" || x(n, i.from)) && (i.to === "*" || x(t, i.to)))
-      return i.transition;
+function mt(n, t, i) {
+  for (const e of i)
+    if (P(n, e.from) && P(t, e.to))
+      return e.transition;
+  for (const e of i)
+    if ((e.from === "*" || P(n, e.from)) && (e.to === "*" || P(t, e.to)))
+      return e.transition;
   return null;
 }
-function ot(n) {
+function pt(n) {
   const {
     transitions: t = [],
-    defaultTransition: e,
-    middleware: i = (f, y) => ({ from: f, to: y }),
+    defaultTransition: i,
+    middleware: e = (f, y) => ({ from: f, to: y }),
     // Identity function as default
-    skipOnIosSwipe: r = !0
+    skipOnIosSwipe: o = !0
     // Default to true - skip animations on iOS swipe
   } = n;
-  let o = null;
-  const s = q(t), {
-    initializeContext: d,
-    calculateScrollOffset: l,
-    getScrollContainer: h,
-    getPositionedParentElement: u,
-    getScrollPosition: a
-  } = Z(), p = G(r);
-  p.initialize();
-  function c() {
-    if (o != null && o.from && (o != null && o.to)) {
-      const { from: f, to: y } = i(
-        o.from,
-        o.to
-      ), T = tt(
+  let r = null;
+  const s = ct(t), {
+    initializeContext: a,
+    calculateScrollOffset: c,
+    getScrollContainer: m,
+    getPositionedParentElement: h,
+    getScrollPosition: u
+  } = ft(), g = at(o);
+  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(
         f,
         y,
         s
-      ) || e, C = l(
-        o.from,
-        o.to
+      ) || i, A = c(
+        r.from,
+        r.to
       ), v = {
-        scrollOffset: C,
-        scroll: a(o.from),
+        scrollOffset: A,
+        scroll: u(r.from),
         get scrollingElement() {
-          return h() || document.documentElement;
+          return m() || document.documentElement;
         },
         get positionedParent() {
-          return u();
+          return h();
         }
-      }, b = {
-        scrollOffset: C,
+      }, T = {
+        scrollOffset: A,
         get scroll() {
-          return o ? a(o.to) : { x: 0, y: 0 };
+          return r ? u(r.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
-          return h() || document.documentElement;
+          return m() || document.documentElement;
         },
         get positionedParent() {
-          return u();
+          return h();
         }
       };
-      T && (T.out && o.outResolve && o.outResolve(
-        (E) => T.out(E, v)
-      ), T.in && o.inResolve && o.inResolve(
-        (E) => T.in(E, b)
-      )), o = null;
+      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;
     }
   }
-  const g = async (f, y) => p.isSwipePending() ? () => ({}) : y === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), y === "out" ? (o.from = f, new Promise((S) => {
-    o.outResolve = S, c();
-  })) : (o.to = f, new Promise((S) => {
-    o.inResolve = S, c();
+  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();
   })));
   return (f) => ({
     key: f,
-    in: async (y) => (d(y, f), (await g(f, "in"))(y)),
-    out: async (y) => (await g(f, "out"))(y),
+    in: async (y) => (a(y, f), (await w(f, "in"))(y)),
+    out: async (y) => (await w(f, "out"))(y),
     // Add page transition strategy for page-level transitions
-    [U]: N
+    [X]: it
   });
 }
 export {
-  U as TRANSITION_STRATEGY,
-  H as createDefaultStrategy,
-  N as createPageTransitionStrategy,
-  ot as createSggoiTransitionContext,
-  K as generateAutoKey,
-  V as isMultiSpring,
-  at as isSingleSpring,
-  lt as jaeminInternal,
-  nt as transition
+  X as TRANSITION_STRATEGY,
+  tt as createDefaultStrategy,
+  it as createPageTransitionStrategy,
+  pt as createSggoiTransitionContext,
+  st as generateAutoKey,
+  vt as isCssAnimation,
+  M as isMultiSpring,
+  St as isSingleSpring,
+  Ct as isTickAnimation,
+  At as jaeminInternal,
+  gt as transition,
+  Et as validateAnimationMode
 };