@ssgoi/core 3.1.4 → 3.2.0

package/dist/index.js

@@ -1,38 +1,38 @@
-var K = Object.defineProperty;
-var U = (n, e, t) => e in n ? K(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var d = (n, e, t) => U(n, typeof e != "symbol" ? e + "" : e, t);
-import { normalizeToMultiSpring as V, normalizeMultiSpringSchedule as F } from "./types.js";
-import { isCssAnimation as Vt, isMultiSpring as bt, isSingleSpring as kt, isTickAnimation as Rt, validateAnimationMode as It, validateSpringItem as Pt } from "./types.js";
-import { j as Mt } from "./jaemin-BWkrXq0V.js";
-class G {
+var et = Object.defineProperty;
+var nt = (i, e, t) => e in i ? et(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var m = (i, e, t) => nt(i, typeof e != "symbol" ? e + "" : e, t);
+import { normalizeToMultiSpring as I, normalizeMultiSpringSchedule as H } from "./types.js";
+import { isCssAnimation as Nt, isMultiSpring as Ht, isSingleSpring as qt, isTickAnimation as Yt, validateAnimationMode as Ut, validateSpringItem as Wt } from "./types.js";
+import { j as $t } from "./jaemin-BWkrXq0V.js";
+class it {
   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", () => {
+    m(this, "nextTime", this.gap);
+    m(this, "tick", () => {
       const e = Date.now();
-      let i = e - this.lastUpdate;
-      i > this.lagThreshold || i < 0 ? (this.startTime += i - this.adjustedLag, i = this.adjustedLag) : i > this.maxDeltaTime && (i = this.maxDeltaTime), this.lastUpdate = e;
-      const r = e - 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);
+      let n = e - this.lastUpdate;
+      n > this.lagThreshold || n < 0 ? (this.startTime += n - this.adjustedLag, n = this.adjustedLag) : n > this.maxDeltaTime && (n = this.maxDeltaTime), this.lastUpdate = e;
+      const r = e - this.startTime, s = r - this.nextTime;
+      if (s > 0) {
+        const a = n / 1e3;
+        this.elapsed = r / 1e3, this.nextTime += s + (s >= this.gap ? 4 : this.gap - s), this.listeners.forEach((o) => {
+          o(a, this.elapsed);
         });
       }
       this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -68,189 +68,189 @@ class G {
     return this.elapsed;
   }
 }
-const x = new G();
-function z(n) {
-  const e = n.stiffness, t = n.damping, i = 1, r = Math.sqrt(e / i), o = t / (2 * Math.sqrt(e * i));
-  return { omega: r, zeta: o };
+const z = new it();
+function W(i) {
+  const e = i.stiffness, t = i.damping, n = 1, r = Math.sqrt(e / n), s = t / (2 * Math.sqrt(e * n));
+  return { omega: r, zeta: s };
 }
-function q(n, e, t, i) {
-  const { omega: r, zeta: o } = t, { position: c, velocity: a } = n, s = Math.min(i, 0.033), l = -2 * s * o * r * a, f = s * r * r * (e - c), w = a + l + f;
+function X(i, e, t, n) {
+  const { omega: r, zeta: s } = t, { position: a, velocity: o } = i, c = Math.min(n, 0.033), u = -2 * c * s * r * o, f = c * r * r * (e - a), h = o + u + f;
   return {
-    position: c + s * w,
-    velocity: w
+    position: a + c * h,
+    velocity: h
   };
 }
-const B = 0.01, J = 0.01, H = 0.05;
-function N(n, e) {
-  const t = Math.abs(e - n.position), i = Math.abs(n.velocity);
-  return t < B && i < J;
+const ot = 0.01, rt = 0.01, $ = 0.05;
+function j(i, e) {
+  const t = Math.abs(e - i.position), n = Math.abs(i.velocity);
+  return t < ot && n < rt;
 }
-function Q(n) {
+function st(i) {
   const {
     from: e,
     to: t,
-    spring: i,
+    spring: n,
     velocity: r = 0,
-    onUpdate: o,
-    onComplete: c,
-    onStart: a
-  } = n;
-  let s = { position: e, velocity: r }, l = !0, f = 0, w = !1;
-  const u = z(i), h = (p) => {
-    if (l) {
-      if (w || (w = !0, a == null || a()), s = q(s, t, u, p), N(s, t)) {
-        if (f += Math.min(p, 0.033), f >= H) {
-          s = { position: t, velocity: 0 }, l = !1, o(s.position), x.unsubscribe(h), c();
+    onUpdate: s,
+    onComplete: a,
+    onStart: o
+  } = i;
+  let c = { position: e, velocity: r }, u = !0, f = 0, h = !1;
+  const y = W(n), v = (l) => {
+    if (u) {
+      if (h || (h = !0, o == null || o()), c = X(c, t, y, l), j(c, t)) {
+        if (f += Math.min(l, 0.033), f >= $) {
+          c = { position: t, velocity: 0 }, u = !1, s(c.position), z.unsubscribe(v), a();
           return;
         }
       } else
         f = 0;
-      o(s.position);
+      s(c.position);
     }
   };
-  return x.subscribe(h), {
+  return z.subscribe(v), {
     stop: () => {
-      l && (l = !1, x.unsubscribe(h));
+      u && (u = !1, z.unsubscribe(v));
     },
-    getPosition: () => s.position,
-    getVelocity: () => s.velocity,
-    isRunning: () => l
+    getPosition: () => c.position,
+    getVelocity: () => c.velocity,
+    isRunning: () => u
   };
 }
-const b = 1e3 / 60;
-function Z(n, e, t, i = 0) {
-  const r = z(t), o = 600;
-  let c = { position: n, velocity: i }, a = 0;
-  const s = [];
-  for (let l = 0; l < o; l++) {
-    const f = l * b;
-    if (s.push({
+const M = 1e3 / 60;
+function ct(i, e, t, n = 0) {
+  const r = W(t), s = 600;
+  let a = { position: i, velocity: n }, o = 0;
+  const c = [];
+  for (let u = 0; u < s; u++) {
+    const f = u * M;
+    if (c.push({
       time: f,
-      position: c.position,
-      velocity: c.velocity
-    }), c = q(c, e, r, b / 1e3), N(c, e)) {
-      if (a += b / 1e3, a >= H) {
-        s.push({
-          time: (l + 1) * b,
+      position: a.position,
+      velocity: a.velocity
+    }), a = X(a, e, r, M / 1e3), j(a, e)) {
+      if (o += M / 1e3, o >= $) {
+        c.push({
+          time: (u + 1) * M,
           position: e,
           velocity: 0
         });
         break;
       }
     } else
-      a = 0;
+      o = 0;
   }
-  return s;
+  return c;
 }
-function D(n, e) {
-  if (n.length === 0)
+function q(i, e) {
+  if (i.length === 0)
     return { position: 0, velocity: 0 };
-  const t = n[0], i = n[n.length - 1];
+  const t = i[0], n = i[i.length - 1];
   if (e <= 0)
     return { position: t.position, velocity: t.velocity };
-  if (e >= i.time)
-    return { position: i.position, velocity: i.velocity };
-  let r = 0, o = n.length - 1;
-  for (; r < o - 1; ) {
-    const l = Math.floor((r + o) / 2);
-    n[l].time <= e ? r = l : o = l;
-  }
-  const c = n[r], a = n[o], s = (e - c.time) / (a.time - c.time);
+  if (e >= n.time)
+    return { position: n.position, velocity: n.velocity };
+  let r = 0, s = i.length - 1;
+  for (; r < s - 1; ) {
+    const u = Math.floor((r + s) / 2);
+    i[u].time <= e ? r = u : s = u;
+  }
+  const a = i[r], o = i[s], c = (e - a.time) / (o.time - a.time);
   return {
-    position: c.position + (a.position - c.position) * s,
-    velocity: c.velocity + (a.velocity - c.velocity) * s
+    position: a.position + (o.position - a.position) * c,
+    velocity: a.velocity + (o.velocity - a.velocity) * c
   };
 }
-function tt(n, e) {
-  return n.map((t) => e(t.position));
+function at(i, e) {
+  return i.map((t) => e(t.position));
 }
-function et(n) {
+function lt(i) {
   const {
     element: e,
     from: t,
-    to: i,
+    to: n,
     spring: r,
-    velocity: o = 0,
-    style: c,
-    onComplete: a,
-    onStart: s
-  } = n, l = Z(t, i, r, o);
-  if (l.length === 0)
-    return s == null || s(), a(), {
+    velocity: s = 0,
+    style: a,
+    onComplete: o,
+    onStart: c
+  } = i, u = ct(t, n, r, s);
+  if (u.length === 0)
+    return c == null || c(), o(), {
       stop: () => {
       },
-      getPosition: () => i,
+      getPosition: () => n,
       getVelocity: () => 0,
       isRunning: () => !1
     };
-  const f = tt(l, c), w = l[l.length - 1], u = w.time, h = e.animate(f, {
-    duration: u,
+  const f = at(u, a), h = u[u.length - 1], y = h.time, v = e.animate(f, {
+    duration: y,
     fill: "forwards",
     easing: "linear"
     // Spring physics already applied in keyframes
   });
-  let p = !0;
-  const S = performance.now();
-  return s == null || s(), h.onfinish = () => {
-    p && (p = !1, a());
+  let l = !0;
+  const d = performance.now();
+  return c == null || c(), v.onfinish = () => {
+    l && (l = !1, o());
   }, {
     stop: () => {
-      p && (p = !1, h.cancel());
+      l && (l = !1, v.cancel());
     },
     getPosition: () => {
-      if (!p)
-        return w.position;
-      const y = performance.now() - S;
-      return D(l, y).position;
+      if (!l)
+        return h.position;
+      const A = performance.now() - d;
+      return q(u, A).position;
     },
     getVelocity: () => {
-      if (!p)
+      if (!l)
         return 0;
-      const y = performance.now() - S;
-      return D(l, y).velocity;
+      const A = performance.now() - d;
+      return q(u, A).velocity;
     },
-    isRunning: () => p
+    isRunning: () => l
   };
 }
-function it(n) {
-  const { from: e, to: t, spring: i, velocity: r, onComplete: o, onStart: c, tick: a, css: s } = n;
-  if (a && s)
+function ut(i) {
+  const { from: e, to: t, spring: n, velocity: r, onComplete: s, onStart: a, tick: o, css: c } = i;
+  if (o && c)
     throw new Error("Cannot use both 'tick' and 'css' options together");
-  return !a && !s ? (c == null || c(), o(), {
+  return !o && !c ? (a == null || a(), s(), {
     stop: () => {
     },
     getPosition: () => t,
     getVelocity: () => 0,
     isRunning: () => !1
-  }) : s ? et({
-    element: s.element,
+  }) : c ? lt({
+    element: c.element,
     from: e,
     to: t,
-    spring: i,
+    spring: n,
     velocity: r,
-    style: s.style,
-    onComplete: o,
-    onStart: c
-  }) : Q({
+    style: c.style,
+    onComplete: s,
+    onStart: a
+  }) : st({
     from: e,
     to: t,
-    spring: i,
+    spring: n,
     velocity: r,
-    onUpdate: a,
-    onComplete: o,
-    onStart: c
+    onUpdate: o,
+    onComplete: s,
+    onStart: a
   });
 }
-class Y {
+class K {
 }
-class I extends Y {
+class F extends K {
   constructor(t) {
     super();
-    d(this, "options");
-    d(this, "controls", null);
-    d(this, "isAnimating", !1);
-    d(this, "currentValue");
-    d(this, "currentVelocity", 0);
+    m(this, "options");
+    m(this, "controls", null);
+    m(this, "isAnimating", !1);
+    m(this, "currentValue");
+    m(this, "currentVelocity", 0);
     if (t.tick && t.css)
       throw new Error("Cannot use both 'tick' and 'css' options together");
     this.options = {
@@ -265,7 +265,7 @@ class I extends Y {
     }, this.currentValue = this.options.from;
   }
   runAnimation(t) {
-    this.isAnimating = !0, this.controls = it({
+    this.isAnimating = !0, this.controls = ut({
       from: this.currentValue,
       to: t,
       spring: this.options.spring,
@@ -319,24 +319,24 @@ class I extends Y {
   updateOptions(t) {
     this.options = { ...this.options, ...t };
   }
-  static fromState(t, i) {
-    const r = new I(i);
+  static fromState(t, n) {
+    const r = new F(n);
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-class P extends Y {
+class L extends K {
   constructor(t) {
     super();
-    d(this, "config");
-    d(this, "animators", /* @__PURE__ */ new Map());
-    d(this, "springOrder", []);
-    d(this, "completedCount", 0);
-    d(this, "completedAnimators", /* @__PURE__ */ new Set());
-    d(this, "direction", "forward");
-    d(this, "idCounter", 0);
-    d(this, "rafId", null);
-    d(this, "from");
-    d(this, "to");
+    m(this, "config");
+    m(this, "animators", /* @__PURE__ */ new Map());
+    m(this, "springOrder", []);
+    m(this, "completedCount", 0);
+    m(this, "completedAnimators", /* @__PURE__ */ new Set());
+    m(this, "direction", "forward");
+    m(this, "idCounter", 0);
+    m(this, "rafId", null);
+    m(this, "from");
+    m(this, "to");
     this.config = t.config, this.from = t.from, this.to = t.to, this.initializeAnimators();
   }
   generateId() {
@@ -344,21 +344,21 @@ class P extends Y {
   }
   initializeAnimators() {
     this.config.springs.forEach((t) => {
-      const i = this.generateId(), r = new I({
+      const n = this.generateId(), r = new F({
         from: this.from,
         to: this.to,
         spring: t.spring,
         tick: t.tick,
         css: t.css,
-        onComplete: () => this.onAnimatorComplete(i),
+        onComplete: () => this.onAnimatorComplete(n),
         onStart: t.onStart
       });
-      this.animators.set(i, {
-        id: i,
+      this.animators.set(n, {
+        id: n,
         item: t,
         animator: r,
         started: !1
-      }), this.springOrder.push(i);
+      }), this.springOrder.push(n);
     });
   }
   /**
@@ -366,8 +366,8 @@ class P extends Y {
    * Progress = |position - from| / |to - from|
    */
   getAnimatorProgress(t) {
-    const i = t.animator.getCurrentState(), r = Math.abs(i.to - i.from);
-    return r === 0 ? 1 : Math.abs(i.position - i.from) / r;
+    const n = t.animator.getCurrentState(), r = Math.abs(n.to - n.from);
+    return r === 0 ? 1 : Math.abs(n.position - n.from) / r;
   }
   /**
    * Get order of springs based on direction
@@ -378,9 +378,9 @@ class P extends Y {
     return this.direction === "forward" ? this.springOrder : [...this.springOrder].reverse();
   }
   onAnimatorComplete(t) {
-    var r, o, c, a, s, l;
-    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.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (l = (s = this.config).onEnd) == null || l.call(s)));
+    var r, s, a, o, c, u;
+    const n = this.animators.get(t);
+    !n || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (s = (r = n.item).onComplete) == null || s.call(r), (o = (a = this.config).onProgress) == null || o.call(a, this.completedCount, this.config.springs.length), this.completedCount === this.config.springs.length && (this.stopScheduler(), (u = (c = this.config).onEnd) == null || u.call(c)));
   }
   /**
    * Check and start springs based on previous spring's progress
@@ -388,22 +388,22 @@ class P extends Y {
    */
   checkAndStartSprings() {
     const t = this.getOrderedIds();
-    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) {
+    for (let n = 0; n < t.length; n++) {
+      const r = t[n], s = this.animators.get(r);
+      if (!s || s.started) continue;
+      if (n === 0) {
         this.startAnimator(r);
         continue;
       }
-      const c = t[i - 1], a = this.animators.get(c);
-      if (!a || !a.started) continue;
-      const s = this.getAnimatorProgress(a), l = o.item.normalizedOffset;
-      s >= l && this.startAnimator(r);
+      const a = t[n - 1], o = this.animators.get(a);
+      if (!o || !o.started) continue;
+      const c = this.getAnimatorProgress(o), u = s.item.normalizedOffset;
+      c >= u && this.startAnimator(r);
     }
   }
   startAnimator(t) {
-    const i = this.animators.get(t);
-    !i || i.started || (i.started = !0, this.direction === "forward" ? i.animator.forward() : i.animator.backward());
+    const n = this.animators.get(t);
+    !n || n.started || (n.started = !0, this.direction === "forward" ? n.animator.forward() : n.animator.backward());
   }
   /**
    * Start the scheduler loop that checks spring progress
@@ -418,17 +418,17 @@ class P extends Y {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
   }
   getFirstAnimator() {
-    var i;
+    var n;
     const t = this.springOrder[0];
-    return t ? ((i = this.animators.get(t)) == null ? void 0 : i.animator) ?? null : null;
+    return t ? ((n = this.animators.get(t)) == null ? void 0 : n.animator) ?? null : null;
   }
   forward() {
-    var t, i;
-    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
+    var t, n;
+    this.stop(), this.direction = "forward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (n = (t = this.config).onStart) == null || n.call(t), this.startScheduler();
   }
   backward() {
-    var t, i;
-    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (i = (t = this.config).onStart) == null || i.call(t), this.startScheduler();
+    var t, n;
+    this.stop(), this.direction = "backward", this.completedCount = 0, this.completedAnimators.clear(), this.resetStartedFlags(), (n = (t = this.config).onStart) == null || n.call(t), this.startScheduler();
   }
   resetStartedFlags() {
     this.animators.forEach((t) => {
@@ -444,9 +444,9 @@ class P extends Y {
     this.direction = this.direction === "forward" ? "backward" : "forward", this.animators.forEach((t) => {
       if (!t.started)
         return;
-      const i = t.animator.getCurrentState();
-      if (i.position === i.to) {
-        const o = I.fromState(
+      const n = t.animator.getCurrentState();
+      if (n.position === n.to) {
+        const s = F.fromState(
           { position: this.to, velocity: 0 },
           {
             from: this.to,
@@ -458,7 +458,7 @@ class P extends Y {
             onStart: t.item.onStart
           }
         );
-        o.forward(), t.animator = o;
+        s.forward(), t.animator = s;
       } else
         t.animator.reverse();
     });
@@ -491,16 +491,16 @@ class P extends Y {
    * TODO: Support per-spring control
    */
   setValue(t) {
-    const i = this.getFirstAnimator();
-    i == null || i.setValue(t);
+    const n = this.getFirstAnimator();
+    n == null || n.setValue(t);
   }
   /**
    * Set velocity on first animator
    * TODO: Support per-spring control
    */
   setVelocity(t) {
-    const i = this.getFirstAnimator();
-    i == null || i.setVelocity(t);
+    const n = this.getFirstAnimator();
+    n == null || n.setVelocity(t);
   }
   /**
    * Check if any animation is currently running
@@ -515,20 +515,20 @@ class P extends Y {
    * Create MultiAnimator from existing state
    * Uses first animator's state for initialization
    */
-  static fromState(t, i) {
-    const r = new P(i);
+  static fromState(t, n) {
+    const r = new L(n);
     return r.setValue(t.position), r.setVelocity(t.velocity), r;
   }
 }
-const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
+const G = Symbol.for("TRANSITION_STRATEGY"), ft = (i) => ({
   runIn: async (e) => {
-    const { currentAnimation: t } = n;
+    const { currentAnimation: t } = i;
     if (t && t.direction === "out") {
-      const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
+      const r = t.controller.getCurrentValue(), s = t.controller.getVelocity();
       if (t.controller.stop(), e.out)
         return {
           config: await e.out,
-          state: { position: r, velocity: o },
+          state: { position: r, velocity: s },
           from: 1,
           to: 0,
           direction: "backward"
@@ -555,13 +555,13 @@ const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
     };
   },
   runOut: async (e) => {
-    const { currentAnimation: t } = n;
+    const { currentAnimation: t } = i;
     if (t && t.direction === "in") {
-      const r = t.controller.getCurrentValue(), o = t.controller.getVelocity();
+      const r = t.controller.getCurrentValue(), s = t.controller.getVelocity();
       if (t.controller.stop(), e.in)
         return {
           config: await e.in,
-          state: { position: r, velocity: o },
+          state: { position: r, velocity: s },
           from: 0,
           to: 1,
           direction: "backward"
@@ -587,9 +587,9 @@ const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
       direction: "forward"
     };
   }
-}), ot = () => ({
-  runIn: async (n) => n.in ? {
-    config: await n.in,
+}), dt = () => ({
+  runIn: async (i) => i.in ? {
+    config: await i.in,
     state: {
       position: 0,
       velocity: 0
@@ -606,8 +606,8 @@ const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
     to: 1,
     direction: "forward"
   },
-  runOut: async (n) => n.out ? {
-    config: await n.out,
+  runOut: async (i) => i.out ? {
+    config: await i.out,
     state: {
       position: 1,
       velocity: 0
@@ -624,226 +624,283 @@ const X = Symbol.for("TRANSITION_STRATEGY"), nt = (n) => ({
     to: 0,
     direction: "forward"
   }
-}), $ = "data-ssgoi-scope", j = "data-ssgoi-scope-ready";
-function vt() {
-  return (n) => {
-    if (n)
-      return n.setAttribute($, ""), queueMicrotask(() => {
+}), B = "data-ssgoi-scope", J = "data-ssgoi-scope-ready";
+function Pt() {
+  return (i) => {
+    if (i)
+      return i.setAttribute(B, ""), queueMicrotask(() => {
         queueMicrotask(() => {
-          n.setAttribute(j, "true");
+          i.setAttribute(J, "true");
         });
       }), () => {
       };
   };
 }
-function rt(n) {
-  return n.hasAttribute(j);
+function mt(i) {
+  return i.hasAttribute(J);
 }
-function st(n) {
-  return n.closest(`[${$}]`);
+function ht(i) {
+  return i.closest(`[${B}]`);
 }
-function ct(n, e) {
-  var w;
-  let t = null, i = null, r = null, o = null;
-  const c = {
+function gt(i, e) {
+  var v;
+  let t = null, n = null, r = null, s = null;
+  const a = {
     get currentAnimation() {
       return t;
     }
-  }, a = ((w = e == null ? void 0 : e.strategy) == null ? void 0 : w.call(e, c)) || nt(c), s = async (u) => {
+  }, o = ((v = e == null ? void 0 : e.strategy) == null ? void 0 : v.call(e, a)) || ft(a), c = async (l) => {
     var E;
-    i && (i.remove(), i = null);
-    const h = n(), p = h.in && h.in(u), S = !(e != null && e.strategy) && h.out ? h.out(u) : void 0;
-    if (!p)
+    n && (n.remove(), n = null);
+    const d = i(), A = d.in && d.in(l), k = !(e != null && e.strategy) && d.out ? d.out(l) : void 0;
+    if (!A)
       return;
-    const y = {
-      in: V(p),
-      out: S ? V(S) : void 0
-    }, m = await a.runIn(y);
-    if (!m.config) {
+    const V = {
+      in: I(A),
+      out: k ? I(k) : void 0
+    }, S = await o.runIn(V);
+    if (!S.config) {
       t && (t.direction = "in");
       return;
     }
-    const g = m.config;
-    (E = g.prepare) == null || E.call(g, u), g.wait && await g.wait();
-    const C = F(
+    const p = S.config;
+    (E = p.prepare) == null || E.call(p, l), p.wait && await p.wait();
+    const w = H(
       {
-        ...g,
+        ...p,
         onEnd: () => {
-          var A;
-          t = null, (A = g.onEnd) == null || A.call(g);
+          var C;
+          t = null, (C = p.onEnd) == null || C.call(p);
         }
       },
-      u
-    ), v = P.fromState(m.state, {
-      config: C,
-      from: m.from,
-      to: m.to
+      l
+    ), g = L.fromState(S.state, {
+      config: w,
+      from: S.from,
+      to: S.to
     });
-    t = { controller: v, direction: "in" }, m.direction === "forward" ? v.forward() : v.backward();
-  }, l = async (u) => {
-    var A;
-    i = u;
-    const h = n(), p = !(e != null && e.strategy) && h.in ? h.in(u) : void 0, S = h.out && h.out(u);
-    if (!S)
+    t = { controller: g, direction: "in" }, S.direction === "forward" ? g.forward() : g.backward();
+  }, u = async (l) => {
+    var C;
+    n = l;
+    const d = i(), A = !(e != null && e.strategy) && d.in ? d.in(l) : void 0, k = d.out && d.out(l);
+    if (!k)
       return;
-    const y = {
-      in: p ? V(p) : void 0,
-      out: V(S)
-    }, m = await a.runOut(y);
-    if (!m.config) {
-      t && (t.direction = "out"), i && (i.remove(), i = null);
+    const V = {
+      in: A ? I(A) : void 0,
+      out: I(k)
+    }, S = await o.runOut(V);
+    if (!S.config) {
+      t && (t.direction = "out"), n && (n.remove(), n = null);
       return;
     }
-    const g = m.config;
-    (A = g.prepare) == null || A.call(g, u), E(), g.wait && await g.wait();
-    const C = F(
+    const p = S.config;
+    (C = p.prepare) == null || C.call(p, l), E(), p.wait && await p.wait();
+    const w = H(
       {
-        ...g,
+        ...p,
         onEnd: () => {
-          var T, O;
-          (T = g.onEnd) == null || T.call(g), i && (i.remove(), i = null), t = null, (O = e == null ? void 0 : e.onCleanupEnd) == null || O.call(e);
+          var R, P;
+          (R = p.onEnd) == null || R.call(p), n && (n.remove(), n = null), t = null, (P = e == null ? void 0 : e.onCleanupEnd) == null || P.call(e);
         }
       },
-      u
-    ), v = P.fromState(m.state, {
-      config: C,
-      from: m.from,
-      to: m.to
+      l
+    ), g = L.fromState(S.state, {
+      config: w,
+      from: S.from,
+      to: S.to
     });
-    t = { controller: v, direction: "out" }, m.direction === "forward" ? v.forward() : v.backward();
+    t = { controller: g, direction: "out" }, S.direction === "forward" ? g.forward() : g.backward();
     function E() {
-      !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
+      !r || !n || (s && r.contains(s) ? r.insertBefore(n, s) : r.appendChild(n));
     }
   };
-  let f = null;
-  return (u) => {
-    if (u)
-      return r = u.parentElement, o = u.nextElementSibling, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
-        f = st(u), !(f && !rt(f)) && s(u);
-      }) : s(u), () => {
-        const h = u.isConnected ? u.cloneNode(!0) : u;
-        f ? queueMicrotask(() => {
-          document.contains(f) && l(h);
-        }) : l(h);
-      };
+  let f = null, h = !1;
+  const y = (l) => () => {
+    if (h) return;
+    h = !0;
+    const d = l.cloneNode(!0);
+    f ? queueMicrotask(() => {
+      document.contains(f) && u(d);
+    }) : u(d);
+  };
+  return (l) => {
+    if (l)
+      return r = l.parentElement, s = l.nextElementSibling, h = !1, (e == null ? void 0 : e.scope) === "local" ? queueMicrotask(() => {
+        f = ht(l), !(f && !mt(f)) && c(l);
+      }) : c(l), y(l);
   };
 }
-const at = 3, lt = (n) => {
-  if (!n) return null;
-  const e = n.split(`
+const pt = 3, wt = (i) => {
+  if (!i) return null;
+  const e = i.split(`
 `).map((t) => t.trim());
-  for (let t = at; t < Math.min(e.length, 6); t++) {
-    const i = e[t], r = i == null ? void 0 : i.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
+  for (let t = pt; t < Math.min(e.length, 6); t++) {
+    const n = e[t], r = n == null ? void 0 : n.match(/\(?([^):]+):(\d+):(\d+)\)?$/);
     if (!r)
       continue;
-    const o = r[1] ?? "", c = r[2] ?? "0", a = r[3] ?? "0";
-    return { file: o.split(/[\\/]/).pop() || o, line: c, column: a };
+    const s = r[1] ?? "", a = r[2] ?? "0", o = r[3] ?? "0";
+    return { file: s.split(/[\\/]/).pop() || s, line: a, column: o };
   }
   return null;
-}, R = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
-function ut(n, e, t) {
-  R.set(n, e);
-  let i = M.get(n);
-  if (i)
-    return i;
+}, O = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map();
+function yt(i, e, t) {
+  O.set(i, e);
+  let n = _.get(i);
+  if (n)
+    return n;
   const r = e;
-  return i = ct(
+  return n = gt(
     () => {
-      const o = R.get(n);
-      return o || (console.warn(`Transition "${String(n)}" not found`), {});
+      const s = O.get(i);
+      return s || (console.warn(`Transition "${String(i)}" not found`), {});
     },
     {
       strategy: t == null ? void 0 : t.strategy,
       scope: t == null ? void 0 : t.scope,
       onCleanupEnd: () => {
-        R.get(n) === r && W(n);
+        O.get(i) === r && Q(i);
       }
     }
-  ), M.set(n, i), i;
+  ), _.set(i, n), n;
 }
-function W(n) {
-  R.delete(n), M.delete(n);
+function Q(i) {
+  O.delete(i), _.delete(i);
 }
-function ft() {
-  const n = lt(new Error().stack);
-  return n ? `auto_${n.file}_${n.line}_${n.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
+function vt() {
+  const i = wt(new Error().stack);
+  return i ? `auto_${i.file}_${i.line}_${i.column}` : Symbol(`ssgoi_auto_${Date.now()}`);
 }
-const L = globalThis.FinalizationRegistry, _ = L ? (
+const Y = globalThis.FinalizationRegistry, U = Y ? (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  new L((n) => {
+  new Y((i) => {
     try {
-      W(n);
+      Q(i);
     } catch {
     }
   })
 ) : void 0;
-function Ct(n) {
-  const e = n.key ?? ft();
-  if (n.ref && _)
+function It(i) {
+  const e = i.key ?? vt();
+  if (i.ref && U)
     try {
-      _.register(n.ref, e);
+      U.register(i.ref, e);
     } catch {
     }
-  return ut(
+  return yt(
     e,
     {
-      in: n.in,
-      out: n.out
+      in: i.in,
+      out: i.out
     },
     {
-      strategy: n[X],
-      scope: n.scope
+      strategy: i[G],
+      scope: i.scope
     }
   );
 }
-function dt(n) {
-  const e = n.filter((t) => t.symmetric).map((t) => ({
+const b = /* @__PURE__ */ new Map();
+let T = null, N = !1;
+function Z(i) {
+  if (i instanceof HTMLElement && b.has(i)) {
+    const t = b.get(i);
+    b.delete(i), queueMicrotask(() => {
+      t();
+    });
+  }
+  const e = i.childNodes;
+  for (let t = 0; t < e.length; t++) {
+    const n = e[t];
+    n && Z(n);
+  }
+}
+function St() {
+  N || typeof document > "u" || (N = !0, T = new MutationObserver((i) => {
+    for (const e of i) {
+      const t = e.removedNodes;
+      for (let n = 0; n < t.length; n++) {
+        const r = t[n];
+        r && Z(r);
+      }
+    }
+  }), document.body ? T.observe(document.body, {
+    childList: !0,
+    subtree: !0
+  }) : document.addEventListener(
+    "DOMContentLoaded",
+    () => {
+      T == null || T.observe(document.body, {
+        childList: !0,
+        subtree: !0
+      });
+    },
+    { once: !0 }
+  ));
+}
+function Mt(i, e) {
+  St(), b.set(i, e);
+}
+function xt(i) {
+  return b.has(i);
+}
+function Ot() {
+  return b.size;
+}
+function Ft(i) {
+  const e = b.get(i);
+  return e ? (b.delete(i), e(), !0) : !1;
+}
+function Lt() {
+  b.clear(), T == null || T.disconnect(), T = null, N = !1;
+}
+function Ct(i) {
+  const e = i.filter((t) => t.symmetric).map((t) => ({
     from: t.to,
     to: t.from,
     transition: t.transition
   }));
-  return [...n, ...e];
-}
-function mt(n) {
-  let e = !1, t = 0, i = 0, r = !1;
-  const o = 50, c = (p) => {
-    if (!n) return;
-    const S = p.touches[0];
-    S && (r = S.clientX < o, r && (t = S.clientX, i = S.clientY));
-  }, a = (p) => {
-    if (!n || !r) return;
-    const S = p.touches[0];
-    if (!S) return;
-    const y = S.clientX - t, m = S.clientY - i;
-    y > window.outerWidth / 2 - 5 && Math.abs(y) > Math.abs(m) ? e = !0 : e = !1;
-  }, s = () => {
-    n && (r = !1, t = 0, i = 0);
-  }, l = () => e, f = () => {
-    typeof window > "u" || n && (window.addEventListener("touchstart", c, { passive: !0 }), window.addEventListener("touchmove", a, { passive: !0 }), window.addEventListener("touchend", s, { passive: !0 }));
-  }, w = () => {
-    typeof window > "u" || (window.removeEventListener("touchstart", c), window.removeEventListener("touchmove", a), window.removeEventListener("touchend", s));
+  return [...i, ...e];
+}
+function At(i) {
+  let e = !1, t = 0, n = 0, r = !1;
+  const s = 50, a = (l) => {
+    if (!i) return;
+    const d = l.touches[0];
+    d && (r = d.clientX < s, r && (t = d.clientX, n = d.clientY));
+  }, o = (l) => {
+    if (!i || !r) return;
+    const d = l.touches[0];
+    if (!d) return;
+    const A = d.clientX - t, k = d.clientY - n;
+    A > window.outerWidth / 2 - 5 && Math.abs(A) > Math.abs(k) ? e = !0 : e = !1;
+  }, c = () => {
+    i && (r = !1, t = 0, n = 0);
+  }, u = () => e, f = () => {
+    typeof window > "u" || i && (window.addEventListener("touchstart", a, { passive: !0 }), window.addEventListener("touchmove", o, { passive: !0 }), window.addEventListener("touchend", c, { passive: !0 }));
+  }, h = () => {
+    typeof window > "u" || (window.removeEventListener("touchstart", a), window.removeEventListener("touchmove", o), window.removeEventListener("touchend", c));
   };
-  let u = 0;
+  let y = 0;
   return {
     initialize: f,
-    cleanup: w,
-    isSwipePending: l,
+    cleanup: h,
+    isSwipePending: u,
     resetSwipeDetection: () => {
-      u++, u > 1 && (u = 0, e = !1);
+      y++, y > 1 && (y = 0, e = !1);
     }
   };
 }
-const ht = (n) => {
-  let e = n.parentElement;
+const Et = (i) => {
+  let e = i.parentElement;
   for (; e && e !== document.body; ) {
-    const t = window.getComputedStyle(e), i = t.overflow + t.overflowY + t.overflowX;
-    if (i.includes("auto") || i.includes("scroll") || e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth)
+    const t = window.getComputedStyle(e), n = t.overflow + t.overflowY + t.overflowX;
+    if (n.includes("auto") || n.includes("scroll") || e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth)
       return e;
     e = e.parentElement;
   }
   return document.documentElement;
-}, gt = (n) => {
-  let e = n.parentElement;
+}, Tt = (i) => {
+  let e = i.parentElement;
   for (; e && e !== document.body; ) {
     const t = window.getComputedStyle(e).position;
     if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
@@ -852,142 +909,154 @@ const ht = (n) => {
   }
   return document.body;
 };
-function pt() {
-  let n = null, e = null;
+function bt() {
+  let i = null, e = null;
   const t = /* @__PURE__ */ new Map();
-  let i = null;
+  let n = null;
   const r = () => {
-    n && i && t.set(i, {
-      x: n.scrollLeft,
-      y: n.scrollTop
+    i && n && t.set(n, {
+      x: i.scrollLeft,
+      y: i.scrollTop
     });
   };
   return {
-    initializeContext: (f, w) => {
-      e = f, n || (n = ht(f), (n === document.documentElement ? window : n).addEventListener("scroll", r, {
+    initializeContext: (f, h) => {
+      e = f, i || (i = Et(f), (i === document.documentElement ? window : i).addEventListener("scroll", r, {
         passive: !0
-      })), i = w;
+      })), n = h;
     },
-    calculateScrollOffset: (f, w) => {
-      const u = f && t.has(f) ? t.get(f) : { x: 0, y: 0 }, h = w && t.has(w) ? t.get(w) : { x: 0, y: 0 };
+    calculateScrollOffset: (f, h) => {
+      const y = f && t.has(f) ? t.get(f) : { x: 0, y: 0 }, v = h && t.has(h) ? t.get(h) : { x: 0, y: 0 };
       return {
-        x: -h.x + u.x,
-        y: -h.y + u.y
+        x: -v.x + y.x,
+        y: -v.y + y.y
       };
     },
-    getScrollContainer: () => n,
-    getPositionedParentElement: () => e ? gt(e) : document.body,
+    getScrollContainer: () => i,
+    getPositionedParentElement: () => e ? Tt(e) : document.body,
     getScrollPosition: (f) => f && t.has(f) ? t.get(f) : { x: 0, y: 0 }
   };
 }
-function k(n, e) {
+function x(i, e) {
   if (e === "*")
     return !0;
   if (e.endsWith("/*")) {
     const t = e.slice(0, -2);
-    return n === t || n.startsWith(t + "/");
+    return i === t || i.startsWith(t + "/");
   }
-  return n === e;
+  return i === e;
 }
-function wt(n, e, t) {
-  for (const i of t)
-    if (k(n, i.from) && k(e, i.to))
-      return i.transition;
-  for (const i of t)
-    if ((i.from === "*" || k(n, i.from)) && (i.to === "*" || k(e, i.to)))
-      return i.transition;
+function kt(i, e, t) {
+  for (const n of t)
+    if (x(i, n.from) && x(e, n.to))
+      return n.transition;
+  for (const n of t)
+    if ((n.from === "*" || x(i, n.from)) && (n.to === "*" || x(e, n.to)))
+      return n.transition;
   return null;
 }
-function At(n) {
+function Dt(i, e) {
   const {
-    transitions: e = [],
-    defaultTransition: t,
-    middleware: i = (y, m) => ({ from: y, to: m }),
+    transitions: t = [],
+    defaultTransition: n,
+    middleware: r = (w, g) => ({ from: w, to: g }),
     // Identity function as default
-    skipOnIosSwipe: r = !0
+    skipOnIosSwipe: s = !0
     // Default to true - skip animations on iOS swipe
-  } = n;
+  } = i, { outFirst: a = !0 } = e || {};
   let o = null;
-  const c = dt(e), {
-    initializeContext: a,
-    calculateScrollOffset: s,
-    getScrollContainer: l,
-    getPositionedParentElement: f,
-    getScrollPosition: w
-  } = pt(), u = mt(r);
-  u.initialize();
-  function h() {
+  const c = Ct(t), {
+    initializeContext: u,
+    calculateScrollOffset: f,
+    getScrollContainer: h,
+    getPositionedParentElement: y,
+    getScrollPosition: v
+  } = bt(), l = At(s);
+  l.initialize();
+  function d() {
     if (o != null && o.from && (o != null && o.to)) {
-      const { from: y, to: m } = i(
+      const { from: w, to: g } = r(
         o.from,
         o.to
-      ), C = wt(
-        y,
-        m,
+      ), C = kt(
+        w,
+        g,
         c
-      ) || t, v = s(
+      ) || n, R = f(
         o.from,
         o.to
-      ), E = {
-        scrollOffset: v,
-        scroll: w(o.from),
+      ), P = {
+        scrollOffset: R,
+        scroll: v(o.from),
         get scrollingElement() {
-          return l() || document.documentElement;
+          return h() || document.documentElement;
         },
         get positionedParent() {
-          return f();
+          return y();
         }
-      }, A = {
-        scrollOffset: v,
+      }, tt = {
+        scrollOffset: R,
         get scroll() {
-          return o ? w(o.to) : { x: 0, y: 0 };
+          return o ? v(o.to) : { x: 0, y: 0 };
         },
         get scrollingElement() {
-          return l() || document.documentElement;
+          return h() || document.documentElement;
         },
         get positionedParent() {
-          return f();
+          return y();
         }
       };
       C && (C.out && o.outResolve && o.outResolve(
-        (T) => C.out(T, E)
+        (D) => C.out(D, P)
       ), C.in && o.inResolve && o.inResolve(
-        (T) => C.in(T, A)
+        (D) => C.in(D, tt)
       )), o = null;
     }
   }
-  const p = async (y, m) => u.isSwipePending() ? (u.resetSwipeDetection(), () => ({})) : m === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), m === "out" ? (o.from = y, new Promise((g) => {
-    o.outResolve = g, h();
-  })) : (o.to = y, new Promise((g) => {
-    o.inResolve = g, h();
+  function A() {
+    o && (o.inResolve && o.inResolve(() => ({})), o.outResolve && o.outResolve(() => ({})), o = null);
+  }
+  const S = a ? async (w, g) => l.isSwipePending() ? (l.resetSwipeDetection(), () => ({})) : g === "in" && (!o || !o.from) ? () => ({}) : (o || (o = {}), g === "out" ? (o.from = w, new Promise((E) => {
+    o.outResolve = E, d();
+  })) : (o.to = w, new Promise((E) => {
+    o.inResolve = E, d();
+  }))) : async (w, g) => l.isSwipePending() ? (l.resetSwipeDetection(), () => ({})) : (o && (g === "out" && o.from && o.from !== w || g === "in" && o.to && o.to !== w) && A(), o || (o = {}), g === "out" ? (o.from = w, new Promise((C) => {
+    o.outResolve = C, d();
+  })) : (o.to = w, new Promise((C) => {
+    o.inResolve = C, d();
   })));
-  return (y) => ({
-    key: y,
-    in: async (m) => (a(m, y), (await p(y, "in"))(m)),
-    out: async (m) => (await p(y, "out"))(m),
+  return (w) => ({
+    key: w,
+    in: async (g) => (u(g, w), (await S(w, "in"))(g)),
+    out: async (g) => (await S(w, "out"))(g),
     // Add page transition strategy for page-level transitions
-    [X]: ot
+    [G]: dt
   });
 }
 export {
-  $ as SCOPE_ATTR,
-  j as SCOPE_READY_ATTR,
-  X as TRANSITION_STRATEGY,
-  nt as createDefaultStrategy,
-  ot as createPageTransitionStrategy,
-  At as createSggoiTransitionContext,
-  vt as createTransitionScope,
-  st as findScope,
-  ft as generateAutoKey,
-  Vt as isCssAnimation,
-  bt as isMultiSpring,
-  rt as isScopeReady,
-  kt as isSingleSpring,
-  Rt as isTickAnimation,
-  Mt as jaeminInternal,
-  F as normalizeMultiSpringSchedule,
-  V as normalizeToMultiSpring,
-  Ct as transition,
-  It as validateAnimationMode,
-  Pt as validateSpringItem
+  B as SCOPE_ATTR,
+  J as SCOPE_READY_ATTR,
+  G as TRANSITION_STRATEGY,
+  ft as createDefaultStrategy,
+  dt as createPageTransitionStrategy,
+  Dt as createSggoiTransitionContext,
+  Pt as createTransitionScope,
+  ht as findScope,
+  vt as generateAutoKey,
+  Ot as getWatchedCount,
+  Nt as isCssAnimation,
+  Ht as isMultiSpring,
+  mt as isScopeReady,
+  qt as isSingleSpring,
+  Yt as isTickAnimation,
+  xt as isWatched,
+  $t as jaeminInternal,
+  H as normalizeMultiSpringSchedule,
+  I as normalizeToMultiSpring,
+  Lt as resetObserver,
+  It as transition,
+  Ft as triggerUnmount,
+  Ut as validateAnimationMode,
+  Wt as validateSpringItem,
+  Mt as watchUnmount
 };