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

package/dist/index.js

@@ -1,8 +1,8 @@
-var Ht = Object.defineProperty;
-var Mt = (e, t, n) => t in e ? Ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $ = (e, t, n) => Mt(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as G, V as _t, W as g, M as E, S as Ut } from "./multi-animation-CnxqLEka.js";
-import { A as As } from "./multi-animation-CnxqLEka.js";
+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";
 function v(e, t) {
   const n = [];
   for (let s = 0; s < e.length; s++)
@@ -17,7 +17,7 @@ function v(e, t) {
     }
   return n;
 }
-function Dt(e, t) {
+function vt(e, t) {
   return [
     {
       from: e.exit,
@@ -31,7 +31,7 @@ function Dt(e, t) {
     }
   ];
 }
-function J(e, t, n) {
+function G(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
     for (let i = o + 1; i < e.length; i++) {
@@ -51,7 +51,7 @@ function J(e, t, n) {
     }
   return s;
 }
-class Y {
+class k {
   constructor(t) {
     $(this, "omega");
     // Angular frequency
@@ -60,7 +60,7 @@ class Y {
     $(this, "restDelta");
     $(this, "restSpeed");
     const { stiffness: n, damping: s } = t, o = 1;
-    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? K, this.restSpeed = t.restSpeed ?? Dt;
   }
   step(t, n, s) {
     const o = Math.min(s, 0.033), { omega: i, zeta: r } = this, { position: l, velocity: c } = t, a = -2 * o * r * i * c, p = o * i * i * (n - l), d = c + a + p;
@@ -74,20 +74,20 @@ class Y {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Vt {
+class Rt {
   constructor(t) {
     $(this, "leader");
     $(this, "follower");
     $(this, "restDelta");
     $(this, "restSpeed");
-    this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t, this.leader = new Y({
+    this.restDelta = t.restDelta ?? K, this.restSpeed = t.restSpeed ?? Dt, this.leader = new k({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
     let n, s, o, i;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new Y({
+    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new k({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
@@ -115,7 +115,7 @@ class Vt {
   }
 }
 const zt = 0.01, Nt = 500, Xt = 10;
-class Rt {
+class Bt {
   constructor(t) {
     $(this, "acceleration");
     $(this, "resistance");
@@ -131,8 +131,8 @@ class Rt {
     const o = Math.min(s, 0.033), { acceleration: i, resistance: r, resistanceType: l, min: c, max: a } = this, { position: p, velocity: d } = t, f = c !== void 0 && p < c, u = a !== void 0 && p > a;
     let y;
     if (f || u) {
-      const b = p - (f ? c : a), x = -this.bounceStiffness * b, C = -this.bounceDamping * d;
-      y = x + C;
+      const b = p - (f ? c : a), x = -this.bounceStiffness * b, E = -this.bounceDamping * d;
+      y = x + E;
     } else {
       const S = n > p ? 1 : -1;
       let b;
@@ -167,7 +167,7 @@ class m {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new Rt({
+      return new Bt({
         acceleration: t.inertia.acceleration,
         resistance: t.inertia.resistance,
         resistanceType: t.inertia.resistanceType,
@@ -184,7 +184,7 @@ class m {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new Vt({
+      }), new Rt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class m {
         restSpeed: n.restSpeed
       });
     }
-    return new Y({
+    return new k({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -207,7 +207,7 @@ class m {
     return m.from({ spring: t });
   }
 }
-class Bt {
+class Wt {
   constructor(t) {
     $(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
@@ -219,10 +219,10 @@ class Bt {
     return (i > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: i * r };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < G;
+    return Math.abs(t.position - n) < K;
   }
 }
-function A(e, t) {
+function J(e, t) {
   function n(i) {
     let r = 0, l = 0;
     const c = i.offsetWidth, a = i.offsetHeight;
@@ -240,7 +240,7 @@ function A(e, t) {
   );
 }
 function I(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? A(n, s).top : 0;
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? J(n, s).top : 0;
   return {
     top: e[t].scroll.y,
     left: 0,
@@ -257,7 +257,7 @@ const tt = 8, et = {
     restSpeed: 0.1
   }
 };
-function Wt({
+function Zt({
   direction: e
 }) {
   const t = e === "forward" ? tt : -tt;
@@ -282,22 +282,22 @@ function Wt({
     }
   };
 }
-function Zt() {
+function qt() {
   return {
     outPhysics: et,
     inPhysics: et,
     // 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: Wt
+    build: Zt
   };
 }
-const nt = 30, qt = {
+const nt = 30, jt = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, jt = {
+}, Kt = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function Kt({
+function Gt({
   direction: e
 }) {
   const t = e === "forward" ? 1 : -1, n = -nt * t, s = nt * t;
@@ -323,26 +323,26 @@ function Kt({
     }
   };
 }
-function Gt() {
+function Jt() {
   return {
-    outPhysics: qt,
-    inPhysics: jt,
+    outPhysics: jt,
+    inPhysics: Kt,
     // Phased motion: outgoing falls away first under inertia, then incoming
     // springs in. The fade-through shape comes from the integrator curves
     // plus the sequence handoff, not from FADE_SPLIT inside animate(t).
     composition: { mode: "sequence" },
-    build: Kt
+    build: Gt
   };
 }
-const Jt = {
-  snappy: Zt(),
-  fluid: Gt()
-}, st = 8, Qt = {
+const Qt = {
+  snappy: qt(),
+  fluid: Jt()
+}, st = 8, te = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, te = {
+}, ee = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ee({
+function ne({
   direction: e
 }) {
   const t = e === "forward" ? 1 : -1, n = -st * t, s = st * t;
@@ -368,21 +368,21 @@ function ee({
     }
   };
 }
-function ne() {
+function se() {
   return {
-    outPhysics: Qt,
-    inPhysics: te,
+    outPhysics: te,
+    inPhysics: ee,
     composition: { mode: "sequence" },
-    build: ee
+    build: ne
   };
 }
-const se = 8, oe = {
+const oe = 8, ie = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, ie = {
+}, re = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function re(e) {
-  const t = se;
+function ae(e) {
+  const t = oe;
   return {
     out: {
       willChange: "opacity",
@@ -404,32 +404,32 @@ function re(e) {
     }
   };
 }
-function ae() {
+function le() {
   return {
-    outPhysics: oe,
-    inPhysics: ie,
+    outPhysics: ie,
+    inPhysics: re,
     composition: { mode: "sequence" },
-    build: re
+    build: ae
   };
 }
-const ot = ne(), le = {
+const ot = se(), ce = {
   snappy: ot,
   directional: ot,
-  "non-directional": ae()
+  "non-directional": le()
 }, it = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, U = 0.1, V = 1 / 3, rt = (e) => Math.max(0, Math.min(1, e));
-function ce({
+}, M = 0.1, U = 1 / 3, rt = (e) => Math.max(0, Math.min(1, e));
+function pe({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = 1 - t * U;
+  const t = e === "forward" ? 1 : -1, n = 1 - t * M;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (s) => ({
-        transform: `scale(${1 + t * s * U})`,
-        opacity: `${rt(1 - s / V)}`
+        transform: `scale(${1 + t * s * M})`,
+        opacity: `${rt(1 - s / U)}`
       })
     },
     in: {
@@ -439,82 +439,82 @@ function ce({
         opacity: "0"
       },
       animate: (s) => ({
-        transform: `scale(${n + t * s * U})`,
-        opacity: `${rt((s - V) / (1 - V))}`
+        transform: `scale(${n + t * s * M})`,
+        opacity: `${rt((s - U) / (1 - U))}`
       })
     }
   };
 }
-function pe() {
+function de() {
   return {
     outPhysics: it,
     inPhysics: it,
     // 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: ce
+    build: pe
   };
 }
 const at = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, z = 0.1, N = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
-function de() {
+}, V = 0.1, R = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
+function fe() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${lt(1 - e / N)}`
+        opacity: `${lt(1 - e / R)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - z})`,
+        transform: `scale(${1 - V})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - z + e * z})`,
-        opacity: `${lt((e - N) / (1 - N))}`
+        transform: `scale(${1 - V + e * V})`,
+        opacity: `${lt((e - R) / (1 - R))}`
       })
     }
   };
 }
-function fe() {
+function ye() {
   return {
     outPhysics: at,
     inPhysics: at,
     composition: { mode: "parallel" },
-    build: de
+    build: fe
   };
 }
-const ct = pe(), ye = {
+const ct = de(), he = {
   snappy: ct,
   directional: ct,
-  "non-directional": fe()
-}, he = {
-  x: Jt,
-  y: le,
-  z: ye
+  "non-directional": ye()
+}, ue = {
+  x: Qt,
+  y: ce,
+  z: he
 };
-function ue(e, t) {
-  const n = he[e];
+function me(e, t) {
+  const n = ue[e];
   return n[t] ?? n.snappy;
 }
-const me = "x", ge = "snappy";
+const ge = "x", we = "snappy";
 function pt(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;
 }
-function vt(e) {
+function It(e) {
   e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
 }
-function we(e) {
-  vt(e), e.style.pointerEvents = "";
+function Se(e) {
+  It(e), e.style.pointerEvents = "";
 }
-const Se = (e = {}) => {
-  const t = e.direction ?? "forward", n = e.type ?? me, s = e.feel ?? ge, o = ue(n, s), i = o.build({ direction: t });
+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";
@@ -534,31 +534,31 @@ const Se = (e = {}) => {
         // 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: () => we(r)
+        onComplete: () => Se(r)
       }), p = new g({
         element: l,
         integrator: m.from(o.inPhysics),
         style: (d) => i.in.animate(d),
-        onComplete: () => vt(l)
+        onComplete: () => It(l)
       });
-      return new E([a, p], o.composition);
+      return new C([a, p], o.composition);
     }
   };
 };
-function be(e, t, n) {
+function $e(e, t, n) {
   return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function gs(e) {
-  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = be(n, s, o);
-  return J(
+function ws(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = $e(n, s, o);
+  return G(
     t,
     { forward: "forward", backward: "backward" },
-    (r) => Se({ type: n, direction: r, feel: i })
+    (r) => be({ type: n, direction: r, feel: i })
   );
 }
-const $e = {
+const Ce = {
   spring: { stiffness: 200, damping: 22 }
-}, Ee = 10, Ce = "horizontal", xe = "#000000";
+}, Ee = 10, xe = "horizontal", Pe = "#000000";
 function dt(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
   const l = document.createElement("div");
@@ -606,8 +606,8 @@ function dt(e, t, n, s, o, i) {
   }
   return e.appendChild(l), { container: l, blinds: c };
 }
-const Pe = (e = {}) => {
-  const t = e.blindCount ?? Ee, n = e.direction ?? Ce, s = e.blindColor ?? xe, o = e.physics ?? $e;
+const _e = (e = {}) => {
+  const t = e.blindCount ?? Ee, n = e.direction ?? xe, s = e.blindColor ?? Pe, o = e.physics ?? Ce;
   return {
     prepare: async ({ from: i, to: r }) => {
       const l = await i, c = await r;
@@ -663,22 +663,22 @@ const Pe = (e = {}) => {
             a.remove(), l.remove(), i.style.zIndex = "", i.style.position = "";
           } : void 0
         })
-      ), f = new E(p, { mode: "parallel" }), u = new E(d, { mode: "parallel" });
-      return new E([f, u], { mode: "sequence" });
+      ), f = new C(p, { mode: "parallel" }), u = new C(d, { mode: "parallel" });
+      return new C([f, u], { mode: "sequence" });
     }
   };
 };
-function ws(e) {
+function Ss(e) {
   const { paths: t, type: n = "horizontal" } = e;
   return v(
     t,
-    () => Pe({ direction: n })
+    () => _e({ direction: n })
   );
 }
-const _e = {
+const De = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
 }, O = 0.5;
-function De(e) {
+function ve(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -702,16 +702,16 @@ function De(e) {
     }
   };
 }
-function ve() {
+function Ie() {
   return {
-    physics: _e,
-    build: De
+    physics: De,
+    build: ve
   };
 }
-const Ie = {
+const Te = {
   spring: { stiffness: 170, damping: 22 }
 };
-function Te(e) {
+function Oe(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -732,23 +732,23 @@ function Te(e) {
     }
   };
 }
-function Oe() {
+function Ae() {
   return {
-    physics: Ie,
-    build: Te
+    physics: Te,
+    build: Oe
   };
 }
-const Ae = {
-  parallax: Oe(),
-  crossfade: ve()
-}, Fe = "parallax";
+const Fe = {
+  parallax: Ae(),
+  crossfade: Ie()
+}, ke = "parallax";
 function ft(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;
 }
-const ke = (e = {}) => {
-  const t = e.direction ?? "enter", n = Ae[e.type ?? Fe], s = n.physics, o = n.build(t);
+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";
@@ -774,26 +774,26 @@ const ke = (e = {}) => {
           r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "";
         }
       });
-      return new E([l, c], { mode: "parallel" });
+      return new C([l, c], { mode: "parallel" });
     }
   };
 };
-function Ye(e) {
+function Le(e) {
   return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
 }
-function Ss(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = Ye(s);
-  return Dt(
+function bs(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Le(s);
+  return vt(
     { enter: t, exit: n },
-    (i) => ke({ direction: i, type: o })
+    (i) => Ye({ direction: i, type: o })
   );
 }
-const Le = {
+const He = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, He = {
+}, Me = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, Me = (e = {}) => {
-  const t = e.physics ?? He, n = e.physics ?? Le;
+}, Ue = (e = {}) => {
+  const t = e.physics ?? Me, n = e.physics ?? He;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
@@ -816,15 +816,15 @@ const Le = {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new E([i, r], { mode: "sequence" });
+      return new C([i, r], { mode: "sequence" });
     }
   };
 };
-function bs(e) {
+function $s(e) {
   const { paths: t } = e;
-  return v(t, () => Me());
+  return v(t, () => Ue());
 }
-const X = {
+const z = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
@@ -832,11 +832,11 @@ const X = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Ue = 0.8, Ve = "white", yt = 1e3 / 60, ze = 600;
+}, Ve = 0.8, Re = "white", yt = 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) => ({
     item: a,
-    integrator: new Y({
+    integrator: new k({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -853,7 +853,7 @@ function Ne(e) {
     const p = a * yt;
     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 >= Ut && (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 >= Vt && (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;
@@ -865,14 +865,14 @@ function Ne(e) {
   }
   return c;
 }
-function R(e, t) {
+function N(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
 function ht(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 = R(o, X.scaleDown), l = R(o, X.translate), c = R(o, X.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
+  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,
       offset: T.scaleDown,
@@ -944,13 +944,13 @@ function Xe(e, t) {
     translateY: i.translateY + (r.translateY - i.translateY) * l
   };
 }
-const Re = [
+const Be = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Be(e, t) {
+function We(e, t) {
   const o = (i, r, l) => {
     const c = document.createElement("div");
     Object.assign(c.style, {
@@ -1027,23 +1027,23 @@ function mt(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function B(e, t, n, s, o) {
+function X(e, t, n, s, o) {
   const i = n / 1e3;
   return new g({
     element: e,
-    integrator: new Bt({ durationSec: i }),
+    integrator: new Wt({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
     style: (r) => s(Xe(t, r)),
     onComplete: o
   });
 }
-const We = (e = {}) => {
+const Ze = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? Ve, n = Ue, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? Re, n = Ve, s = e.physics;
   return {
     prepare: ({ from: i, to: r, context: l }) => {
-      const c = I(l, "from"), a = I(l, "to"), p = A(document.body, l.positionedParent), d = Be(t, {
+      const c = I(l, "from"), a = I(l, "to"), p = J(document.body, l.positionedParent), d = We(t, {
         ...c,
         top: p.top
       });
@@ -1071,7 +1071,7 @@ const We = (e = {}) => {
         scale: n,
         direction: "in",
         override: s
-      }), u = B(
+      }), u = X(
         i,
         d.snapshots,
         d.totalDuration,
@@ -1081,7 +1081,7 @@ const We = (e = {}) => {
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), y = B(
+      ), y = X(
         r,
         f.snapshots,
         f.totalDuration,
@@ -1091,18 +1091,18 @@ const We = (e = {}) => {
         () => {
           r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
         }
-      ), h = Re.map(([b, x], C) => {
-        const P = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
-        return B(
+      ), h = Be.map(([b, x], E) => {
+        const P = ["topLeft", "topRight", "bottomLeft", "bottomRight"][E];
+        return X(
           c[P],
           d.snapshots,
           d.totalDuration,
           (D) => {
-            const _ = (a.width - a.width * D.scale) / 2 * 0.7 * b, M = (a.height - a.height * D.scale) / 2 * 0.7 * x;
-            return { transform: `translate(${_}px, ${M}px)` };
+            const _ = (a.width - a.width * D.scale) / 2 * 0.7 * b, H = (a.height - a.height * D.scale) / 2 * 0.7 * x;
+            return { transform: `translate(${_}px, ${H}px)` };
           }
         );
-      }), w = new E([u, y, ...h], {
+      }), w = new C([u, y, ...h], {
         mode: "parallel"
       }), S = w.onComplete;
       return w.onComplete = () => {
@@ -1114,19 +1114,19 @@ const We = (e = {}) => {
           "bottomLeft",
           "bottomRight"
         ]) {
-          const C = c[x];
-          C.parentElement === b && b.removeChild(C);
+          const E = c[x];
+          E.parentElement === b && b.removeChild(E);
         }
       }, w;
     }
   };
 };
-function $s(e) {
+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, () => We(s));
+  return v(t, () => Ze(s));
 }
-const gt = "data-hero-enter-key", wt = "data-hero-exit-key", W = "data-hero-key";
-class Ze {
+const gt = "data-hero-enter-key", wt = "data-hero-exit-key", B = "data-hero-key";
+class qe {
   constructor() {
     $(this, "previousFromOpacity", "");
   }
@@ -1141,8 +1141,8 @@ class Ze {
     }), [];
   }
 }
-const qe = () => new Ze();
-class je {
+const je = () => new qe();
+class Ke {
   contribute(t) {
     const { from: n, to: s, physics: o, onComplete: i } = t, r = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
     return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
@@ -1161,18 +1161,18 @@ class je {
     ];
   }
 }
-const Ke = () => new je(), Ge = {
-  static: qe,
-  fade: Ke
-}, Je = {
+const Ge = () => new Ke(), Je = {
+  static: je,
+  fade: Ge
+}, Qe = {
   spring: { stiffness: 320, damping: 30 }
-}, Qe = () => Je, tn = {
+}, tn = () => Qe, en = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, en = () => tn, nn = {
-  default: Qe,
-  smooth: en
-}, sn = 700, on = "data-hero-aspect-ratio", rn = "data-hero-radius";
-function an(e) {
+}, nn = () => en, sn = {
+  default: tn,
+  smooth: nn
+}, on = 700, rn = "data-hero-aspect-ratio", an = "data-hero-radius";
+function ln(e) {
   if (!e) return null;
   if (e.includes("/")) {
     const [n, s] = e.split("/"), o = parseFloat(n ?? ""), i = parseFloat(s ?? "");
@@ -1182,18 +1182,18 @@ function an(e) {
   return Number.isFinite(t) && t > 0 ? t : null;
 }
 function St(e) {
-  const t = e.getAttribute(rn);
+  const t = e.getAttribute(an);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function L(e) {
+function Y(e) {
   return e.left + e.width / 2;
 }
-function H(e) {
+function L(e) {
   return e.top + e.height / 2;
 }
-function ln(e, t) {
+function cn(e, t) {
   return {
     top: Math.max(0, t.top - e.top),
     right: Math.max(0, e.left + e.width - (t.left + t.width)),
@@ -1201,7 +1201,7 @@ function ln(e, t) {
     left: Math.max(0, t.left - e.left)
   };
 }
-function cn(e, t, n) {
+function pn(e, t, n) {
   const s = e.width / e.height;
   let o, i;
   return n === "contain" ? s > t ? (i = e.height, o = i * t) : (o = e.width, i = o / t) : s > t ? (o = e.width, i = o / t) : (i = e.height, o = i * t), {
@@ -1212,7 +1212,7 @@ function cn(e, t, n) {
   };
 }
 function bt(e, t, n) {
-  const s = A(e, t), o = an(t.getAttribute(on));
+  const s = J(e, t), o = ln(t.getAttribute(rn));
   if (o === null)
     return {
       bbox: s,
@@ -1220,16 +1220,16 @@ function bt(e, t, n) {
       window: s,
       clipInset: { top: 0, right: 0, bottom: 0, left: 0 }
     };
-  const i = cn(s, o, n), r = n === "cover" ? s : i;
+  const i = pn(s, o, n), r = n === "cover" ? s : i;
   return {
     bbox: s,
     content: i,
     window: r,
-    clipInset: ln(i, r)
+    clipInset: cn(i, r)
   };
 }
-function pn(e, t, n, s) {
-  const o = n.width / s, i = n.height / s, r = e.width / 2 + (L(n) - L(t)) / s - o / 2, l = e.height / 2 + (H(n) - H(t)) / s - i / 2;
+function dn(e, t, n, s) {
+  const o = n.width / s, i = n.height / s, r = e.width / 2 + (Y(n) - Y(t)) / s - o / 2, l = e.height / 2 + (L(n) - L(t)) / s - i / 2;
   return {
     top: Math.max(0, l),
     right: Math.max(0, e.width - r - o),
@@ -1237,7 +1237,7 @@ function pn(e, t, n, s) {
     left: Math.max(0, r)
   };
 }
-function F(e, t) {
+function A(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
     const i = o.getAttribute(t);
@@ -1245,8 +1245,8 @@ function F(e, t) {
   }
   return n;
 }
-function dn(e, t) {
-  const n = [], s = F(t, gt), o = F(e, wt);
+function fn(e, t) {
+  const n = [], s = A(t, gt), o = A(e, wt);
   for (const [l, c] of s) {
     const a = o.get(l);
     a && n.push({
@@ -1257,7 +1257,7 @@ function dn(e, t) {
       toFit: "contain"
     });
   }
-  const i = F(e, gt), r = F(t, wt);
+  const i = A(e, gt), r = A(t, wt);
   for (const [l, c] of i) {
     const a = r.get(l);
     a && n.push({
@@ -1270,15 +1270,15 @@ function dn(e, t) {
   }
   return n;
 }
-function fn(e, t) {
+function yn(e, t) {
   const n = [], s = Array.from(
-    t.querySelectorAll(`[${W}]`)
+    t.querySelectorAll(`[${B}]`)
   );
   for (const o of s) {
-    const i = o.getAttribute(W);
+    const i = o.getAttribute(B);
     if (!i) continue;
     const r = e.querySelector(
-      `[${W}="${i}"]`
+      `[${B}="${i}"]`
     );
     r && n.push({
       key: i,
@@ -1290,20 +1290,20 @@ function fn(e, t) {
   }
   return n;
 }
-function yn(e, t) {
-  const n = dn(e, t);
-  return n.length > 0 ? n : fn(e, t);
+function hn(e, t) {
+  const n = fn(e, t);
+  return n.length > 0 ? n : yn(e, t);
 }
-function hn(e, t, n) {
+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);
   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(
     l.width / a.width,
     l.height / a.height
-  ), h = L(l), w = H(l), S = L(a), b = H(a), x = h - S, C = w - b;
-  if (Math.abs(C) > n) return null;
-  const P = pn(
+  ), h = Y(l), w = L(l), S = Y(a), b = L(a), x = h - S, E = w - b;
+  if (Math.abs(E) > n) return null;
+  const P = dn(
     a,
     l,
     c,
@@ -1313,25 +1313,25 @@ function hn(e, t, n) {
     toContent: a,
     hasRadius: f > 0 || u > 0,
     styleFor: (D, _) => {
-      const M = _ * x, Ot = _ * C, Q = D + _ * y, At = (f * _ + u * D) / Q, Ft = P.top * _ + d.top * D, kt = P.right * _ + d.right * D, Yt = P.bottom * _ + d.bottom * D, Lt = P.left * _ + d.left * D;
+      const H = _ * x, At = _ * E, Q = D + _ * y, Ft = (f * _ + u * D) / Q, kt = P.top * _ + d.top * D, Yt = P.right * _ + d.right * D, Lt = P.bottom * _ + d.bottom * D, Ht = P.left * _ + d.left * D;
       return {
-        transform: `translate(${M}px, ${Ot}px) scale(${Q})`,
-        clipPath: `inset(${Ft}px ${kt}px ${Yt}px ${Lt}px round ${At}px)`
+        transform: `translate(${H}px, ${At}px) scale(${Q})`,
+        clipPath: `inset(${kt}px ${Yt}px ${Lt}px ${Ht}px round ${Ft}px)`
       };
     }
   };
 }
-function un(e, t) {
+function mn(e, t) {
   e.style.transform = t.transform, e.style.clipPath = t.clipPath;
 }
-class mn {
+class gn {
   contribute(t) {
     const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: r } = t, l = [];
     for (const c of n.pairs) {
-      const { fromEl: a, toEl: p } = c, d = hn(o, c, i);
+      const { fromEl: a, toEl: p } = c, d = un(o, c, i);
       if (!d) continue;
       const f = p.cloneNode(!0);
-      f.style.position = "absolute", f.style.left = `${d.toContent.left}px`, f.style.top = `${d.toContent.top}px`, f.style.width = `${d.toContent.width}px`, f.style.height = `${d.toContent.height}px`, f.style.margin = "0", f.style.transformOrigin = "center center", f.style.zIndex = "1000", f.style.willChange = "transform, clip-path", f.style.pointerEvents = "none", f.style.maxWidth = "none", f.style.maxHeight = "none", d.hasRadius && (f.style.borderRadius = "0"), un(f, d.styleFor(0, 1)), o.appendChild(f);
+      f.style.position = "absolute", f.style.left = `${d.toContent.left}px`, f.style.top = `${d.toContent.top}px`, f.style.width = `${d.toContent.width}px`, f.style.height = `${d.toContent.height}px`, f.style.margin = "0", f.style.transformOrigin = "center center", f.style.zIndex = "1000", f.style.willChange = "transform, clip-path", f.style.pointerEvents = "none", f.style.maxWidth = "none", f.style.maxHeight = "none", d.hasRadius && (f.style.borderRadius = "0"), mn(f, d.styleFor(0, 1)), o.appendChild(f);
       const u = a.style.opacity, y = p.style.opacity;
       a.style.opacity = "0", p.style.opacity = "0", r(() => {
         a.style.opacity = u, p.style.opacity = y, f.parentElement && f.parentElement.removeChild(f);
@@ -1346,18 +1346,18 @@ class mn {
     return l;
   }
 }
-function gn(e) {
-  return [new mn(), Ge[e.type]()];
+function wn(e) {
+  return [new gn(), Je[e.type]()];
 }
-const wn = (e) => {
-  const t = gn(e), n = nn[e.variant](), s = sn;
+const Sn = (e) => {
+  const t = wn(e), n = sn[e.variant](), s = on;
   return {
     prepare: (o) => {
       var l;
       const i = Promise.all([
         o.from,
         o.to
-      ]).then(([c, a]) => ({ pairs: yn(c, a) })), r = {
+      ]).then(([c, a]) => ({ pairs: hn(c, a) })), r = {
         from: o.from,
         to: o.to,
         resolved: i
@@ -1368,7 +1368,7 @@ const wn = (e) => {
     },
     animation: ({ from: o, to: i, context: r, resolved: l }) => {
       if (l.pairs.length === 0)
-        return new E([], { mode: "parallel" });
+        return new C([], { mode: "parallel" });
       const c = [], a = (y) => {
         c.push(y);
       }, p = {
@@ -1383,8 +1383,8 @@ const wn = (e) => {
       for (const y of t)
         y.contribute && d.push(...y.contribute(p));
       if (d.length === 0)
-        return new E([], { mode: "parallel" });
-      const f = new E(d, { mode: "parallel" }), u = f.onComplete;
+        return new C([], { mode: "parallel" });
+      const f = new C(d, { mode: "parallel" }), u = f.onComplete;
       return f.onComplete = () => {
         u == null || u();
         for (const y of c)
@@ -1401,15 +1401,15 @@ function Es(e) {
   const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
   return v(
     t,
-    () => wn({ type: n, variant: s })
+    () => Sn({ type: n, variant: s })
   );
 }
-const Sn = {
+const bn = {
   spring: { stiffness: 50, damping: 30 }
-}, bn = {
+}, $n = {
   spring: { stiffness: 80, damping: 25 }
-}, $n = (e = {}) => {
-  const t = e.physics ?? Sn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, Cn = (e = {}) => {
+  const t = e.physics ?? bn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
     prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
       c.style.opacity = "1";
@@ -1422,7 +1422,7 @@ const Sn = {
     animation: ({ from: i, to: r }) => {
       const l = new g({
         element: i,
-        integrator: m.from(bn),
+        integrator: m.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
@@ -1469,17 +1469,17 @@ const Sn = {
           r.style.willChange = "", r.style.backfaceVisibility = "", r.style.removeProperty("--max-border-radius"), r.style.removeProperty("--border-radius-scale"), r.style.transform = "", r.style.transformOrigin = "", r.style.position = "", r.style.zIndex = "", r.style.top = "", r.style.left = "", r.style.width = "", r.style.height = "", r.style.overflow = "", r.style.borderRadius = "";
         }
       });
-      return new E([l, c], { mode: "parallel" });
+      return new C([l, c], { mode: "parallel" });
     }
   };
 };
-function Cs(e) {
+function xs(e) {
   const { paths: t } = e;
-  return v(t, () => $n());
+  return v(t, () => Cn());
 }
 const En = {
   spring: { stiffness: 100, damping: 30 }
-}, Cn = (e = {}) => {
+}, xn = (e = {}) => {
   const t = e.physics ?? En;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
@@ -1513,15 +1513,15 @@ const En = {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new E([o, i], { mode: "parallel" });
+      return new C([o, i], { mode: "parallel" });
     }
   };
 };
-function xs(e) {
+function Ps(e) {
   const { paths: t } = e;
-  return v(t, () => Cn());
+  return v(t, () => xn());
 }
-const xn = {
+const Pn = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1530,7 +1530,7 @@ const xn = {
     restSpeed: 1e-3
   }
 }, $t = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? xn, s = t === "up";
+  const t = e.direction ?? "up", n = e.physics ?? Pn, s = t === "up";
   return {
     prepare: ({ from: o, to: i }) => (o.then((r) => {
       r.style.zIndex = s ? "-1" : "1", r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
@@ -1558,52 +1558,52 @@ const xn = {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new E([p, d], { mode: "parallel" });
+      return new C([p, d], { mode: "parallel" });
     }
   };
 };
-function Ps(e) {
+function _s(e) {
   const { paths: t, type: n = "directional" } = e;
   return n === "non-directional" ? v(
     t,
     () => $t({ direction: "up" })
-  ) : J(
+  ) : G(
     t,
     { forward: "up", backward: "down" },
     (s) => $t({ direction: s })
   );
 }
-const Pn = {
+const _n = {
   spring: { stiffness: 200, damping: 24 }
-}, _n = {
+}, Dn = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, Z = 0.2;
-function Dn() {
+}, W = 0.2;
+function vn() {
   return {
-    enterPhysics: Pn,
-    exitPhysics: _n,
+    enterPhysics: _n,
+    exitPhysics: Dn,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - Z * e})`,
+        transform: `scale(${1 - W * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - Z + Z * e})`,
+        transform: `scale(${1 - W + W * e})`,
         opacity: e
       })
     }
   };
 }
-const vn = {
+const In = {
   spring: { stiffness: 300, damping: 30 }
-}, In = {
+}, Tn = {
   inertia: { acceleration: 30, resistance: 1 }
 };
-function Tn() {
+function On() {
   return {
-    enterPhysics: vn,
-    exitPhysics: In,
+    enterPhysics: In,
+    exitPhysics: Tn,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1611,16 +1611,16 @@ function Tn() {
     }
   };
 }
-const On = {
-  static: Tn(),
-  "background-scale": Dn()
-}, An = "static", Fn = "transform", kn = (e = {}) => {
-  const t = e.direction ?? "enter", n = On[e.type ?? An], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = o.willChange !== "";
+const An = {
+  static: On(),
+  "background-scale": vn()
+}, Fn = "static", kn = "transform", Yn = (e = {}) => {
+  const t = e.direction ?? "enter", n = An[e.type ?? Fn], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = o.willChange !== "";
   return {
     prepare: ({ from: r, to: l }) => {
       const c = t === "enter" ? l : r, a = t === "enter" ? r : l;
       return c.then((p) => {
-        p.style.willChange = Fn, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
+        p.style.willChange = kn, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
       }), a.then((p) => {
         i && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
       }), {};
@@ -1633,10 +1633,10 @@ const On = {
         r.style.pointerEvents = "", r.style.zIndex = "";
       };
       a.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
-      const u = t === "enter" ? (C, P) => ({
+      const u = t === "enter" ? (E, P) => ({
         transform: `translate3d(0, ${P * d.height}px, 0)`
-      }) : (C) => ({
-        transform: `translate3d(0, ${C * d.height}px, 0)`
+      }) : (E) => ({
+        transform: `translate3d(0, ${E * d.height}px, 0)`
       }), y = new g({
         element: a,
         integrator: m.from(s),
@@ -1646,13 +1646,13 @@ const On = {
         }
       });
       if (!i)
-        return new E([y], { mode: "parallel" });
+        return new C([y], { mode: "parallel" });
       const h = I(
         c,
         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" ? (C, P) => o.enterStyle(C, P) : (C) => o.exitStyle(C), x = new g({
+      const b = t === "enter" ? (E, P) => o.enterStyle(E, P) : (E) => o.exitStyle(E), x = new g({
         element: p,
         integrator: m.from(s),
         style: b,
@@ -1668,24 +1668,24 @@ const On = {
           p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "", p.style.transform = "", p.style.opacity = "";
         }
       });
-      return new E([y, x], { mode: "parallel" });
+      return new C([y, x], { mode: "parallel" });
     }
   };
 };
-function Yn(e) {
+function Ln(e) {
   return e === "scale" || e === "background-scale" ? "background-scale" : "static";
 }
-function _s(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = Yn(s);
-  return Dt(
+function Ds(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Ln(s);
+  return vt(
     { enter: t, exit: n },
-    (i) => kn({ direction: i, type: o })
+    (i) => Yn({ direction: i, type: o })
   );
 }
-const Ln = {
+const Hn = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Hn = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? Ln, s = t === "left";
+}, Mn = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? Hn, s = t === "left";
   return {
     prepare: ({ from: o, to: i }) => (o.then((r) => {
       r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
@@ -1712,36 +1712,36 @@ const Ln = {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new E([r, l], { mode: "parallel" });
+      return new C([r, l], { mode: "parallel" });
     }
   };
 };
-function Ds(e) {
+function vs(e) {
   const { paths: t } = e;
-  return J(
+  return G(
     t,
     { forward: "left", backward: "right" },
-    (n) => Hn({ direction: n })
+    (n) => Mn({ direction: n })
   );
 }
-const Mn = {
+const Un = {
   spring: { stiffness: 17, damping: 6 }
-}, q = 20, k = 800, Un = (e = {}) => {
-  const t = e.physics ?? Mn;
+}, Z = 20, F = 800, Vn = (e = {}) => {
+  const t = e.physics ?? Un;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${k}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${F}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), s.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${k}px) rotateY(${q}deg) translate3d(-100%, 0, 0)`;
+      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({
         element: n,
         integrator: m.from(t),
         style: (r) => {
-          const l = -r * q, c = r * 100;
+          const l = -r * Z, c = r * 100;
           return {
-            transform: `perspective(${k}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${F}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1754,24 +1754,33 @@ const Mn = {
         element: s,
         integrator: m.from(t),
         style: (r, l) => {
-          const c = l * q, a = -l * 100;
+          const c = l * Z, a = -l * 100;
           return {
-            transform: `perspective(${k}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${F}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new E([o, i], { mode: "sequence" });
+      return new C([o, i], { mode: "sequence" });
     }
   };
 };
-function vs(e) {
+function Is(e) {
   const { paths: t } = e;
-  return v(t, () => Un());
+  return v(t, () => Vn());
 }
-function 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
+  );
+}
+function Rn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1817,30 +1826,30 @@ const Nn = {
     damping: 33,
     doubleSpring: 1
   }
-}, It = 0.12, Xn = 18;
-function Rn() {
+}, Tt = 0.12, Xn = 18;
+function Bn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - It * t})`
+        transform: `scale(${1 - Tt * t})`
       };
     }
   };
 }
-function Bn() {
+function Wn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - It * t})`
+        transform: `scale(${1 - Tt * t})`
       };
     }
   };
 }
-const j = {
+const q = {
   willChange: "backdrop-filter",
   initialStyle: {
     position: "absolute",
@@ -1864,12 +1873,12 @@ const j = {
     };
   }
 };
-class Wn {
+class Zn {
   constructor() {
     $(this, "physics", Nn);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? Rn() : Bn();
+    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({
         element: l,
@@ -1879,10 +1888,10 @@ class Wn {
     ];
   }
 }
-class Zn {
+class qn {
   prepare(t) {
     const n = t.createElement("zoom-overlay");
-    return Object.assign(n.style, j.initialStyle), n.style.willChange = j.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, q.initialStyle), n.style.willChange = q.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(t) {
     const n = t.extras.overlay;
@@ -1890,19 +1899,19 @@ class Zn {
       new g({
         element: n,
         integrator: m.from(t.physics),
-        style: (s) => j.style(t.resolved.mode, s)
+        style: (s) => q.style(t.resolved.mode, s)
       })
     ]) : [];
   }
 }
-const qn = {
+const jn = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
 };
-function jn({
+function Kn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
@@ -1918,7 +1927,7 @@ function jn({
     }
   };
 }
-function Kn({
+function Gn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
@@ -1934,12 +1943,12 @@ function Kn({
     }
   };
 }
-class Gn {
+class Jn {
   constructor() {
-    $(this, "physics", qn);
+    $(this, "physics", 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 ? jn(i) : Kn(i);
+    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({
         element: c,
@@ -1949,37 +1958,37 @@ class Gn {
     ];
   }
 }
-const Jn = {
+const Qn = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Qn {
+class ts {
   constructor() {
-    $(this, "physics", Jn);
+    $(this, "physics", Qn);
   }
   contribute(t) {
     return [];
   }
 }
-const ts = {
-  expand: () => new Gn(),
-  static: () => new Qn(),
-  blur: () => new Wn()
+const es = {
+  expand: () => new Jn(),
+  static: () => new ts(),
+  blur: () => new Zn()
 };
-function es(e) {
-  return ts[e]();
+function ns(e) {
+  return es[e]();
 }
-const K = "data-zoom-enter-key", Et = "data-zoom-exit-key", ns = "data-zoom-radius";
-function Ct(e) {
-  const t = e.getAttribute(ns);
+const j = "data-zoom-enter-key", Et = "data-zoom-exit-key", ss = "data-zoom-radius";
+function xt(e) {
+  const t = e.getAttribute(ss);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function ss(e, t) {
+function os(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
@@ -1991,57 +2000,57 @@ function ss(e, t) {
   }
   return n;
 }
-function xt(e) {
-  const t = e.querySelectorAll(`[${K}]`);
+function Pt(e) {
+  const t = e.querySelectorAll(`[${j}]`);
   return t.length !== 1 ? null : t[0];
 }
-function Pt(e, t) {
+function _t(e, t) {
   const n = e.querySelectorAll(`[${Et}]`);
   for (const s of n)
     if (s.getAttribute(Et) === t)
       return s;
   return null;
 }
-function os(e, t) {
-  const n = xt(e), s = xt(t);
+function is(e, t) {
+  const n = Pt(e), s = Pt(t);
   if (!n && s) {
-    const o = s.getAttribute(K);
+    const o = s.getAttribute(j);
     if (!o) return null;
-    const i = Pt(e, o);
+    const i = _t(e, o);
     return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(K);
+    const o = n.getAttribute(j);
     if (!o) return null;
-    const i = Pt(t, o);
+    const i = _t(t, o);
     return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
   }
   return null;
 }
-function is(e, t, n, s) {
+function rs(e, t, n, s) {
   return {
-    enterRect: A(
+    enterRect: Ct(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: A(
+    exitRect: Ct(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
     pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
     scrollOffset: s,
-    enterRadius: Ct(e.enterEl),
-    exitRadius: Ct(e.exitEl)
+    enterRadius: xt(e.enterEl),
+    exitRadius: xt(e.exitEl)
   };
 }
-class rs {
+class as {
   prepare(t) {
     t.from.then((n) => {
       n.style.willChange = "transform, clip-path, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
     });
   }
   contribute(t) {
-    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";
+    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";
     a && (p.style.transformOrigin = a.transformOrigin);
     const f = c ? "-2" : "2", u = n.style.zIndex;
     return n.style.zIndex = f, l(() => {
@@ -2058,9 +2067,9 @@ class rs {
     ];
   }
 }
-class as {
+class ls {
   contribute(t) {
-    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = ss(l, n.enterEl);
+    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = os(l, n.enterEl);
     if (c.length === 0) return [];
     const a = c.map((p) => p.style.opacity);
     if (n.mode === "enter")
@@ -2081,35 +2090,35 @@ class as {
     );
   }
 }
-class Tt {
+class Ot {
   contribute() {
     return [];
   }
 }
-const ls = {
-  default: () => new Tt(),
-  fade: () => new as()
+const cs = {
+  default: () => new Ot(),
+  fade: () => new ls()
 };
-function cs(e) {
-  return ls[e]();
+function ps(e) {
+  return cs[e]();
 }
-class ps extends Tt {
+class ds extends Ot {
 }
-function ds(e) {
-  const t = es(e.type);
+function fs(e) {
+  const t = ns(e.type);
   return { strategies: [
-    new rs(),
+    new as(),
     t,
-    cs(e.variant),
-    new ps(),
+    ps(e.variant),
+    new ds(),
     // Overlay is intrinsically tied to backdrop-filter-driven types. Today
     // that's only `blur`; the table-driven factory above owns the mapping
     // so this conditional is the single line that knows the relationship.
-    ...e.type === "blur" ? [new Zn()] : []
+    ...e.type === "blur" ? [new qn()] : []
   ], physics: t.physics };
 }
-const fs = (e) => {
-  const { strategies: t, physics: n } = ds(e);
+const ys = (e) => {
+  const { strategies: t, physics: n } = fs(e);
   return {
     prepare: (s) => {
       const o = {
@@ -2129,10 +2138,10 @@ const fs = (e) => {
       return i;
     },
     animation: ({ from: s, to: o, context: i, ...r }) => {
-      const l = os(s, o);
+      const l = is(s, o);
       if (!l)
-        return new E([], { mode: "parallel" });
-      const c = is(l, s, o, i.scrollOffset), a = [], d = {
+        return new C([], { mode: "parallel" });
+      const c = rs(l, s, o, i.scrollOffset), a = [], d = {
         from: s,
         to: o,
         resolved: l,
@@ -2158,36 +2167,36 @@ const fs = (e) => {
             }
         };
       }
-      return new E(f, { mode: "parallel" });
+      return new C(f, { mode: "parallel" });
     }
   };
 };
-function ys(e) {
+function hs(e) {
   const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
   return { type: t, variant: n };
 }
-function Is(e) {
-  const t = ys(e);
+function Ts(e) {
+  const t = hs(e);
   return v(
     e.paths,
-    () => fs(t)
+    () => ys(t)
   );
 }
 export {
-  As as Animation,
-  E as MultiAnimation,
+  Fs as Animation,
+  C as MultiAnimation,
   g as WebAnimation,
-  gs as axis,
-  ws as blind,
-  Ss as drill,
-  bs as fade,
-  $s as film,
+  ws as axis,
+  Ss as blind,
+  bs as drill,
+  $s as fade,
+  Cs as film,
   Es as hero,
-  Cs as jaemin,
-  xs as rotate,
-  Ps as scroll,
-  _s as sheet,
-  Ds as slide,
-  vs as strip,
-  Is as zoom
+  xs as jaemin,
+  Ps as rotate,
+  _s as scroll,
+  Ds as sheet,
+  vs as slide,
+  Is as strip,
+  Ts as zoom
 };