@ssgoi/core 4.1.0 → 4.2.0

package/dist/index.js

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