@ssgoi/core 5.2.2 → 6.1.0

package/dist/multi-animation-CnxqLEka.js

@@ -0,0 +1,322 @@
+var m = Object.defineProperty;
+var f = (r, a, t) => a in r ? m(r, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[a] = t;
+var n = (r, a, t) => f(r, typeof a != "symbol" ? a + "" : a, t);
+class d {
+  constructor() {
+    /** Current playback rate (1 = realtime, 0 = paused, negative = backwards) */
+    n(this, "_playbackRate", 1);
+    /** Fired every frame with the most recent value. Optional. */
+    n(this, "onUpdate");
+    /** Fired once when the animation settles. */
+    n(this, "onComplete");
+  }
+  get playbackRate() {
+    return this._playbackRate;
+  }
+  set playbackRate(a) {
+    this._playbackRate = a;
+  }
+}
+const S = 0.01, w = 0.01, g = 0.05, c = 1e3 / 60;
+class R extends d {
+  constructor(t) {
+    super();
+    n(this, "element");
+    n(this, "integrator");
+    n(this, "styleFn");
+    n(this, "lowerBound");
+    n(this, "upperBound");
+    n(this, "currentValue");
+    n(this, "currentVelocity", 0);
+    n(this, "frames", []);
+    n(this, "waapi", null);
+    n(this, "startTime", 0);
+    n(this, "running", !1);
+    n(this, "paused", !1);
+    n(this, "settled", !1);
+    n(this, "reversing", !1);
+    this.element = t.element, this.integrator = t.integrator, this.styleFn = t.style, this.lowerBound = t.lowerBound ?? 0, this.upperBound = t.upperBound ?? 1, this.currentValue = this.lowerBound, this.onUpdate = t.onUpdate, this.onComplete = t.onComplete;
+  }
+  play() {
+    if (this.reversing = !1, this.paused && this.waapi) {
+      this.paused = !1, this.running = !0, this.waapi.play();
+      return;
+    }
+    this.runToward(this.upperBound);
+  }
+  reverse() {
+    this.reversing = !0, this.runToward(this.lowerBound);
+  }
+  pause() {
+    var t;
+    this.running && (this.captureLiveState(), (t = this.waapi) == null || t.pause(), this.running = !1, this.paused = !0);
+  }
+  complete() {
+    var t;
+    this.clearWaapi(), this.running = !1, this.paused = !1, this.currentValue = this.upperBound, this.currentVelocity = 0, this.applyStyleAt(this.currentValue), this.settled = !0, (t = this.onComplete) == null || t.call(this);
+  }
+  get isAnimating() {
+    return this.running;
+  }
+  get isPaused() {
+    return this.paused;
+  }
+  get isComplete() {
+    return this.settled;
+  }
+  get isReversing() {
+    return this.reversing;
+  }
+  get progress() {
+    this.running && this.captureLiveState();
+    const t = this.upperBound - this.lowerBound;
+    if (t === 0) return 0;
+    const e = (this.currentValue - this.lowerBound) / t;
+    return e < 0 ? 0 : e > 1 ? 1 : e;
+  }
+  findTimeForProgress(t) {
+    if (this.frames.length < 2) return null;
+    const e = this.upperBound - this.lowerBound;
+    if (e === 0) return 0;
+    for (const i of this.frames)
+      if ((i.position - this.lowerBound) / e >= t) return i.time;
+    return this.frames[this.frames.length - 1].time;
+  }
+  get playbackRate() {
+    return super.playbackRate;
+  }
+  set playbackRate(t) {
+    super.playbackRate = t, this.waapi && (this.waapi.playbackRate = t);
+  }
+  getPose() {
+    return this.running && this.captureLiveState(), [
+      {
+        element: this.element,
+        value: this.currentValue,
+        velocity: this.currentVelocity
+      }
+    ];
+  }
+  getTimeline() {
+    const t = this.frames.map((e) => {
+      const i = e.position, s = this.lowerBound + this.upperBound - i;
+      return {
+        time: e.time,
+        value: e.position,
+        velocity: e.velocity,
+        style: this.styleFn(i, s)
+      };
+    });
+    return [{ element: this.element, frames: t }];
+  }
+  matchInto(t) {
+    const e = t.find((i) => i.element === this.element);
+    e && (this.currentValue = e.value, this.currentVelocity = e.velocity);
+  }
+  /* ───────────────────────────────────────────────────────── private */
+  runToward(t) {
+    var h;
+    if (this.running && this.captureLiveState(), this.clearWaapi(), this.running = !1, this.paused = !1, this.settled = !1, this.frames = y(
+      this.integrator,
+      this.currentValue,
+      t,
+      this.currentVelocity
+    ), this.frames.length === 0) {
+      this.currentValue = t, this.currentVelocity = 0, this.applyStyleAt(t), this.settled = !0, (h = this.onComplete) == null || h.call(this);
+      return;
+    }
+    const e = this.frames.map((o) => {
+      const u = o.position, p = this.lowerBound + this.upperBound - u;
+      return this.styleFn(u, p);
+    }), i = e[0];
+    if (i)
+      for (const o of Object.keys(i))
+        this.element.style[o] = "";
+    const s = this.frames[this.frames.length - 1], l = s.time;
+    this.waapi = this.element.animate(e, {
+      duration: l,
+      fill: "forwards",
+      easing: "linear",
+      composite: "replace"
+    }), this.waapi.playbackRate = this.playbackRate, this.startTime = performance.now(), this.running = !0, this.waapi.onfinish = () => {
+      var o;
+      this.running && (this.running = !1, this.settled = !0, this.currentValue = s.position, this.currentVelocity = 0, (o = this.onComplete) == null || o.call(this));
+    };
+  }
+  clearWaapi() {
+    var t;
+    (t = this.waapi) == null || t.cancel(), this.waapi = null;
+  }
+  captureLiveState() {
+    if (this.frames.length === 0) return;
+    const t = performance.now() - this.startTime, { position: e, velocity: i } = v(this.frames, t);
+    this.currentValue = e, this.currentVelocity = i;
+  }
+  applyStyleAt(t) {
+    const e = this.lowerBound + this.upperBound - t, i = this.styleFn(t, e);
+    for (const [s, l] of Object.entries(i))
+      this.element.style[s] = typeof l == "number" ? String(l) : l;
+  }
+}
+function y(r, a, t, e) {
+  if (a === t && e === 0) return [];
+  const i = 600;
+  let s = { position: a, velocity: e }, l = 0;
+  const h = [];
+  for (let o = 0; o < i; o++) {
+    const u = o * c;
+    if (h.push({ time: u, position: s.position, velocity: s.velocity }), s = r.step(s, t, c / 1e3), r.isSettled(s, t)) {
+      if (l += c / 1e3, l >= g) {
+        h.push({
+          time: (o + 1) * c,
+          position: t,
+          velocity: 0
+        });
+        break;
+      }
+    } else
+      l = 0;
+  }
+  return h;
+}
+function v(r, a) {
+  if (r.length === 0) return { position: 0, velocity: 0 };
+  const t = r[0], e = r[r.length - 1];
+  if (a <= 0)
+    return { position: t.position, velocity: t.velocity };
+  if (a >= e.time)
+    return { position: e.position, velocity: e.velocity };
+  let i = 0, s = r.length - 1;
+  for (; i < s - 1; ) {
+    const u = i + s >> 1;
+    r[u].time <= a ? i = u : s = u;
+  }
+  const l = r[i], h = r[s], o = (a - l.time) / (h.time - l.time);
+  return {
+    position: l.position + (h.position - l.position) * o,
+    velocity: l.velocity + (h.velocity - l.velocity) * o
+  };
+}
+class b extends d {
+  constructor(t, e = {}) {
+    super();
+    n(this, "children");
+    n(this, "startAt");
+    n(this, "pendingComplete", 0);
+    n(this, "running", !1);
+    n(this, "pendingStartTimers", []);
+    this.children = t, (e.mode ?? "parallel") === "sequence" ? this.startAt = t.map((i, s) => s === 0 ? 0 : 1) : this.startAt = e.startAt ?? [];
+  }
+  play() {
+    this.startRun("play");
+  }
+  reverse() {
+    this.startRun("reverse");
+  }
+  pause() {
+    this.running = !1, this.clearPendingStartTimers();
+    for (const t of this.children) t.pause();
+  }
+  complete() {
+    var t;
+    this.running = !1, this.clearPendingStartTimers();
+    for (const e of this.children) e.complete();
+    (t = this.onComplete) == null || t.call(this);
+  }
+  get progress() {
+    if (this.children.length === 0) return 0;
+    let t = 0;
+    for (const e of this.children) t += e.progress;
+    return t / this.children.length;
+  }
+  getPose() {
+    return this.children.flatMap((t) => t.getPose());
+  }
+  getTimeline() {
+    return this.children.flatMap((t) => t.getTimeline());
+  }
+  matchInto(t) {
+  }
+  get isAnimating() {
+    return this.children.some((t) => t.isAnimating);
+  }
+  get isPaused() {
+    return this.children.some((t) => t.isPaused) && this.children.every((t) => t.isPaused || t.isComplete);
+  }
+  get isComplete() {
+    return this.children.every((t) => t.isComplete);
+  }
+  get isReversing() {
+    return this.children.some((t) => t.isReversing);
+  }
+  get playbackRate() {
+    return super.playbackRate;
+  }
+  set playbackRate(t) {
+    super.playbackRate = t;
+    for (const e of this.children) e.playbackRate = t;
+  }
+  /* ───────────────────────────────────────────────────────── private */
+  startRun(t) {
+    if (this.running && this.pause(), this.running = !0, this.pendingComplete = this.children.length, this.pendingComplete === 0) {
+      this.handleFinished();
+      return;
+    }
+    for (const e of this.children) {
+      const i = e.onComplete;
+      e.onComplete = () => {
+        i == null || i(), this.handleChildComplete();
+      };
+    }
+    this.scheduleStart(0, t);
+  }
+  // Chained start: play child `index`, then schedule the next one based on
+  // *this* child's freshly computed timeline. Doing this lazily (rather than
+  // up-front for the whole chain) is what makes it correct for >2 children —
+  // child[i+1]'s trigger ms is only knowable after child[i].play() has run
+  // `simulate()`. Single setTimeout per gap, no polling.
+  scheduleStart(t, e) {
+    if (!this.running || t >= this.children.length) return;
+    this.children[t][e]();
+    const i = t + 1;
+    if (i >= this.children.length) return;
+    const s = this.startAt[i];
+    if (s === void 0 || s <= 0) {
+      this.scheduleStart(i, e);
+      return;
+    }
+    const l = this.children[t].findTimeForProgress(s);
+    if (l === null || l <= 0) {
+      this.scheduleStart(i, e);
+      return;
+    }
+    const h = Math.abs(this.playbackRate) || 1, o = l / h, u = setTimeout(() => {
+      this.pendingStartTimers = this.pendingStartTimers.filter(
+        (p) => p !== u
+      ), this.running && this.scheduleStart(i, e);
+    }, o);
+    this.pendingStartTimers.push(u);
+  }
+  clearPendingStartTimers() {
+    for (const t of this.pendingStartTimers) clearTimeout(t);
+    this.pendingStartTimers = [];
+  }
+  handleChildComplete() {
+    this.pendingComplete--, this.pendingComplete <= 0 && this.handleFinished();
+  }
+  handleFinished() {
+    var t;
+    this.running = !1, this.clearPendingStartTimers(), (t = this.onComplete) == null || t.call(this);
+  }
+  findTimeForProgress(t) {
+    return null;
+  }
+}
+export {
+  d as A,
+  b as M,
+  S as P,
+  g as S,
+  w as V,
+  R as W
+};

package/dist/multi-animation-Dw2JTJI2.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var g=(r,a,t)=>a in r?f(r,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[a]=t;var n=(r,a,t)=>g(r,typeof a!="symbol"?a+"":a,t);class d{constructor(){n(this,"_playbackRate",1);n(this,"onUpdate");n(this,"onComplete")}get playbackRate(){return this._playbackRate}set playbackRate(a){this._playbackRate=a}}const y=.01,T=.01,m=.05,c=1e3/60;class v extends d{constructor(t){super();n(this,"element");n(this,"integrator");n(this,"styleFn");n(this,"lowerBound");n(this,"upperBound");n(this,"currentValue");n(this,"currentVelocity",0);n(this,"frames",[]);n(this,"waapi",null);n(this,"startTime",0);n(this,"running",!1);n(this,"paused",!1);n(this,"settled",!1);n(this,"reversing",!1);this.element=t.element,this.integrator=t.integrator,this.styleFn=t.style,this.lowerBound=t.lowerBound??0,this.upperBound=t.upperBound??1,this.currentValue=this.lowerBound,this.onUpdate=t.onUpdate,this.onComplete=t.onComplete}play(){if(this.reversing=!1,this.paused&&this.waapi){this.paused=!1,this.running=!0,this.waapi.play();return}this.runToward(this.upperBound)}reverse(){this.reversing=!0,this.runToward(this.lowerBound)}pause(){var t;this.running&&(this.captureLiveState(),(t=this.waapi)==null||t.pause(),this.running=!1,this.paused=!0)}complete(){var t;this.clearWaapi(),this.running=!1,this.paused=!1,this.currentValue=this.upperBound,this.currentVelocity=0,this.applyStyleAt(this.currentValue),this.settled=!0,(t=this.onComplete)==null||t.call(this)}get isAnimating(){return this.running}get isPaused(){return this.paused}get isComplete(){return this.settled}get isReversing(){return this.reversing}get progress(){this.running&&this.captureLiveState();const t=this.upperBound-this.lowerBound;if(t===0)return 0;const e=(this.currentValue-this.lowerBound)/t;return e<0?0:e>1?1:e}findTimeForProgress(t){if(this.frames.length<2)return null;const e=this.upperBound-this.lowerBound;if(e===0)return 0;for(const i of this.frames)if((i.position-this.lowerBound)/e>=t)return i.time;return this.frames[this.frames.length-1].time}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t,this.waapi&&(this.waapi.playbackRate=t)}getPose(){return this.running&&this.captureLiveState(),[{element:this.element,value:this.currentValue,velocity:this.currentVelocity}]}getTimeline(){const t=this.frames.map(e=>{const i=e.position,s=this.lowerBound+this.upperBound-i;return{time:e.time,value:e.position,velocity:e.velocity,style:this.styleFn(i,s)}});return[{element:this.element,frames:t}]}matchInto(t){const e=t.find(i=>i.element===this.element);e&&(this.currentValue=e.value,this.currentVelocity=e.velocity)}runToward(t){var h;if(this.running&&this.captureLiveState(),this.clearWaapi(),this.running=!1,this.paused=!1,this.settled=!1,this.frames=S(this.integrator,this.currentValue,t,this.currentVelocity),this.frames.length===0){this.currentValue=t,this.currentVelocity=0,this.applyStyleAt(t),this.settled=!0,(h=this.onComplete)==null||h.call(this);return}const e=this.frames.map(o=>{const u=o.position,p=this.lowerBound+this.upperBound-u;return this.styleFn(u,p)}),i=e[0];if(i)for(const o of Object.keys(i))this.element.style[o]="";const s=this.frames[this.frames.length-1],l=s.time;this.waapi=this.element.animate(e,{duration:l,fill:"forwards",easing:"linear",composite:"replace"}),this.waapi.playbackRate=this.playbackRate,this.startTime=performance.now(),this.running=!0,this.waapi.onfinish=()=>{var o;this.running&&(this.running=!1,this.settled=!0,this.currentValue=s.position,this.currentVelocity=0,(o=this.onComplete)==null||o.call(this))}}clearWaapi(){var t;(t=this.waapi)==null||t.cancel(),this.waapi=null}captureLiveState(){if(this.frames.length===0)return;const t=performance.now()-this.startTime,{position:e,velocity:i}=R(this.frames,t);this.currentValue=e,this.currentVelocity=i}applyStyleAt(t){const e=this.lowerBound+this.upperBound-t,i=this.styleFn(t,e);for(const[s,l]of Object.entries(i))this.element.style[s]=typeof l=="number"?String(l):l}}function S(r,a,t,e){if(a===t&&e===0)return[];const i=600;let s={position:a,velocity:e},l=0;const h=[];for(let o=0;o<i;o++){const u=o*c;if(h.push({time:u,position:s.position,velocity:s.velocity}),s=r.step(s,t,c/1e3),r.isSettled(s,t)){if(l+=c/1e3,l>=m){h.push({time:(o+1)*c,position:t,velocity:0});break}}else l=0}return h}function R(r,a){if(r.length===0)return{position:0,velocity:0};const t=r[0],e=r[r.length-1];if(a<=0)return{position:t.position,velocity:t.velocity};if(a>=e.time)return{position:e.position,velocity:e.velocity};let i=0,s=r.length-1;for(;i<s-1;){const u=i+s>>1;r[u].time<=a?i=u:s=u}const l=r[i],h=r[s],o=(a-l.time)/(h.time-l.time);return{position:l.position+(h.position-l.position)*o,velocity:l.velocity+(h.velocity-l.velocity)*o}}class w extends d{constructor(t,e={}){super();n(this,"children");n(this,"startAt");n(this,"pendingComplete",0);n(this,"running",!1);n(this,"pendingStartTimers",[]);this.children=t,(e.mode??"parallel")==="sequence"?this.startAt=t.map((i,s)=>s===0?0:1):this.startAt=e.startAt??[]}play(){this.startRun("play")}reverse(){this.startRun("reverse")}pause(){this.running=!1,this.clearPendingStartTimers();for(const t of this.children)t.pause()}complete(){var t;this.running=!1,this.clearPendingStartTimers();for(const e of this.children)e.complete();(t=this.onComplete)==null||t.call(this)}get progress(){if(this.children.length===0)return 0;let t=0;for(const e of this.children)t+=e.progress;return t/this.children.length}getPose(){return this.children.flatMap(t=>t.getPose())}getTimeline(){return this.children.flatMap(t=>t.getTimeline())}matchInto(t){}get isAnimating(){return this.children.some(t=>t.isAnimating)}get isPaused(){return this.children.some(t=>t.isPaused)&&this.children.every(t=>t.isPaused||t.isComplete)}get isComplete(){return this.children.every(t=>t.isComplete)}get isReversing(){return this.children.some(t=>t.isReversing)}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t;for(const e of this.children)e.playbackRate=t}startRun(t){if(this.running&&this.pause(),this.running=!0,this.pendingComplete=this.children.length,this.pendingComplete===0){this.handleFinished();return}for(const e of this.children){const i=e.onComplete;e.onComplete=()=>{i==null||i(),this.handleChildComplete()}}this.scheduleStart(0,t)}scheduleStart(t,e){if(!this.running||t>=this.children.length)return;this.children[t][e]();const i=t+1;if(i>=this.children.length)return;const s=this.startAt[i];if(s===void 0||s<=0){this.scheduleStart(i,e);return}const l=this.children[t].findTimeForProgress(s);if(l===null||l<=0){this.scheduleStart(i,e);return}const h=Math.abs(this.playbackRate)||1,o=l/h,u=setTimeout(()=>{this.pendingStartTimers=this.pendingStartTimers.filter(p=>p!==u),this.running&&this.scheduleStart(i,e)},o);this.pendingStartTimers.push(u)}clearPendingStartTimers(){for(const t of this.pendingStartTimers)clearTimeout(t);this.pendingStartTimers=[]}handleChildComplete(){this.pendingComplete--,this.pendingComplete<=0&&this.handleFinished()}handleFinished(){var t;this.running=!1,this.clearPendingStartTimers(),(t=this.onComplete)==null||t.call(this)}findTimeForProgress(t){return null}}exports.Animation=d;exports.MultiAnimation=w;exports.POSITION_THRESHOLD=y;exports.SETTLE_THRESHOLD=m;exports.VELOCITY_THRESHOLD=T;exports.WebAnimation=v;

package/dist/ssgoi-transition/create-context-manager.d.ts

@@ -1,4 +1,4 @@
-import { PreserveScrollOption } from '../types';
+import { PreserveScrollOption } from '../types/index.ts';
 export type ContextManagerOptions = {
     /**
      * Scroll preservation policy. See SsgoiConfig.preserveScroll for full semantics.

package/dist/ssgoi-transition/create-context-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-context-manager.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-context-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAWvE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;iCA0GlC,WAAW,QAAQ,MAAM;mCAwDpD,MAAM,OACR,MAAM,KACV;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;gCAoBQ,MAAM;2BAhJX,MAAM,KAAG,OAAO;;;+BA2JZ,MAAM,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;EAepE"}
+{"version":3,"file":"create-context-manager.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-context-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,QAAQ,CAAC;AAgBrE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;iCAqIlC,WAAW,QAAQ,MAAM;mCAwDpD,MAAM,OACR,MAAM,KACV;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;gCAuBQ,MAAM;2BAxJX,MAAM,KAAG,OAAO;;;+BAmKZ,MAAM,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;EAgBpE"}

package/dist/ssgoi-transition/create-ssgoi-transition-context.d.ts

@@ -1,35 +1,22 @@
-import { SsgoiConfig, SsgoiContext, SsgoiInternalOptions } from '../types';
+import { SsgoiConfig, SsgoiContext } from '../types/index.ts';
+import { HostAnimation } from '../animation/host-animation';
 /**
- * SSGOI Transition Context Operation Principles
+ * Page-level transition context.
  *
- * Page transition scenario: /home → /about
- *
- * **Default mode (outFirst: true)**: OUT must arrive before IN
- * - Best for frameworks with native destroy callbacks (Svelte)
- * - OUT triggers first, then IN completes the pair
- * - If IN arrives without OUT, returns empty transition (page refresh)
- *
- * **Observer mode (outFirst: false)**: OUT and IN can arrive in any order
- * - Best for frameworks using MutationObserver (React, Vue, Solid)
- * - Either OUT or IN can arrive first
- * - Both wait indefinitely for the other to complete the pair
- *
- * Flow:
- * 1. First transition arrives → Creates pendingTransition
- * 2. Second transition arrives → Completes the pair
- * 3. checkAndResolve → Finds matching transition and resolves both
- */
-/**
- * Creates a transition configuration
- *
- * @example
- * const config = createSggoiTransitionConfig({
- *   transitions: [
- *     { from: '/home', to: '/about', transition: fade() },
- *     { from: '/products', to: '/products/*', transition: slide() }
- *   ],
- *   defaultTransition: fade()
- * });
+ * Pure promise plumbing: the framework adapter calls `in(element)` on mount
+ * and `out(element)` on unmount; the dispatcher pairs them by path via
+ * NavigationDetector, then `.then`-chains the prepare result, the cloned
+ * `from` element, and the `to` element. `animation()` runs once the chain
+ * resolves — never via blocking `await` — so a follow-up navigation can
+ * start its own pair while a prior one is still building.
  */
-export declare function createSggoiTransitionContext(options: SsgoiConfig, internalOptions?: SsgoiInternalOptions): SsgoiContext;
+export interface CreateSsgoiTransitionContextOptions {
+    /**
+     * Long-lived host that owns playback state across consecutive transitions.
+     * Pass one in to drive play/pause/rate from the outside (e.g. dev tools).
+     * Omit it and the context spins up its own internal host.
+     */
+    host?: HostAnimation;
+}
+export declare function createSggoiTransitionContext(options: SsgoiConfig, contextOptions?: CreateSsgoiTransitionContextOptions): SsgoiContext;
 //# sourceMappingURL=create-ssgoi-transition-context.d.ts.map

package/dist/ssgoi-transition/create-ssgoi-transition-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-ssgoi-transition-context.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-ssgoi-transition-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAchF;;;;;;;;;;;;;;;;;;;GAmBG;AAEH;;;;;;;;;;;GAWG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,eAAe,CAAC,EAAE,oBAAoB,GACrC,YAAY,CA8Id"}
+{"version":3,"file":"create-ssgoi-transition-context.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/create-ssgoi-transition-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EACX,YAAY,EAMb,MAAM,QAAQ,CAAC;AAQhB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAiC5D;;;;;;;;;GASG;AACH,MAAM,WAAW,mCAAmC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,WAAW,EACpB,cAAc,GAAE,mCAAwC,GACvD,YAAY,CAuPd"}

package/dist/ssgoi-transition/find-matching-transition.d.ts

@@ -1,4 +1,4 @@
-import { Transition } from '../types';
+import { TransitionConfig } from '../types/index.ts';
 /**
  * Matches a path against a pattern
  * Supports exact matches and wildcard patterns
@@ -16,9 +16,9 @@ export declare function matchPath(path: string, pattern: string): boolean;
  * First tries to find exact match for both from and to paths,
  * then falls back to wildcard matches if no exact match is found.
  */
-export declare function findMatchingTransition<TContext>(from: string, to: string, transitions: Array<{
+export declare function findMatchingTransition(from: string, to: string, transitions: Array<{
     from: string;
     to: string;
-    transition: Transition<TContext>;
-}>): Transition<TContext> | null;
+    transition: TransitionConfig;
+}>): TransitionConfig | null;
 //# sourceMappingURL=find-matching-transition.d.ts.map

package/dist/ssgoi-transition/find-matching-transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"find-matching-transition.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/find-matching-transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAehE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAC7C,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAClC,CAAC,GACD,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI,CAmB7B"}
+{"version":3,"file":"find-matching-transition.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/find-matching-transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAehE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,gBAAgB,CAAC;CAC9B,CAAC,GACD,gBAAgB,GAAG,IAAI,CAmBzB"}

package/dist/ssgoi-transition/navigation-detector-strategy.d.ts

@@ -2,9 +2,7 @@
  * Navigation Detector Strategy
  *
  * Collects out/in navigation events and provides navigation pairs.
- * Each strategy handles the timing differently:
- * - OutFirst: OUT must arrive before IN (for Svelte)
- * - AnyOrder: OUT and IN can arrive in any order (for React, Vue, Solid)
+ * OUT and IN can arrive in any order.
  */
 export type NavigationPair = {
     from: string;
@@ -17,26 +15,18 @@ export interface NavigationDetector {
     trigger(path: string, type: "out" | "in"): void;
     /**
      * Get navigation pair when ready
-     * Returns null if should skip (e.g., page refresh in outFirst mode)
+     * Returns null if a pending transition is cancelled.
      */
     get(type: "out" | "in"): Promise<NavigationPair | null>;
 }
 export type CreateNavigationDetector = () => NavigationDetector;
 /**
- * OutFirst Strategy
+ * Navigation detector
  *
- * OUT must arrive before IN. Best for frameworks with native destroy callbacks.
- * - OUT triggers first, then IN completes the pair
- * - If IN arrives without OUT, returns null (page refresh case)
- */
-export declare function createOutFirstDetector(): NavigationDetector;
-/**
- * AnyOrder Strategy
- *
- * OUT and IN can arrive in any order. Best for frameworks using MutationObserver.
+ * OUT and IN can arrive in any order.
  * - Either OUT or IN can arrive first
  * - Both wait indefinitely for the other to complete the pair
  * - If a new path arrives, cancels the previous pending transition
  */
-export declare function createAnyOrderDetector(): NavigationDetector;
+export declare function createNavigationDetector(): NavigationDetector;
 //# sourceMappingURL=navigation-detector-strategy.d.ts.map

package/dist/ssgoi-transition/navigation-detector-strategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-detector-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-detector-strategy.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAEhD;;;OAGG;IACH,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,MAAM,MAAM,wBAAwB,GAAG,MAAM,kBAAkB,CAAC;AAShE;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,kBAAkB,CAmD3D;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,IAAI,kBAAkB,CAsE3D"}
+{"version":3,"file":"navigation-detector-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/navigation-detector-strategy.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAEhD;;;OAGG;IACH,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,MAAM,MAAM,wBAAwB,GAAG,MAAM,kBAAkB,CAAC;AAShE;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,kBAAkB,CA+E7D"}

package/dist/ssgoi-transition/process-symmetric-transitions.d.ts

@@ -1,7 +1,7 @@
-import { SsgoiConfig } from '../types';
+import { SsgoiPathTransition } from '../types/index.ts';
 /**
  * Processes symmetric transitions to create bidirectional navigation
  * For each symmetric transition, creates a reverse transition automatically
  */
-export declare function processSymmetricTransitions(transitions: NonNullable<SsgoiConfig["transitions"]>): Omit<NonNullable<SsgoiConfig["transitions"]>[number], "symmetric">[];
+export declare function processSymmetricTransitions(transitions: readonly SsgoiPathTransition[]): Omit<SsgoiPathTransition, "symmetric">[];
 //# sourceMappingURL=process-symmetric-transitions.d.ts.map

package/dist/ssgoi-transition/process-symmetric-transitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"process-symmetric-transitions.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/process-symmetric-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,GACnD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,EAAE,CAUtE"}
+{"version":3,"file":"process-symmetric-transitions.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/process-symmetric-transitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAElD;;;GAGG;AACH,wBAAgB,2BAA2B,CACzC,WAAW,EAAE,SAAS,mBAAmB,EAAE,GAC1C,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAE,CAU1C"}

package/dist/ssgoi-transition/unmount-observer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Shared MutationObserver for detecting element unmount.
+ *
+ * One observer watches `document.body` with `subtree: true`. Each watched
+ * element registers a callback; when ANY DOM removal happens, the observer
+ * walks the removed subtree and fires the callback for any tracked element
+ * it finds (including descendants of the actually-removed node).
+ *
+ * One shared observer beats per-element observers for two reasons:
+ *  - parent re-mounts that detach the watched node also fire
+ *  - lower memory / browser overhead than dozens of observers
+ */
+type UnmountCallback = () => void;
+/** Register `cb` to fire when `element` is removed from the DOM. */
+export declare function watchUnmount(element: HTMLElement, cb: UnmountCallback): () => void;
+export {};
+//# sourceMappingURL=unmount-observer.d.ts.map

package/dist/ssgoi-transition/unmount-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unmount-observer.d.ts","sourceRoot":"","sources":["../../src/lib/ssgoi-transition/unmount-observer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,KAAK,eAAe,GAAG,MAAM,IAAI,CAAC;AA2ClC,oEAAoE;AACpE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,eAAe,GAClB,MAAM,IAAI,CAMZ"}

package/dist/transitions/axis/index.d.ts

@@ -0,0 +1,43 @@
+import { SsgoiPathTransition } from '../../types/index.ts';
+/**
+ * Public `variant` value for `axis({ type: "x" })`.
+ *
+ * - `"default"` — relaxed, fluid feel (Flutter SharedAxisTransition style).
+ * - `"snappy"` — tight, decisive page swap (KakaoTalk style).
+ */
+export type AxisXVariant = "default" | "snappy";
+/**
+ * Legacy `feel` axis. Kept for source compatibility only.
+ *
+ * @deprecated Do not use in new code. v6 only supports `{ type, variant, options }`.
+ * Migrate `feel: "fluid"` → omit `variant` (default tone),
+ * `feel: "snappy"` → `variant: "snappy"`.
+ * Example: `axis({ paths, type: "x", variant: "snappy" })`.
+ * Kept here only for backward compatibility — will be removed in a future major.
+ */
+export type AxisFeelDeprecated = "snappy" | "fluid";
+export type AxisConfig = {
+    paths: readonly string[];
+} & ({
+    type?: "x";
+    variant?: AxisXVariant;
+    options?: {};
+    /**
+     * @deprecated Do not use in new code. v6 only supports `{ type, variant, options }`.
+     * Migrate `feel: "fluid"` → omit `variant` (default tone),
+     * `feel: "snappy"` → `variant: "snappy"`.
+     * Example: `axis({ paths, type: "x", variant: "snappy" })`.
+     * Kept here only for backward compatibility — will be removed in a future major.
+     */
+    feel?: AxisFeelDeprecated;
+} | {
+    type: "y";
+    variant?: "default";
+    options?: {};
+} | {
+    type: "z";
+    variant?: "default";
+    options?: {};
+});
+export declare function axis(config: AxisConfig): SsgoiPathTransition[];
+//# sourceMappingURL=index.d.ts.map

package/dist/transitions/axis/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/axis/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAiBlD;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhD;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CAC1B,GAAG,CACA;IACE,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,EAAE,CAAC;IACb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,GACD;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,EAAE,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,EAAE,CAAA;CAAE,CACnD,CAAC;AA4BF,wBAAgB,IAAI,CAAC,MAAM,EAAE,UAAU,GAAG,mBAAmB,EAAE,CAY9D"}

package/dist/transitions/axis/provider/index.d.ts

@@ -0,0 +1,8 @@
+import { AxisFeel, AxisProvider, AxisType } from '../types';
+type AxisProviderMap = {
+    snappy: AxisProvider;
+} & Partial<Record<AxisFeel, AxisProvider>>;
+export declare const AXIS_PROVIDERS: Record<AxisType, AxisProviderMap>;
+export declare function resolveAxisProvider(type: AxisType, feel: AxisFeel): AxisProvider;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/transitions/axis/provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/transitions/axis/provider/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKjE,KAAK,eAAe,GAAG;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,GAAG,OAAO,CACvD,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAC/B,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,eAAe,CAM5D,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,GACb,YAAY,CAGd"}

package/dist/transitions/axis/provider/x/fluid.d.ts

@@ -0,0 +1,3 @@
+import { AxisProvider } from '../../types';
+export declare function createFluidXProvider(): AxisProvider;
+//# sourceMappingURL=fluid.d.ts.map

package/dist/transitions/axis/provider/x/fluid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transitions/axis/provider/x/fluid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,aAAa,CAAC;AAyDrB,wBAAgB,oBAAoB,IAAI,YAAY,CAUnD"}

package/dist/transitions/axis/provider/x/index.d.ts

@@ -0,0 +1,3 @@
+import { AxisFeel, AxisProvider } from '../../types';
+export declare const X_PROVIDERS: Record<AxisFeel, AxisProvider>;
+//# sourceMappingURL=index.d.ts.map

package/dist/transitions/axis/provider/x/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transitions/axis/provider/x/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK1D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAGtD,CAAC"}

package/dist/transitions/axis/provider/x/snappy.d.ts

@@ -0,0 +1,3 @@
+import { AxisProvider } from '../../types';
+export declare function createSnappyXProvider(): AxisProvider;
+//# sourceMappingURL=snappy.d.ts.map

package/dist/transitions/axis/provider/x/snappy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snappy.d.ts","sourceRoot":"","sources":["../../../../../src/lib/transitions/axis/provider/x/snappy.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,aAAa,CAAC;AAmDrB,wBAAgB,qBAAqB,IAAI,YAAY,CASpD"}

package/dist/transitions/axis/provider/y.d.ts

@@ -0,0 +1,3 @@
+import { AxisProvider } from '../types';
+export declare function createYProvider(): AxisProvider;
+//# sourceMappingURL=y.d.ts.map

package/dist/transitions/axis/provider/y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"y.d.ts","sourceRoot":"","sources":["../../../../src/lib/transitions/axis/provider/y.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,UAAU,CAAC;AAuClB,wBAAgB,eAAe,IAAI,YAAY,CAO9C"}

package/dist/transitions/axis/provider/z.d.ts

@@ -0,0 +1,3 @@
+import { AxisProvider } from '../types';
+export declare function createZProvider(): AxisProvider;
+//# sourceMappingURL=z.d.ts.map

package/dist/transitions/axis/provider/z.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"z.d.ts","sourceRoot":"","sources":["../../../../src/lib/transitions/axis/provider/z.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,UAAU,CAAC;AAqClE,wBAAgB,eAAe,IAAI,YAAY,CAU9C"}

package/dist/transitions/axis/transition.d.ts

@@ -0,0 +1,5 @@
+import { TransitionConfig } from '../../types/index.ts';
+import { AxisOptions } from './types';
+export type { AxisFeel, AxisOptions, AxisType } from './types';
+export declare const axis: (options?: AxisOptions) => TransitionConfig;
+//# sourceMappingURL=transition.d.ts.map

package/dist/transitions/axis/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../../src/lib/transitions/axis/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAO/C,OAAO,KAAK,EAAY,WAAW,EAA4B,MAAM,SAAS,CAAC;AAE/E,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAuB/D,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,gBAsChD,CAAC"}