@ssgoi/core 6.5.0-beta.1 → 6.5.0-beta.2

package/dist/index.js

@@ -1,8 +1,8 @@
 var Mt = Object.defineProperty;
 var Ut = (e, t, n) => t in e ? Mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var $ = (e, t, n) => Ut(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as K, V as Dt, W as g, M as C, S as Vt } from "./multi-animation-CnxqLEka.js";
-import { A as Fs } from "./multi-animation-CnxqLEka.js";
+import { P as K, V as Dt, W as m, M as C, S as Rt } from "./multi-animation-Ch5rI3rB.js";
+import { A as Fs } from "./multi-animation-Ch5rI3rB.js";
 function v(e, t) {
   const n = [];
   for (let s = 0; s < e.length; s++)
@@ -74,7 +74,7 @@ class k {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Rt {
+class Vt {
   constructor(t) {
     $(this, "leader");
     $(this, "follower");
@@ -153,7 +153,7 @@ class Bt {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class m {
+class g {
   /**
    * Create an Integrator from physics config
    *
@@ -184,7 +184,7 @@ class m {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new Rt({
+      }), new Vt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -204,7 +204,7 @@ class m {
    * @deprecated Use from({ spring: config }) instead
    */
   static fromSpring(t) {
-    return m.from({ spring: t });
+    return g.from({ spring: t });
   }
 }
 class Wt {
@@ -239,6 +239,15 @@ function J(e, t) {
     o.height
   );
 }
+function tt(e, t) {
+  const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e.offsetWidth > 0 ? n.width / e.offsetWidth : 1, i = e.offsetHeight > 0 ? n.height / e.offsetHeight : 1;
+  return new DOMRect(
+    (s.left - n.left) / o,
+    (s.top - n.top) / i,
+    s.width / o,
+    s.height / i
+  );
+}
 function I(e, t) {
   const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? J(n, s).top : 0;
   return {
@@ -248,7 +257,7 @@ function I(e, t) {
     height: n.clientHeight - o
   };
 }
-const tt = 8, et = {
+const et = 8, nt = {
   spring: {
     stiffness: 1e3,
     damping: 40,
@@ -260,7 +269,7 @@ const tt = 8, et = {
 function Zt({
   direction: e
 }) {
-  const t = e === "forward" ? tt : -tt;
+  const t = e === "forward" ? et : -et;
   return {
     out: {
       willChange: "transform, opacity",
@@ -284,15 +293,15 @@ function Zt({
 }
 function qt() {
   return {
-    outPhysics: et,
-    inPhysics: et,
+    outPhysics: nt,
+    inPhysics: nt,
     // Both sides run together — the cross-fade is the whole point of the
     // snappy feel. (fluid's sibling uses staggered fade-through.)
     composition: { mode: "parallel", startAt: [0, 0] },
     build: Zt
   };
 }
-const nt = 30, jt = {
+const st = 30, jt = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
 }, Kt = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
@@ -300,7 +309,7 @@ const nt = 30, jt = {
 function Gt({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -nt * t, s = nt * t;
+  const t = e === "forward" ? 1 : -1, n = -st * t, s = st * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -337,7 +346,7 @@ function Jt() {
 const Qt = {
   snappy: qt(),
   fluid: Jt()
-}, st = 8, te = {
+}, ot = 8, te = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
 }, ee = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
@@ -345,7 +354,7 @@ const Qt = {
 function ne({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -st * t, s = st * t;
+  const t = e === "forward" ? 1 : -1, n = -ot * t, s = ot * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -412,13 +421,13 @@ function le() {
     build: ae
   };
 }
-const ot = se(), ce = {
-  snappy: ot,
-  directional: ot,
+const it = se(), ce = {
+  snappy: it,
+  directional: it,
   "non-directional": le()
-}, it = {
+}, rt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, M = 0.1, U = 1 / 3, rt = (e) => Math.max(0, Math.min(1, e));
+}, M = 0.1, U = 1 / 3, at = (e) => Math.max(0, Math.min(1, e));
 function pe({
   direction: e
 }) {
@@ -429,7 +438,7 @@ function pe({
       startStyle: {},
       animate: (s) => ({
         transform: `scale(${1 + t * s * M})`,
-        opacity: `${rt(1 - s / U)}`
+        opacity: `${at(1 - s / U)}`
       })
     },
     in: {
@@ -440,57 +449,57 @@ function pe({
       },
       animate: (s) => ({
         transform: `scale(${n + t * s * M})`,
-        opacity: `${rt((s - U) / (1 - U))}`
+        opacity: `${at((s - U) / (1 - U))}`
       })
     }
   };
 }
 function de() {
   return {
-    outPhysics: it,
-    inPhysics: it,
+    outPhysics: rt,
+    inPhysics: rt,
     // Scale must move together on both sides; fade-through is encoded inside
     // each tick (piecewise), not via composition staggering — so parallel.
     composition: { mode: "parallel" },
     build: pe
   };
 }
-const at = {
+const lt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, V = 0.1, R = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
+}, R = 0.1, V = 1 / 3, ct = (e) => Math.max(0, Math.min(1, e));
 function fe() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${lt(1 - e / R)}`
+        opacity: `${ct(1 - e / V)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - V})`,
+        transform: `scale(${1 - R})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - V + e * V})`,
-        opacity: `${lt((e - R) / (1 - R))}`
+        transform: `scale(${1 - R + e * R})`,
+        opacity: `${ct((e - V) / (1 - V))}`
       })
     }
   };
 }
 function ye() {
   return {
-    outPhysics: at,
-    inPhysics: at,
+    outPhysics: lt,
+    inPhysics: lt,
     composition: { mode: "parallel" },
     build: fe
   };
 }
-const ct = de(), he = {
-  snappy: ct,
-  directional: ct,
+const pt = de(), he = {
+  snappy: pt,
+  directional: pt,
   "non-directional": ye()
 }, ue = {
   x: Qt,
@@ -502,7 +511,7 @@ function me(e, t) {
   return n[t] ?? n.snappy;
 }
 const ge = "x", we = "snappy";
-function pt(e, t) {
+function dt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
@@ -517,27 +526,27 @@ const be = (e = {}) => {
   const t = e.direction ?? "forward", n = e.type ?? ge, s = e.feel ?? we, o = me(n, s), i = o.build({ direction: t });
   return {
     prepare: ({ from: r, to: l }) => (r.then((c) => {
-      pt(c, i.out), c.style.pointerEvents = "none";
+      dt(c, i.out), c.style.pointerEvents = "none";
     }), l.then((c) => {
-      pt(c, i.in);
+      dt(c, i.in);
     }), {}),
     animation: ({ from: r, to: l, context: c }) => {
       if (n === "z") {
         const d = I(c, "from"), f = I(c, "to");
         r.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`, l.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
       }
-      const a = new g({
+      const a = new m({
         element: r,
-        integrator: m.from(o.outPhysics),
+        integrator: g.from(o.outPhysics),
         style: (d) => i.out.animate(d),
         // Restore the reused from node's inline styles on complete. This
         // covers willChange/backfaceVisibility/contain/transform/opacity (from
         // applyStartStyle + the WAAPI final frame), pointerEvents (set in
         // prepare), and clipPath (set above for z; harmless no-op otherwise).
         onComplete: () => Se(r)
-      }), p = new g({
+      }), p = new m({
         element: l,
-        integrator: m.from(o.inPhysics),
+        integrator: g.from(o.inPhysics),
         style: (d) => i.in.animate(d),
         onComplete: () => It(l)
       });
@@ -559,7 +568,7 @@ function ws(e) {
 const Ce = {
   spring: { stiffness: 200, damping: 22 }
 }, Ee = 10, xe = "horizontal", Pe = "#000000";
-function dt(e, t, n, s, o, i) {
+function ft(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
   const l = document.createElement("div");
   l.style.cssText = `
@@ -612,7 +621,7 @@ const _e = (e = {}) => {
     prepare: async ({ from: i, to: r }) => {
       const l = await i, c = await r;
       l.style.zIndex = "1000";
-      const a = dt(
+      const a = ft(
         l,
         t,
         n,
@@ -621,7 +630,7 @@ const _e = (e = {}) => {
         "left"
       );
       c.style.position = "relative", c.style.zIndex = "0";
-      const p = dt(
+      const p = ft(
         c,
         t,
         n,
@@ -645,17 +654,17 @@ const _e = (e = {}) => {
       toContainer: a
     }) => {
       const p = r.map(
-        (y) => new g({
+        (y) => new m({
           element: y,
-          integrator: m.from(o),
+          integrator: g.from(o),
           style: (h) => ({
             transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
       ), d = c.map(
-        (y, h) => new g({
+        (y, h) => new m({
           element: y,
-          integrator: m.from(o),
+          integrator: g.from(o),
           style: (w, S) => ({
             transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
           }),
@@ -742,7 +751,7 @@ const Fe = {
   parallax: Ae(),
   crossfade: Ie()
 }, ke = "parallax";
-function ft(e, t) {
+function yt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
@@ -751,14 +760,14 @@ const Ye = (e = {}) => {
   const t = e.direction ?? "enter", n = Fe[e.type ?? ke], s = n.physics, o = n.build(t);
   return {
     prepare: ({ from: i, to: r }) => (i.then((l) => {
-      ft(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
+      yt(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
     }), r.then((l) => {
-      ft(l, o.in);
+      yt(l, o.in);
     }), {}),
     animation: ({ from: i, to: r }) => {
-      const l = new g({
+      const l = new m({
         element: i,
-        integrator: m.from(s),
+        integrator: g.from(s),
         style: (a) => o.out.animate(a),
         // The outgoing node is the real, reused element (re-hidden on navigate),
         // so clear every inline style we set on it — mirroring the `to` cleanup,
@@ -766,9 +775,9 @@ const Ye = (e = {}) => {
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "", i.style.pointerEvents = "", i.style.zIndex = "";
         }
-      }), c = new g({
+      }), c = new m({
         element: r,
-        integrator: m.from(s),
+        integrator: g.from(s),
         style: (a) => o.in.animate(a),
         onComplete: () => {
           r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "";
@@ -799,18 +808,18 @@ const He = {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const i = new g({
+      const i = new m({
         element: s,
-        integrator: m.from(n),
+        integrator: g.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (l, c) => ({ opacity: c }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.opacity = "";
         }
-      }), r = new g({
+      }), r = new m({
         element: o,
-        integrator: m.from(t),
+        integrator: g.from(t),
         style: (l) => ({ opacity: l }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
@@ -832,9 +841,9 @@ const z = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Ve = 0.8, Re = "white", yt = 1e3 / 60, ze = 600;
+}, Re = 0.8, Ve = "white", ht = 1e3 / 60, ze = 600;
 function Ne(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, i = yt / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = ht / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
     item: a,
     integrator: new k({
       stiffness: a.spring.stiffness,
@@ -850,10 +859,10 @@ function Ne(e) {
   o(0);
   let c = 0;
   for (let a = 1; a <= ze; a++) {
-    const p = a * yt;
+    const p = a * ht;
     c = p;
     for (const d of l)
-      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= Vt && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
+      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= Rt && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
     for (let d = 1; d < l.length; d++) {
       const f = l[d];
       if (f.started) continue;
@@ -871,7 +880,7 @@ function N(e, t) {
     damping: e.spring.damping
   } : t;
 }
-function ht(e) {
+function ut(e) {
   const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, r = N(o, z.scaleDown), l = N(o, z.translate), c = N(o, z.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
     {
       spring: r,
@@ -1015,11 +1024,11 @@ function We(e, t) {
     )
   };
 }
-function ut(e, t) {
+function mt(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function mt(e, t) {
+function gt(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -1029,7 +1038,7 @@ function mt(e, t) {
 }
 function X(e, t, n, s, o) {
   const i = n / 1e3;
-  return new g({
+  return new m({
     element: e,
     integrator: new Wt({ durationSec: i }),
     lowerBound: 0,
@@ -1040,7 +1049,7 @@ function X(e, t, n, s, o) {
 }
 const Ze = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? Re, n = Ve, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? Ve, n = Re, s = e.physics;
   return {
     prepare: ({ from: i, to: r, context: l }) => {
       const c = I(l, "from"), a = I(l, "to"), p = J(document.body, l.positionedParent), d = We(t, {
@@ -1055,18 +1064,18 @@ const Ze = (e = {}) => {
       ])
         l.positionedParent.appendChild(d[f]);
       return i.then((f) => {
-        ut(f, c), mt(f, c), f.style.transform = `translateY(${-c.top}px)`;
+        mt(f, c), gt(f, c), f.style.transform = `translateY(${-c.top}px)`;
       }), r.then((f) => {
-        ut(f, a), mt(f, a), f.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+        mt(f, a), gt(f, a), f.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
       }), { borders: d, fromRect: c, toRect: a };
     },
     animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
-      const d = ht({
+      const d = ut({
         rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), f = ht({
+      }), f = ut({
         rect: p,
         scale: n,
         direction: "in",
@@ -1125,7 +1134,7 @@ function Cs(e) {
   const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
   return v(t, () => Ze(s));
 }
-const gt = "data-hero-enter-key", wt = "data-hero-exit-key", B = "data-hero-key";
+const wt = "data-hero-enter-key", St = "data-hero-exit-key", B = "data-hero-key";
 class qe {
   constructor() {
     $(this, "previousFromOpacity", "");
@@ -1148,14 +1157,14 @@ class Ke {
     return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
       n.style.opacity = r, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
     }), [
-      new g({
+      new m({
         element: n,
-        integrator: m.from(o),
+        integrator: g.from(o),
         style: (p, d) => ({ opacity: d })
       }),
-      new g({
+      new m({
         element: s,
-        integrator: m.from(o),
+        integrator: g.from(o),
         style: (p) => ({ opacity: p })
       })
     ];
@@ -1181,7 +1190,7 @@ function ln(e) {
   const t = parseFloat(e);
   return Number.isFinite(t) && t > 0 ? t : null;
 }
-function St(e) {
+function bt(e) {
   const t = e.getAttribute(an);
   if (!t) return 0;
   const n = parseFloat(t);
@@ -1211,7 +1220,7 @@ function pn(e, t, n) {
     height: i
   };
 }
-function bt(e, t, n) {
+function $t(e, t, n) {
   const s = J(e, t), o = ln(t.getAttribute(rn));
   if (o === null)
     return {
@@ -1246,7 +1255,7 @@ function A(e, t) {
   return n;
 }
 function fn(e, t) {
-  const n = [], s = A(t, gt), o = A(e, wt);
+  const n = [], s = A(t, wt), o = A(e, St);
   for (const [l, c] of s) {
     const a = o.get(l);
     a && n.push({
@@ -1257,7 +1266,7 @@ function fn(e, t) {
       toFit: "contain"
     });
   }
-  const i = A(e, gt), r = A(t, wt);
+  const i = A(e, wt), r = A(t, St);
   for (const [l, c] of i) {
     const a = r.get(l);
     a && n.push({
@@ -1295,7 +1304,7 @@ function hn(e, t) {
   return n.length > 0 ? n : yn(e, t);
 }
 function un(e, t, n) {
-  const { fromEl: s, toEl: o } = t, i = bt(e, s, t.fromFit), r = bt(e, o, t.toFit), l = i.content, c = i.window, a = r.content, p = r.window, d = r.clipInset, f = St(s), u = St(o);
+  const { fromEl: s, toEl: o } = t, i = $t(e, s, t.fromFit), r = $t(e, o, t.toFit), l = i.content, c = i.window, a = r.content, p = r.window, d = r.clipInset, f = bt(s), u = bt(o);
   if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
     return null;
   const y = Math.max(
@@ -1336,9 +1345,9 @@ class gn {
       a.style.opacity = "0", p.style.opacity = "0", r(() => {
         a.style.opacity = u, p.style.opacity = y, f.parentElement && f.parentElement.removeChild(f);
       }), l.push(
-        new g({
+        new m({
           element: f,
-          integrator: m.from(s),
+          integrator: g.from(s),
           style: d.styleFor
         })
       );
@@ -1420,9 +1429,9 @@ const bn = {
       c.style.transformOrigin = `${d}px ${f}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
     }), {}),
     animation: ({ from: i, to: r }) => {
-      const l = new g({
+      const l = new m({
         element: i,
-        integrator: m.from($n),
+        integrator: g.from($n),
         style: (a, p) => ({ opacity: p }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so reset every inline style we wrote to it — mirroring
@@ -1431,9 +1440,9 @@ const bn = {
         onComplete: () => {
           i.style.opacity = "";
         }
-      }), c = new g({
+      }), c = new m({
         element: r,
-        integrator: m.from(t),
+        integrator: g.from(t),
         style: (a) => {
           let p;
           if (a <= 0.05)
@@ -1488,9 +1497,9 @@ const En = {
       o.style.opacity = "0", o.style.transform = "rotate(-180deg)", o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new g({
+      const o = new m({
         element: n,
-        integrator: m.from(t),
+        integrator: g.from(t),
         style: (r) => ({
           transform: `rotate(${r * 180}deg)`,
           opacity: r < 0.5 ? 1 : 0
@@ -1501,9 +1510,9 @@ const En = {
         onComplete: () => {
           n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
         }
-      }), i = new g({
+      }), i = new m({
         element: s,
-        integrator: m.from(t),
+        integrator: g.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
         style: (r, l) => ({
           transform: `rotate(${-l * 180}deg)`,
@@ -1529,7 +1538,7 @@ const Pn = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, $t = (e = {}) => {
+}, Ct = (e = {}) => {
   const t = e.direction ?? "up", n = e.physics ?? Pn, s = t === "up";
   return {
     prepare: ({ from: o, to: i }) => (o.then((r) => {
@@ -1538,9 +1547,9 @@ const Pn = {
       r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const r = o.offsetHeight, l = i.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(r, l), c), p = new g({
+      const r = o.offsetHeight, l = i.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(r, l), c), p = new m({
         element: o,
-        integrator: m.from(n),
+        integrator: g.from(n),
         style: (f) => ({ transform: `translate3d(0, ${s ? -a * f : a * f}px, 0)` }),
         // The outgoing node is the real, reused element (re-hidden then shown
         // again on the next navigation), so mirror the incoming cleanup and
@@ -1550,9 +1559,9 @@ const Pn = {
         onComplete: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "", o.style.zIndex = "";
         }
-      }), d = new g({
+      }), d = new m({
         element: i,
-        integrator: m.from(n),
+        integrator: g.from(n),
         style: (f, u) => ({ transform: `translate3d(0, ${s ? u * a : u * -a}px, 0)` }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
@@ -1566,11 +1575,11 @@ function _s(e) {
   const { paths: t, type: n = "directional" } = e;
   return n === "non-directional" ? v(
     t,
-    () => $t({ direction: "up" })
+    () => Ct({ direction: "up" })
   ) : G(
     t,
     { forward: "up", backward: "down" },
-    (s) => $t({ direction: s })
+    (s) => Ct({ direction: s })
   );
 }
 const _n = {
@@ -1637,9 +1646,9 @@ const An = {
         transform: `translate3d(0, ${P * d.height}px, 0)`
       }) : (E) => ({
         transform: `translate3d(0, ${E * d.height}px, 0)`
-      }), y = new g({
+      }), y = new m({
         element: a,
-        integrator: m.from(s),
+        integrator: g.from(s),
         style: u,
         onComplete: () => {
           a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "", f();
@@ -1652,9 +1661,9 @@ const An = {
         t === "enter" ? "from" : "to"
       ), w = h.left + h.width / 2, S = h.top + h.height / 2;
       p.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`, p.style.transformOrigin = `${w}px ${S}px`;
-      const b = t === "enter" ? (E, P) => o.enterStyle(E, P) : (E) => o.exitStyle(E), x = new g({
+      const b = t === "enter" ? (E, P) => o.enterStyle(E, P) : (E) => o.exitStyle(E), x = new m({
         element: p,
-        integrator: m.from(s),
+        integrator: g.from(s),
         style: b,
         // On `exit` the background is the incoming (`to`) node; on `enter` it is
         // the reused outgoing (`from`) node — in both cases its inline styles
@@ -1694,9 +1703,9 @@ const Hn = {
       r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const r = new g({
+      const r = new m({
         element: o,
-        integrator: m.from(n),
+        integrator: g.from(n),
         style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` }),
         // The outgoing node is the real Activity page and gets reused on the
         // next navigation, so reset every inline style we wrote to it (mirror
@@ -1704,9 +1713,9 @@ const Hn = {
         onComplete: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "";
         }
-      }), l = new g({
+      }), l = new m({
         element: i,
-        integrator: m.from(n),
+        integrator: g.from(n),
         style: (c, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
@@ -1726,7 +1735,7 @@ function vs(e) {
 }
 const Un = {
   spring: { stiffness: 17, damping: 6 }
-}, Z = 20, F = 800, Vn = (e = {}) => {
+}, Z = 20, F = 800, Rn = (e = {}) => {
   const t = e.physics ?? Un;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
@@ -1735,9 +1744,9 @@ const Un = {
       o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${F}px) rotateY(${Z}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new g({
+      const o = new m({
         element: n,
-        integrator: m.from(t),
+        integrator: g.from(t),
         style: (r) => {
           const l = -r * Z, c = r * 100;
           return {
@@ -1750,9 +1759,9 @@ const Un = {
         onComplete: () => {
           n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), i = new g({
+      }), i = new m({
         element: s,
-        integrator: m.from(t),
+        integrator: g.from(t),
         style: (r, l) => {
           const c = l * Z, a = -l * 100;
           return {
@@ -1769,18 +1778,9 @@ const Un = {
 };
 function Is(e) {
   const { paths: t } = e;
-  return v(t, () => Vn());
-}
-function Ct(e, t) {
-  const n = e.getBoundingClientRect(), s = t.getBoundingClientRect();
-  return new DOMRect(
-    s.left - n.left,
-    s.top - n.top,
-    s.width,
-    s.height
-  );
+  return v(t, () => Rn());
 }
-function Rn({
+function Vn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1880,9 +1880,9 @@ class Zn {
   contribute(t) {
     const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? Bn() : Wn();
     return c && (l.style.transformOrigin = c.transformOrigin), [
-      new g({
+      new m({
         element: l,
-        integrator: m.from(i),
+        integrator: g.from(i),
         style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
       })
     ];
@@ -1896,9 +1896,9 @@ class qn {
   contribute(t) {
     const n = t.extras.overlay;
     return n ? (n.style.zIndex = t.resolved.mode === "enter" ? "-1" : "1", [
-      new g({
+      new m({
         element: n,
-        integrator: m.from(t.physics),
+        integrator: g.from(t.physics),
         style: (s) => q.style(t.resolved.mode, s)
       })
     ]) : [];
@@ -1950,9 +1950,9 @@ class Jn {
   contribute(t) {
     const { from: n, to: s, resolved: o, input: i, physics: r } = t, l = o.mode === "enter", c = l ? n : s, a = l ? Kn(i) : Gn(i);
     return a && (c.style.transformOrigin = a.transformOrigin), [
-      new g({
+      new m({
         element: c,
-        integrator: m.from(r),
+        integrator: g.from(r),
         style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
       })
     ];
@@ -2029,11 +2029,11 @@ function is(e, t) {
 }
 function rs(e, t, n, s) {
   return {
-    enterRect: Ct(
+    enterRect: tt(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: Ct(
+    exitRect: tt(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
@@ -2050,15 +2050,15 @@ class as {
     });
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, c = o.mode === "enter", a = c ? Rn(i) : zn(i), p = c ? s : n, d = c ? "t" : "u";
+    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, c = o.mode === "enter", a = c ? Vn(i) : zn(i), p = c ? s : n, d = c ? "t" : "u";
     a && (p.style.transformOrigin = a.transformOrigin);
     const f = c ? "-2" : "2", u = n.style.zIndex;
     return n.style.zIndex = f, l(() => {
       p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = u, n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new g({
+      new m({
         element: p,
-        integrator: m.from(r),
+        integrator: g.from(r),
         // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
         // the legacy convention from v5's outAnim path. Either way, feed
         // the progress that matches the tileConfig's authored direction.
@@ -2080,9 +2080,9 @@ class ls {
         d && (d.style.opacity = a[p] ?? "");
       }
     }), c.map(
-      (p) => new g({
+      (p) => new m({
         element: p,
-        integrator: m.from(s),
+        integrator: g.from(s),
         style: (d, f) => ({
           opacity: n.mode === "enter" ? d : f
         })
@@ -2167,6 +2167,13 @@ const ys = (e) => {
             }
         };
       }
+      for (const y of f) {
+        if (!(y instanceof m)) continue;
+        const h = y.onComplete;
+        y.onComplete = () => {
+          h == null || h(), y.releaseFill();
+        };
+      }
       return new C(f, { mode: "parallel" });
     }
   };
@@ -2185,7 +2192,7 @@ function Ts(e) {
 export {
   Fs as Animation,
   C as MultiAnimation,
-  g as WebAnimation,
+  m as WebAnimation,
   ws as axis,
   Ss as blind,
   bs as drill,