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

package/dist/index.js

@@ -1,12 +1,12 @@
-var Se = Object.defineProperty;
-var Ce = (t, e, n) => e in t ? Se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var R = (t, e, n) => Ce(t, typeof e != "symbol" ? e + "" : e, n);
-import { d as I, w as A } from "./index-B_K3Vnj-.js";
+var Ce = Object.defineProperty;
+var Ee = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var R = (t, e, n) => Ee(t, typeof e != "symbol" ? e + "" : e, n);
+import { d as I, w as _ } from "./index-B_K3Vnj-.js";
 import { W as w, M as P } from "./multi-animation-Du9W3ZS_.js";
-import { A as Zi } from "./multi-animation-Du9W3ZS_.js";
-import { P as xe, I as C, S as yt, a as Ee, b as mt, s as $e, D as Pe } from "./provider-Cea0Pfm1.js";
-import { F as ve, a as Re, p as J, S as Ie } from "./page-motion-MEazegOU.js";
-class Ae {
+import { A as Ji } from "./multi-animation-Du9W3ZS_.js";
+import { P as $e, I as C, S as mt, a as Pe, b as gt, s as ve, D as Ae } from "./provider-Cea0Pfm1.js";
+import { F as Re, a as Ie, p as et, S as _e } from "./page-motion-MEazegOU.js";
+class Oe {
   constructor(e) {
     R(this, "durationSec");
     this.durationSec = Math.max(1 / 60, e.durationSec);
@@ -18,10 +18,10 @@ class Ae {
     return (r > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: r * c };
   }
   isSettled(e, n) {
-    return Math.abs(e.position - n) < xe;
+    return Math.abs(e.position - n) < $e;
   }
 }
-function Et(t, e) {
+function $t(t, e) {
   function n(r) {
     let c = 0, s = 0;
     const l = r.offsetWidth, a = r.offsetHeight;
@@ -38,7 +38,7 @@ function Et(t, e) {
     i.height
   );
 }
-function V(t, e) {
+function L(t, e) {
   const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), i = (s, l) => l > 0 && Math.abs(s - l) > 0.5 ? s / l : 1, r = i(n.width, t.offsetWidth), c = i(n.height, t.offsetHeight);
   return new DOMRect(
     (o.left - n.left) / r,
@@ -47,8 +47,8 @@ function V(t, e) {
     o.height / c
   );
 }
-function Y(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? Et(n, o).top : 0;
+function H(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? $t(n, o).top : 0;
   return {
     top: t[e].scroll.y,
     left: 0,
@@ -56,8 +56,8 @@ function Y(t, e) {
     height: n.clientHeight - i
   };
 }
-function Qt(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? Et(n, o).top : 0;
+function te(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? $t(n, o).top : 0;
   return {
     top: t[e].scroll.y - i,
     height: n.clientHeight
@@ -70,7 +70,7 @@ const Rt = 8, It = {
     doubleSpring: 1.2
   }
 };
-function _e({
+function Fe({
   direction: t
 }) {
   const e = t === "forward" ? Rt : -Rt;
@@ -95,25 +95,25 @@ function _e({
     }
   };
 }
-function Oe() {
+function ke() {
   return {
     outPhysics: It,
     inPhysics: It,
     // 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: _e
+    build: Fe
   };
 }
-const At = 30, Fe = {
+const _t = 30, Te = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Te = {
+}, Me = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ke({
+function De({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -At * e, o = At * e;
+  const e = t === "forward" ? 1 : -1, n = -_t * e, o = _t * e;
   return {
     out: {
       willChange: "transform, opacity",
@@ -136,29 +136,29 @@ function ke({
     }
   };
 }
-function Me() {
+function Ye() {
   return {
-    outPhysics: Fe,
-    inPhysics: Te,
+    outPhysics: Te,
+    inPhysics: Me,
     // 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: ke
+    build: De
   };
 }
-const De = {
-  snappy: Oe(),
-  fluid: Me()
-}, _t = 8, Ye = {
+const Le = {
+  snappy: ke(),
+  fluid: Ye()
+}, Ot = 8, He = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Le = {
+}, Ne = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function He({
+function ze({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -_t * e, o = _t * e;
+  const e = t === "forward" ? 1 : -1, n = -Ot * e, o = Ot * e;
   return {
     out: {
       willChange: "transform, opacity",
@@ -181,17 +181,17 @@ function He({
     }
   };
 }
-function Ne() {
+function We() {
   return {
-    outPhysics: Ye,
-    inPhysics: Le,
+    outPhysics: He,
+    inPhysics: Ne,
     composition: { mode: "sequence" },
-    build: He
+    build: ze
   };
 }
-const ze = 40, Ve = {
+const Xe = 40, Ve = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Xe = {
+}, Be = {
   spring: {
     stiffness: 400,
     damping: 30,
@@ -200,8 +200,8 @@ const ze = 40, Ve = {
     restSpeed: 0.1
   }
 };
-function We(t) {
-  const e = ze;
+function Ue(t) {
+  const e = Xe;
   return {
     out: {
       willChange: "opacity",
@@ -223,32 +223,32 @@ function We(t) {
     }
   };
 }
-function Ue() {
+function Ze() {
   return {
     outPhysics: Ve,
-    inPhysics: Xe,
+    inPhysics: Be,
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: We
+    build: Ue
   };
 }
-const Ot = Ne(), Be = {
-  snappy: Ot,
-  directional: Ot,
-  "non-directional": Ue()
-}, Ft = {
+const Ft = We(), je = {
+  snappy: Ft,
+  directional: Ft,
+  "non-directional": Ze()
+}, kt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, et = 0.1, nt = 1 / 3, Tt = (t) => Math.max(0, Math.min(1, t));
-function Ze({
+}, nt = 0.1, ot = 1 / 3, Tt = (t) => Math.max(0, Math.min(1, t));
+function Ge({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = 1 - e * et;
+  const e = t === "forward" ? 1 : -1, n = 1 - e * nt;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (o) => ({
-        transform: `scale(${1 + e * o * et})`,
-        opacity: `${Tt(1 - o / nt)}`
+        transform: `scale(${1 + e * o * nt})`,
+        opacity: `${Tt(1 - o / ot)}`
       })
     },
     in: {
@@ -258,108 +258,108 @@ function Ze({
         opacity: "0"
       },
       animate: (o) => ({
-        transform: `scale(${n + e * o * et})`,
-        opacity: `${Tt((o - nt) / (1 - nt))}`
+        transform: `scale(${n + e * o * nt})`,
+        opacity: `${Tt((o - ot) / (1 - ot))}`
       })
     }
   };
 }
-function Ge() {
+function qe() {
   return {
-    outPhysics: Ft,
-    inPhysics: Ft,
+    outPhysics: kt,
+    inPhysics: kt,
     // 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: Ze
+    build: Ge
   };
 }
-const kt = {
+const Mt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, ot = 0.1, it = 1 / 3, Mt = (t) => Math.max(0, Math.min(1, t));
-function je() {
+}, it = 0.1, rt = 1 / 3, Dt = (t) => Math.max(0, Math.min(1, t));
+function Ke() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (t) => ({
-        opacity: `${Mt(1 - t / it)}`
+        opacity: `${Dt(1 - t / rt)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - ot})`,
+        transform: `scale(${1 - it})`,
         opacity: "0"
       },
       animate: (t) => ({
-        transform: `scale(${1 - ot + t * ot})`,
-        opacity: `${Mt((t - it) / (1 - it))}`
+        transform: `scale(${1 - it + t * it})`,
+        opacity: `${Dt((t - rt) / (1 - rt))}`
       })
     }
   };
 }
-function qe() {
+function Je() {
   return {
-    outPhysics: kt,
-    inPhysics: kt,
+    outPhysics: Mt,
+    inPhysics: Mt,
     composition: { mode: "parallel" },
-    build: je
+    build: Ke
   };
 }
-const Dt = Ge(), Ke = {
-  snappy: Dt,
-  directional: Dt,
-  "non-directional": qe()
-}, Je = {
-  x: De,
-  y: Be,
-  z: Ke
+const Yt = qe(), Qe = {
+  snappy: Yt,
+  directional: Yt,
+  "non-directional": Je()
+}, tn = {
+  x: Le,
+  y: je,
+  z: Qe
 };
-function Qe(t, e) {
-  const n = Je[t];
+function en(t, e) {
+  const n = tn[t];
   return n[e] ?? n.snappy;
 }
-const tn = "x", en = "snappy";
-function Yt(t, e) {
+const nn = "x", on = "snappy";
+function Lt(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-function te(t) {
+function ee(t) {
   t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
 }
-function nn(t) {
-  te(t), t.style.pointerEvents = "";
+function rn(t) {
+  ee(t), t.style.pointerEvents = "";
 }
-const on = (t = {}) => {
-  const e = t.type ?? tn, n = t.feel ?? en, o = Qe(e, n), i = (r) => {
+const sn = (t = {}) => {
+  const e = t.type ?? nn, n = t.feel ?? on, o = en(e, n), i = (r) => {
     const c = o.build({ direction: r });
     return {
       prepare: ({ from: s, to: l }) => (s.then((a) => {
-        Yt(a, c.out), a.style.pointerEvents = "none";
+        Lt(a, c.out), a.style.pointerEvents = "none";
       }), l.then((a) => {
-        Yt(a, c.in);
+        Lt(a, c.in);
       }), {}),
       animation: ({ from: s, to: l, context: a }) => {
         if (e === "z") {
-          const u = Y(a, "from"), f = Y(a, "to");
-          s.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`, l.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
+          const m = H(a, "from"), u = H(a, "to");
+          s.style.clipPath = `inset(${m.top}px 0 calc(100% - ${m.top + m.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
         }
         const p = new w({
           element: s,
           integrator: C.from(o.outPhysics),
-          style: (u) => c.out.animate(u),
+          style: (m) => c.out.animate(m),
           // 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: () => nn(s)
+          onComplete: () => rn(s)
         }), d = new w({
           element: l,
           integrator: C.from(o.inPhysics),
-          style: (u) => c.in.animate(u),
-          onComplete: () => te(l)
+          style: (m) => c.in.animate(m),
+          onComplete: () => ee(l)
         });
         return new P(
           { out: p, in: d },
@@ -373,20 +373,20 @@ const on = (t = {}) => {
     backward: i("backward")
   });
 };
-function rn(t, e, n) {
+function an(t, e, n) {
   return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function Pi(t = {}, e = {}) {
-  const n = t.type ?? "x", o = t.variant, i = t.feel, r = rn(n, o, i);
-  return A(
-    on({ type: n, feel: r }),
+function _i(t = {}, e = {}) {
+  const n = t.type ?? "x", o = t.variant, i = t.feel, r = an(n, o, i);
+  return _(
+    sn({ type: n, feel: r }),
     e.override
   );
 }
-const sn = {
+const cn = {
   spring: { stiffness: 200, damping: 22 }
-}, an = 10, cn = "horizontal", ln = "#000000";
-function Lt(t, e, n, o, i, r) {
+}, ln = 10, pn = "horizontal", dn = "#000000";
+function Ht(t, e, n, o, i, r) {
   window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
   const s = document.createElement("div");
   s.style.cssText = `
@@ -433,12 +433,12 @@ function Lt(t, e, n, o, i, r) {
   }
   return t.appendChild(s), { container: s, blinds: l };
 }
-const pn = (t = {}) => {
-  const e = t.blindCount ?? an, n = t.direction ?? cn, o = t.blindColor ?? ln, i = t.physics ?? sn, r = {
+const un = (t = {}) => {
+  const e = t.blindCount ?? ln, n = t.direction ?? pn, o = t.blindColor ?? dn, i = t.physics ?? cn, r = {
     prepare: async ({ from: c, to: s }) => {
       const l = await c, a = await s;
       l.style.zIndex = "1000";
-      const p = Lt(
+      const p = Ht(
         l,
         e,
         n,
@@ -447,7 +447,7 @@ const pn = (t = {}) => {
         "left"
       );
       a.style.position = "relative", a.style.zIndex = "0";
-      const d = Lt(
+      const d = Ht(
         a,
         e,
         n,
@@ -471,38 +471,38 @@ const pn = (t = {}) => {
       toContainer: p
     }) => {
       const d = s.map(
-        (y) => new w({
-          element: y,
+        (h) => new w({
+          element: h,
           integrator: C.from(i),
-          style: (h) => ({
-            transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
+          style: (f) => ({
+            transform: n === "horizontal" ? `scaleX(${f})` : `scaleY(${f})`
           })
         })
-      ), u = a.map(
-        (y, h) => new w({
-          element: y,
+      ), m = a.map(
+        (h, f) => new w({
+          element: h,
           integrator: C.from(i),
           style: (b, g) => ({
             transform: n === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
           }),
-          onComplete: h === a.length - 1 ? () => {
+          onComplete: f === a.length - 1 ? () => {
             p.remove(), l.remove(), c.style.zIndex = "", c.style.position = "";
           } : void 0
         })
-      ), f = new P(d, { mode: "parallel" }), m = new P(u, { mode: "parallel" });
+      ), u = new P(d, { mode: "parallel" }), y = new P(m, { mode: "parallel" });
       return new P(
-        { out: f, in: m },
+        { out: u, in: y },
         { mode: "sequence" }
       );
     }
   };
   return I({ forward: r, backward: r });
 };
-function vi(t = {}, e = {}) {
+function Oi(t = {}, e = {}) {
   const { type: n = "horizontal" } = t;
-  return A(pn({ direction: n }), e.override);
+  return _(un({ direction: n }), e.override);
 }
-function W(t, e = {}) {
+function Z(t, e = {}) {
   const n = Object.fromEntries(
     Object.entries(t).map(([o, i]) => {
       const r = i;
@@ -514,20 +514,20 @@ function W(t, e = {}) {
   );
   return new P(n, e);
 }
-function U(t) {
+function j(t) {
   const e = t.onComplete;
   t.onComplete = () => {
     e == null || e(), t.releaseFill();
   };
 }
-const dn = {
+const fn = {
   spring: {
     stiffness: 250,
     damping: 23,
     doubleSpring: 0.7
   }
-}, z = 0.5;
-function un(t) {
+}, B = 0.5;
+function hn(t) {
   const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
   return {
     out: {
@@ -535,29 +535,29 @@ function un(t) {
       startStyle: {},
       animate: (o) => ({
         transform: `translate3d(${e * o}%, 0, 0)`,
-        opacity: `${z + (1 - z) * (1 - o)}`
+        opacity: `${B + (1 - B) * (1 - o)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${z}`
+        opacity: `${B}`
       },
       animate: (o) => ({
         transform: `translate3d(${n * (1 - o)}%, 0, 0)`,
-        opacity: `${z + (1 - z) * o}`
+        opacity: `${B + (1 - B) * o}`
       })
     }
   };
 }
-function fn() {
+function yn() {
   return {
-    physics: dn,
-    build: un
+    physics: fn,
+    build: hn
   };
 }
-const hn = {
+const mn = {
   spring: {
     stiffness: 230,
     damping: 25,
@@ -567,7 +567,7 @@ const hn = {
     }
   }
 };
-function yn(t) {
+function gn(t) {
   const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
   return {
     out: {
@@ -588,51 +588,51 @@ function yn(t) {
     }
   };
 }
-function mn() {
+function bn() {
   return {
-    physics: hn,
-    build: yn
+    physics: mn,
+    build: gn
   };
 }
-const gn = {
-  parallax: mn(),
-  crossfade: fn()
-}, T = "0", ee = "1", k = "2", bn = "parallax";
-function Ht(t, e) {
+const wn = {
+  parallax: bn(),
+  crossfade: yn()
+}, T = "0", ne = "1", M = "2", Sn = "parallax";
+function Nt(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-const wn = (t = {}) => {
-  const e = gn[t.type ?? bn], n = e.physics, o = (i) => {
-    const r = i === "forward" ? "enter" : "exit", c = e.build(r), s = r === "enter" ? T : k, l = r === "enter" ? k : T;
+const xn = (t = {}) => {
+  const e = wn[t.type ?? Sn], n = e.physics, o = (i) => {
+    const r = i === "forward" ? "enter" : "exit", c = e.build(r), s = r === "enter" ? T : M, l = r === "enter" ? M : T;
     return {
       prepare: ({ from: a, to: p }) => (a.then((d) => {
-        Ht(d, c.out), d.style.pointerEvents = "none", d.style.zIndex = s;
+        Nt(d, c.out), d.style.pointerEvents = "none", d.style.zIndex = s;
       }), p.then((d) => {
-        Ht(d, c.in), d.style.position = "relative", d.style.zIndex = l;
+        Nt(d, c.in), d.style.position = "relative", d.style.zIndex = l;
       }), {}),
       animation: ({ from: a, to: p }) => {
         const d = new w({
           element: a,
           integrator: C.from(n),
-          style: (f) => c.out.animate(f),
+          style: (u) => c.out.animate(u),
           // 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,
           // plus the out-only `pointerEvents` / `zIndex`.
           onComplete: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
           }
-        }), u = new w({
+        }), m = new w({
           element: p,
           integrator: C.from(n),
-          style: (f) => c.in.animate(f),
+          style: (u) => c.in.animate(u),
           onComplete: () => {
             p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.transform = "", p.style.opacity = "", p.style.position === "relative" && (p.style.position = ""), p.style.zIndex === l && (p.style.zIndex = "");
           }
         });
-        return [d, u].forEach(U), new P(
-          { out: d, in: u },
+        return [d, m].forEach(j), new P(
+          { out: d, in: m },
           { mode: "parallel" }
         );
       }
@@ -643,15 +643,15 @@ const wn = (t = {}) => {
     backward: o("backward")
   });
 };
-function Sn(t) {
+function Cn(t) {
   return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
 }
-function Ri(t = {}, e = {}) {
-  const n = t.type, o = Sn(n);
-  return A(wn({ type: o }), e.override);
+function Fi(t = {}, e = {}) {
+  const n = t.type, o = Cn(n);
+  return _(xn({ type: o }), e.override);
 }
-const Cn = (t = {}) => {
-  const e = t.physics ?? ve, n = t.physics ?? Re, o = {
+const En = (t = {}) => {
+  const e = t.physics ?? Re, n = t.physics ?? Ie, o = {
     prepare: ({ to: i }) => (i.then((r) => {
       r.style.opacity = "0", r.style.willChange = "opacity";
     }), {}),
@@ -662,7 +662,7 @@ const Cn = (t = {}) => {
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (l) => ({
-          opacity: J("fade", "out", "forward", l).opacity
+          opacity: et("fade", "out", "forward", l).opacity
         }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.opacity = "";
@@ -671,7 +671,7 @@ const Cn = (t = {}) => {
         element: r,
         integrator: C.from(e),
         style: (l) => ({
-          opacity: J("fade", "in", "forward", l).opacity
+          opacity: et("fade", "in", "forward", l).opacity
         }),
         onComplete: () => {
           r.style.willChange = "auto", r.style.opacity = "";
@@ -685,22 +685,22 @@ const Cn = (t = {}) => {
   };
   return I({ forward: o, backward: o });
 };
-function Ii(t = {}, e = {}) {
-  return A(Cn(), e.override);
+function ki(t = {}, e = {}) {
+  return _(En(), e.override);
 }
-const rt = {
+const st = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, H = {
+}, W = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, xn = 0.8, En = "white", Nt = 1e3 / 60, $n = 600;
-function Pn(t) {
-  const { items: e, from: n, to: o, recordFrame: i } = t, r = Nt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
+}, $n = 0.8, Pn = "white", zt = 1e3 / 60, vn = 600;
+function An(t) {
+  const { items: e, from: n, to: o, recordFrame: i } = t, r = zt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
     item: a,
-    integrator: new yt({
+    integrator: new mt({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -713,89 +713,89 @@ function Pn(t) {
     (a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
   i(0);
   let l = 0;
-  for (let a = 1; a <= $n; a++) {
-    const p = a * Nt;
+  for (let a = 1; a <= vn; a++) {
+    const p = a * zt;
     l = p;
     for (const d of s)
-      !d.started || d.settled || (d.state = d.integrator.step(d.state, o, r), d.integrator.isSettled(d.state, o) ? (d.settleTime += r, d.settleTime >= Ee && (d.state = { position: o, 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, o, r), d.integrator.isSettled(d.state, o) ? (d.settleTime += r, d.settleTime >= Pe && (d.state = { position: o, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
     for (let d = 1; d < s.length; d++) {
-      const u = s[d];
-      if (u.started) continue;
-      const f = s[d - 1];
-      if (!f.started) continue;
-      (c === 0 ? 1 : Math.abs(f.state.position - n) / c) >= u.item.offset && (u.started = !0);
+      const m = s[d];
+      if (m.started) continue;
+      const u = s[d - 1];
+      if (!u.started) continue;
+      (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= m.item.offset && (m.started = !0);
     }
     if (i(p), s.every((d) => d.settled)) return p;
   }
   return l;
 }
-function st(t, e) {
+function at(t, e) {
   return t != null && t.spring ? {
     stiffness: t.spring.stiffness,
     damping: t.spring.damping
   } : e;
 }
-function zt(t) {
-  const { rect: e, scale: n, direction: o, override: i } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = st(i, rt.scaleDown), s = st(i, rt.translate), l = st(i, rt.scaleUp), a = o === "out" ? 1 : 0, p = o === "out" ? 0 : 1, d = o === "out" ? [
+function Wt(t) {
+  const { rect: e, scale: n, direction: o, override: i } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = at(i, st.scaleDown), s = at(i, st.translate), l = at(i, st.scaleUp), a = o === "out" ? 1 : 0, p = o === "out" ? 0 : 1, d = o === "out" ? [
     {
       spring: c,
-      offset: H.scaleDown,
-      tick: (m) => {
-        const y = 1 - m;
-        r.scale = 1 - (1 - n) * y;
+      offset: W.scaleDown,
+      tick: (y) => {
+        const h = 1 - y;
+        r.scale = 1 - (1 - n) * h;
       }
     },
     {
       spring: s,
-      offset: H.translate,
-      tick: (m) => {
-        const y = 1 - m;
-        r.translateY = -e.top - e.height * y;
+      offset: W.translate,
+      tick: (y) => {
+        const h = 1 - y;
+        r.translateY = -e.top - e.height * h;
       }
     },
     {
       spring: l,
-      offset: H.scaleUp,
-      tick: (m) => {
-        const y = 1 - m;
-        r.scale = n + (1 - n) * y;
+      offset: W.scaleUp,
+      tick: (y) => {
+        const h = 1 - y;
+        r.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
       spring: c,
-      offset: H.scaleDown,
-      tick: (m) => {
-        r.scale = 1 - (1 - n) * m;
+      offset: W.scaleDown,
+      tick: (y) => {
+        r.scale = 1 - (1 - n) * y;
       }
     },
     {
       spring: s,
-      offset: H.translate,
-      tick: (m) => {
-        r.translateY = -e.top + e.height * (1 - m);
+      offset: W.translate,
+      tick: (y) => {
+        r.translateY = -e.top + e.height * (1 - y);
       }
     },
     {
       spring: l,
-      offset: H.scaleUp,
-      tick: (m) => {
-        r.scale = n + (1 - n) * m;
+      offset: W.scaleUp,
+      tick: (y) => {
+        r.scale = n + (1 - n) * y;
       }
     }
-  ], u = [], f = Pn({
+  ], m = [], u = An({
     items: d,
     from: a,
     to: p,
-    recordFrame: (m) => u.push({
-      time: m,
+    recordFrame: (y) => m.push({
+      time: y,
       scale: r.scale,
       translateY: r.translateY
     })
   });
-  return { snapshots: u, totalDuration: f };
+  return { snapshots: m, totalDuration: u };
 }
-function vn(t, e) {
+function Rn(t, e) {
   if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
   if (t.length === 1 || e <= 0) return t[0];
   if (e >= 1) return t[t.length - 1];
@@ -808,13 +808,13 @@ function vn(t, e) {
     translateY: r.translateY + (c.translateY - r.translateY) * s
   };
 }
-const Rn = [
+const In = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function In(t, e) {
+function _n(t, e) {
   const i = (r, c, s) => {
     const l = document.createElement("div");
     Object.assign(l.style, {
@@ -879,11 +879,11 @@ function In(t, e) {
     )
   };
 }
-function Vt(t, e) {
+function Xt(t, e) {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   t.style.transformOrigin = `${n}px ${o}px`;
 }
-function Xt(t, e) {
+function Vt(t, e) {
   t.style.clipPath = `polygon(
     ${e.left}px ${e.top}px,
     ${e.left + e.width}px ${e.top}px,
@@ -891,88 +891,88 @@ function Xt(t, e) {
     ${e.left}px ${e.top + e.height}px
   )`;
 }
-function at(t, e, n, o, i) {
+function ct(t, e, n, o, i) {
   const r = n / 1e3;
   return new w({
     element: t,
-    integrator: new Ae({ durationSec: r }),
+    integrator: new Oe({ durationSec: r }),
     lowerBound: 0,
     upperBound: 1,
-    style: (c) => o(vn(e, c)),
+    style: (c) => o(Rn(e, c)),
     onComplete: i
   });
 }
-const An = (t = {}) => {
+const On = (t = {}) => {
   var r;
-  const e = ((r = t.border) == null ? void 0 : r.color) ?? En, n = xn, o = t.physics, i = {
+  const e = ((r = t.border) == null ? void 0 : r.color) ?? Pn, n = $n, o = t.physics, i = {
     prepare: ({ from: c, to: s, context: l }) => {
-      const a = Y(l, "from"), p = Y(l, "to"), d = Et(document.body, l.positionedParent), u = In(e, {
+      const a = H(l, "from"), p = H(l, "to"), d = $t(document.body, l.positionedParent), m = _n(e, {
         ...a,
         top: d.top
       });
-      for (const f of [
+      for (const u of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(u[f]);
-      return c.then((f) => {
-        Vt(f, a), Xt(f, a), f.style.transform = `translateY(${-a.top}px)`;
-      }), s.then((f) => {
-        Vt(f, p), Xt(f, p), f.style.transform = `translateY(${-p.top + p.height}px) scale(${n})`;
-      }), { borders: u, fromRect: a, toRect: p };
+        l.positionedParent.appendChild(m[u]);
+      return c.then((u) => {
+        Xt(u, a), Vt(u, a), u.style.transform = `translateY(${-a.top}px)`;
+      }), s.then((u) => {
+        Xt(u, p), Vt(u, p), u.style.transform = `translateY(${-p.top + p.height}px) scale(${n})`;
+      }), { borders: m, fromRect: a, toRect: p };
     },
     animation: ({ from: c, to: s, context: l, borders: a, fromRect: p, toRect: d }) => {
-      const u = zt({
+      const m = Wt({
         rect: p,
         scale: n,
         direction: "out",
         override: o
-      }), f = zt({
+      }), u = Wt({
         rect: d,
         scale: n,
         direction: "in",
         override: o
-      }), m = at(
+      }), y = ct(
         c,
-        u.snapshots,
-        u.totalDuration,
-        (x) => ({
-          transform: `translateY(${x.translateY}px) scale(${x.scale})`
+        m.snapshots,
+        m.totalDuration,
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
           c.style.clipPath = "", c.style.transformOrigin = "", c.style.transform = "";
         }
-      ), y = at(
+      ), h = ct(
         s,
-        f.snapshots,
-        f.totalDuration,
-        (x) => ({
-          transform: `translateY(${x.translateY}px) scale(${x.scale})`
+        u.snapshots,
+        u.totalDuration,
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
           s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
         }
-      ), h = Rn.map(([x, $], v) => {
-        const _ = ["topLeft", "topRight", "bottomLeft", "bottomRight"][v];
-        return at(
-          a[_],
-          u.snapshots,
-          u.totalDuration,
-          (S) => {
-            const E = (p.width - p.width * S.scale) / 2 * 0.7 * x, O = (p.height - p.height * S.scale) / 2 * 0.7 * $;
-            return { transform: `translate(${E}px, ${O}px)` };
+      ), f = In.map(([S, $], v) => {
+        const O = ["topLeft", "topRight", "bottomLeft", "bottomRight"][v];
+        return ct(
+          a[O],
+          m.snapshots,
+          m.totalDuration,
+          (x) => {
+            const E = (p.width - p.width * x.scale) / 2 * 0.7 * S, F = (p.height - p.height * x.scale) / 2 * 0.7 * $;
+            return { transform: `translate(${E}px, ${F}px)` };
           }
         );
-      }), b = W({
-        out: m,
-        in: y,
-        borders: h
+      }), b = Z({
+        out: y,
+        in: h,
+        borders: f
       }), g = b.onComplete;
       return b.onComplete = () => {
         g == null || g();
-        const x = l.positionedParent;
+        const S = l.positionedParent;
         for (const $ of [
           "topLeft",
           "topRight",
@@ -980,18 +980,18 @@ const An = (t = {}) => {
           "bottomRight"
         ]) {
           const v = a[$];
-          v.parentElement === x && x.removeChild(v);
+          v.parentElement === S && S.removeChild(v);
         }
       }, b;
     }
   };
   return I({ forward: i, backward: i });
 };
-function Ai(t = {}, e = {}) {
+function Ti(t = {}, e = {}) {
   const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return A(An(o), e.override);
+  return _(On(o), e.override);
 }
-function _n(t) {
+function Fn(t) {
   if (!t) return null;
   if (t.includes("/")) {
     const n = t.split("/");
@@ -1002,37 +1002,37 @@ function _n(t) {
   const e = Number.parseFloat(t);
   return Number.isFinite(e) && e > 0 ? e : null;
 }
-function On(t) {
+function kn(t) {
   return t === "contain" || t === "cover" ? t : null;
 }
-function gt(t) {
+function bt(t) {
   return t.tagName === "IMG";
 }
-function ne(t) {
-  if (gt(t)) return t;
+function oe(t) {
+  if (bt(t)) return t;
   if (t.tagName === "PICTURE" || t.tagName === "VIDEO")
     return null;
   const e = [];
   for (const n of Array.from(t.children)) {
     const o = n;
-    gt(o) && e.push(o);
+    bt(o) && e.push(o);
   }
   return e.length === 1 ? e[0] ?? null : null;
 }
-function Fn(t) {
+function Tn(t) {
   var l, a;
-  if (!gt(t)) return null;
+  if (!bt(t)) return null;
   const e = t, n = e.naturalWidth, o = e.naturalHeight;
   if (typeof n == "number" && typeof o == "number" && Number.isFinite(n) && Number.isFinite(o) && n > 0 && o > 0)
     return n / o;
   const i = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = i === "" ? Number.NaN : Number(i), s = r === "" ? Number.NaN : Number(r);
   return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
 }
-function Tn(t) {
+function Mn(t) {
   const e = t.trim().toLowerCase().replace(/\s+/g, " ");
   return e === "" || e === "center" || e === "center center" || e === "50% 50%";
 }
-function Z(t) {
+function K(t) {
   if (typeof getComputedStyle == "function")
     try {
       return getComputedStyle(t);
@@ -1040,27 +1040,27 @@ function Z(t) {
     }
   return t.style;
 }
-function kn(t) {
-  const e = Z(t), n = Tn(e.objectPosition ?? "");
+function Dn(t) {
+  const e = K(t), n = Mn(e.objectPosition ?? "");
   return {
-    fit: n ? On(e.objectFit ?? null) : null,
+    fit: n ? kn(e.objectFit ?? null) : null,
     centered: n
   };
 }
-function $t(t) {
+function Pt(t) {
   if (!t) return 0;
   const e = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());
   if (!e) return null;
   const n = Number.parseFloat(e[1] ?? "");
   return Number.isFinite(n) && n >= 0 ? n : null;
 }
-function bt(t) {
-  const e = Z(t), n = [
+function wt(t) {
+  const e = K(t), n = [
     e.borderTopLeftRadius,
     e.borderTopRightRadius,
     e.borderBottomRightRadius,
     e.borderBottomLeftRadius
-  ].map($t), o = n[0];
+  ].map(Pt), o = n[0];
   if (o == null)
     return { radius: 0, supported: !1 };
   const i = n.every(
@@ -1068,7 +1068,7 @@ function bt(t) {
   );
   return { radius: i ? o : 0, supported: i };
 }
-function Mn(t, e) {
+function Yn(t, e) {
   var i;
   if (!e) return null;
   const n = (i = t.getAttribute(e)) == null ? void 0 : i.trim();
@@ -1076,8 +1076,8 @@ function Mn(t, e) {
   const o = Number.parseFloat(n);
   return Number.isFinite(o) && o >= 0 ? o : null;
 }
-function Dn(t) {
-  const e = Z(t);
+function Ln(t) {
+  const e = K(t);
   return [
     e.paddingTop,
     e.paddingRight,
@@ -1087,19 +1087,19 @@ function Dn(t) {
     e.borderRightWidth,
     e.borderBottomWidth,
     e.borderLeftWidth
-  ].every((o) => o ? $t(o) === 0 : !0);
+  ].every((o) => o ? Pt(o) === 0 : !0);
 }
-function Yn(t) {
-  const e = Z(t), n = (o) => o === "hidden" || o === "clip";
+function Hn(t) {
+  const e = K(t), n = (o) => o === "hidden" || o === "clip";
   return n(e.overflowX) && n(e.overflowY);
 }
-function M(t) {
+function D(t) {
   return t.left + t.width / 2;
 }
-function D(t) {
+function Y(t) {
   return t.top + t.height / 2;
 }
-function B(t, e) {
+function G(t, e) {
   return {
     top: Math.max(0, e.top - t.top),
     right: Math.max(0, t.left + t.width - (e.left + e.width)),
@@ -1107,14 +1107,14 @@ function B(t, e) {
     left: Math.max(0, e.left - t.left)
   };
 }
-function wt(t, e) {
+function St(t, e) {
   const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), i = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
   return i > n && r > o ? { left: n, top: o, width: i - n, height: r - o } : null;
 }
-function X(t, e) {
+function U(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function Ln(t, e, n) {
+function Nn(t, e, n) {
   const o = t.width / t.height;
   let i, r;
   return n === "contain" ? o > e ? (r = t.height, i = r * e) : (i = t.width, r = i / e) : o > e ? (i = t.width, r = i / e) : (r = t.height, i = r * e), {
@@ -1124,13 +1124,13 @@ function Ln(t, e, n) {
     height: r
   };
 }
-function oe(t, e, n) {
-  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Ln(t, e, n) : t, i = n === "contain" ? o : t;
+function ie(t, e, n) {
+  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Nn(t, e, n) : t, i = n === "contain" ? o : t;
   return {
     bbox: t,
     content: o,
     window: i,
-    clipInset: B(o, i),
+    clipInset: G(o, i),
     aspectRatio: e,
     fit: n,
     radius: 0,
@@ -1141,52 +1141,52 @@ function oe(t, e, n) {
     mediaElement: null
   };
 }
-function St(t, e, n) {
+function xt(t, e, n) {
   return {
-    ...oe(t, null, null),
+    ...ie(t, null, null),
     radius: e,
     radiusSource: n,
     bboxRadius: e,
     bboxRadiusSource: n
   };
 }
-function ie(t, e) {
+function re(t, e) {
   const n = t.aspectRatio, o = e.aspectRatio;
   return t.contentAware && e.contentAware && n !== null && o !== null && Math.abs(n - o) / Math.max(n, o) < 0.01;
 }
-function Wt(t) {
-  return St(
+function Bt(t) {
+  return xt(
     t.bbox,
     t.bboxRadius,
     t.bboxRadiusSource
   );
 }
-function re(t, e) {
-  return ie(t, e) ? [t, e] : [Wt(t), Wt(e)];
+function se(t, e) {
+  return re(t, e) ? [t, e] : [Bt(t), Bt(e)];
 }
-function Hn(t, e, n, o) {
-  const i = ne(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? _n(
+function zn(t, e, n, o) {
+  const i = oe(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? Fn(
     t.getAttribute(o.legacyAspectRatioAttribute) ?? (i == null ? void 0 : i.getAttribute(o.legacyAspectRatioAttribute)) ?? null
-  ) : null, s = c ?? (i ? Fn(i) : null), l = i ? kn(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Dn(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, p = oe(r, s, a), d = Yn(t), f = i !== null && i !== t && d ? wt(p.window, e) : p.window, m = Mn(t, o.legacyRadiusAttribute), y = i === t || d, h = y ? bt(t) : { radius: 0, supported: !0 }, b = m ?? h.radius, g = m !== null ? "legacy" : h.supported ? h.radius > 0 ? "computed" : "none" : "unsupported", x = [];
-  f && y && X(f, e) && x.push(h), f && i && X(f, r) && x.push(bt(i));
-  const $ = x.every((E) => E.supported), v = Math.max(
+  ) : null, s = c ?? (i ? Tn(i) : null), l = i ? Dn(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Ln(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, p = ie(r, s, a), d = Hn(t), u = i !== null && i !== t && d ? St(p.window, e) : p.window, y = Yn(t, o.legacyRadiusAttribute), h = i === t || d, f = h ? wt(t) : { radius: 0, supported: !0 }, b = y ?? f.radius, g = y !== null ? "legacy" : f.supported ? f.radius > 0 ? "computed" : "none" : "unsupported", S = [];
+  u && h && U(u, e) && S.push(f), u && i && U(u, r) && S.push(wt(i));
+  const $ = S.every((E) => E.supported), v = Math.max(
     0,
-    ...x.map((E) => E.radius)
-  ), _ = m ?? v, S = m !== null ? "legacy" : $ ? v > 0 ? "computed" : "none" : "unsupported";
-  return !f || S === "unsupported" ? St(e, b, g) : {
+    ...S.map((E) => E.radius)
+  ), O = y ?? v, x = y !== null ? "legacy" : $ ? v > 0 ? "computed" : "none" : "unsupported";
+  return !u || x === "unsupported" ? xt(e, b, g) : {
     ...p,
     bbox: e,
-    window: f,
-    clipInset: B(p.content, f),
-    radius: _,
-    radiusSource: S,
+    window: u,
+    clipInset: G(p.content, u),
+    radius: O,
+    radiusSource: x,
     bboxRadius: b,
     bboxRadiusSource: g,
     mediaElement: p.contentAware ? i : null
   };
 }
 function Ct(t, e, n, o) {
-  const i = Hn(
+  const i = zn(
     t,
     e,
     n,
@@ -1196,85 +1196,165 @@ function Ct(t, e, n, o) {
     return i;
   let r = i.window, c = i.radius, s = [c, c, c, c], l = i.radiusSource, a = t.parentElement;
   for (; a && a !== o.clipRoot; ) {
-    const d = Z(a), u = (y) => y === "hidden" || y === "clip" || y === "auto" || y === "scroll", f = u(d.overflowX), m = u(d.overflowY);
-    if (f || m) {
+    const d = K(a), m = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = m(d.overflowX), y = m(d.overflowY);
+    if (u || y) {
       if (![
         d.borderTopWidth,
         d.borderRightWidth,
         d.borderBottomWidth,
         d.borderLeftWidth
-      ].every((S) => $t(S) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
+      ].every((x) => Pt(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
         return i;
-      const h = n(a), b = {
-        left: f ? h.left : r.left,
-        top: m ? h.top : r.top,
-        width: f ? h.width : r.width,
-        height: m ? h.height : r.height
-      }, g = wt(r, b);
+      const f = n(a), b = {
+        left: u ? f.left : r.left,
+        top: y ? f.top : r.top,
+        width: u ? f.width : r.width,
+        height: y ? f.height : r.height
+      }, g = St(r, b);
       if (!g) return i;
-      const x = bt(a);
-      if (!x.supported) return i;
-      if (f && m && X(r, h))
-        l !== "legacy" && (c = Math.max(c, x.radius), s = s.map(
-          (S) => Math.max(S, x.radius)
+      const S = wt(a);
+      if (!S.supported) return i;
+      if (u && y && U(r, f))
+        l !== "legacy" && (c = Math.max(c, S.radius), s = s.map(
+          (x) => Math.max(x, S.radius)
         ), c > 0 && (l = "computed"));
-      else if (x.radius > 0) {
-        const S = {
-          left: h.left + x.radius,
-          top: h.top + x.radius,
-          width: h.width - 2 * x.radius,
-          height: h.height - 2 * x.radius
+      else if (S.radius > 0) {
+        const x = {
+          left: f.left + S.radius,
+          top: f.top + S.radius,
+          width: f.width - 2 * S.radius,
+          height: f.height - 2 * S.radius
         };
-        if (!X(wt(r, S) ?? h, r))
+        if (!U(St(r, x) ?? f, r))
           return i;
       }
-      const $ = B(r, g), v = [
+      const $ = G(r, g), v = [
         [$.top, $.left],
         [$.top, $.right],
         [$.bottom, $.right],
         [$.bottom, $.left]
       ];
-      for (let S = 0; S < 4; S++) {
-        const E = Math.max(...v[S]), O = s[S];
-        if (E > 0.01 && E < O) return i;
-        E > 0.01 && (s[S] = 0);
+      for (let x = 0; x < 4; x++) {
+        const E = Math.max(...v[x]), F = s[x];
+        if (E > 0.01 && E < F) return i;
+        E > 0.01 && (s[x] = 0);
       }
-      const _ = Math.max(...s);
-      if (g.width < _ || g.height < _)
+      const O = Math.max(...s);
+      if (g.width < O || g.height < O)
         return i;
       r = g;
     }
     a = a.parentElement;
   }
-  const p = X(i.bbox, r);
+  const p = U(i.bbox, r);
   return {
     ...i,
     window: r,
-    clipInset: B(i.content, r),
+    clipInset: G(i.content, r),
     radius: c,
     radiusSource: l,
     ...s.some((d) => d !== c) ? { cornerRadii: s } : {},
     ...p ? { bboxRadius: c, bboxRadiusSource: l } : {}
   };
 }
-function se(t, e, n, o, i) {
+function ae(t, e, n, o, i) {
   const r = n.width / o, c = n.height / i;
   return {
-    left: M(t) + (M(n) - M(e)) / o - r / 2,
-    top: D(t) + (D(n) - D(e)) / i - c / 2,
+    left: D(t) + (D(n) - D(e)) / o - r / 2,
+    top: Y(t) + (Y(n) - Y(e)) / i - c / 2,
     width: r,
     height: c
   };
 }
-const Nn = {
+const Wn = {
   enter: "contain",
   exit: "cover",
   legacy: "contain"
 };
-function N(t) {
-  return Nn[t];
+function X(t) {
+  return Wn[t];
+}
+function q(t, e) {
+  const n = e.map((o) => ({
+    name: o,
+    value: t.style.getPropertyValue(o),
+    priority: t.style.getPropertyPriority(o)
+  }));
+  return () => {
+    for (const { name: o, value: i, priority: r } of n)
+      i ? t.style.setProperty(o, i, r) : t.style.removeProperty(o);
+  };
+}
+function Xn(t) {
+  const e = t.getAttribute("data-hero-transitioning");
+  return t.setAttribute("data-hero-transitioning", ""), () => {
+    e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
+  };
+}
+function Vn(t, e) {
+  const n = q(t, ["z-index"]), o = q(e, ["z-index", "position"]);
+  return t.style.zIndex = T, e.style.zIndex = M, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
+    n(), o();
+  };
 }
-function Pt(t, e, n) {
+function Bn(t, e, n) {
+  if (t.tagName !== "IMG") return () => {
+  };
+  const o = getComputedStyle(t), i = (m) => Number.parseFloat(m) || 0, r = o.boxSizing === "border-box", c = i(o.width) + (r ? 0 : i(o.paddingLeft) + i(o.paddingRight) + i(o.borderLeftWidth) + i(o.borderRightWidth)), s = i(o.height) + (r ? 0 : i(o.paddingTop) + i(o.paddingBottom) + i(o.borderTopWidth) + i(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
+  let p = null;
+  o.position !== "absolute" && o.position !== "fixed" && (p = document.createElement("span"), p.setAttribute("data-hero-placeholder", ""), p.setAttribute("aria-hidden", "true"), Object.assign(p.style, {
+    display: o.display === "inline" ? "inline-block" : o.display,
+    boxSizing: "border-box",
+    width: `${c}px`,
+    height: `${s}px`,
+    margin: o.margin,
+    flex: o.flex,
+    alignSelf: o.alignSelf,
+    gridArea: o.gridArea,
+    order: o.order,
+    verticalAlign: o.verticalAlign,
+    visibility: "hidden",
+    pointerEvents: "none"
+  }), t.before(p));
+  const d = q(t, [
+    "position",
+    "left",
+    "top",
+    "right",
+    "bottom",
+    "width",
+    "height",
+    "min-width",
+    "min-height",
+    "max-width",
+    "max-height",
+    "box-sizing",
+    "margin-top",
+    "margin-right",
+    "margin-bottom",
+    "margin-left",
+    "flex"
+  ]);
+  return Object.assign(t.style, {
+    position: "absolute",
+    left: "0",
+    top: "0",
+    right: "auto",
+    bottom: "auto",
+    boxSizing: "border-box",
+    width: `${l}px`,
+    height: `${a}px`,
+    minWidth: "0",
+    minHeight: "0",
+    maxWidth: "none",
+    maxHeight: "none",
+    margin: "0",
+    flex: "none"
+  }), () => {
+    d(), p == null || p.remove();
+  };
+}
+function vt(t, e, n) {
   const o = (s, l) => `${l > 0 ? s / l * 100 : 0}%`, i = [
     o(e.top, t.height),
     o(e.right, t.width),
@@ -1283,8 +1363,8 @@ function Pt(t, e, n) {
   ].join(" "), r = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
   return `inset(${i} round ${r} / ${c})`;
 }
-const Ut = "data-hero-enter-key", Bt = "data-hero-exit-key", ct = "data-hero-key";
-class zn {
+const Ut = "data-hero-enter-key", Zt = "data-hero-exit-key", lt = "data-hero-key";
+class Un {
   constructor() {
     R(this, "previousFromOpacity", "");
   }
@@ -1299,66 +1379,82 @@ class zn {
     }), {};
   }
 }
-const Vn = () => new zn();
-function Xn(t, e) {
-  const n = new Set(
-    e.map((c) => ne(c) ?? c)
-  ), o = /* @__PURE__ */ new Set();
+const Zn = () => new Un();
+function jn(t, e) {
+  const n = new Set(e), o = /* @__PURE__ */ new Set();
   for (const c of n) {
     let s = c.parentElement;
     for (; s && s !== t; )
       o.add(s), s = s.parentElement;
   }
   const i = [], r = (c) => {
-    if (!n.has(c)) {
+    var s;
+    if (!(n.has(c) || ((s = c.getAttribute) == null ? void 0 : s.call(c, "data-hero-placeholder")) != null)) {
       if (c !== t && !o.has(c)) {
         i.push(c);
         return;
       }
-      for (const s of Array.from(c.children))
-        s instanceof HTMLElement && r(s);
+      for (const l of Array.from(c.children))
+        l instanceof HTMLElement && r(l);
     }
   };
   return r(t), i;
 }
-class Wn {
+class Gn {
   contribute(e) {
-    const { from: n, to: o, resolved: i, physics: r, onComplete: c } = e, s = Xn(
-      o,
-      i.pairs.map((u) => u.toEl)
-    ).map((u) => ({
+    const { from: n, to: o, resolved: i, physics: r, onComplete: c } = e, s = i.pairs.map(
+      (u) => oe(u.toEl) ?? u.toEl
+    ), l = (s.length ? jn(o, s) : [o]).map((u) => ({
       element: u,
       opacity: u.style.opacity,
       willChange: u.style.willChange,
       targetOpacity: Number.parseFloat(getComputedStyle(u).opacity) || 0
-    })), l = n.style.opacity, a = o.style.opacity, p = n.style.willChange, d = o.style.willChange;
-    o.style.opacity = "0", n.style.willChange = "opacity", o.style.willChange = "opacity";
-    for (const { element: u } of s)
+    })), a = /* @__PURE__ */ new Set();
+    for (const u of s)
+      for (let y = u.parentElement; y && (a.add(y), y !== o); y = y.parentElement)
+        ;
+    const p = Array.from(a).map((u) => ({
+      element: u,
+      color: getComputedStyle(u).backgroundColor,
+      previousColor: u.style.backgroundColor
+    })).filter(
+      ({ color: u }) => u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)"
+    ), d = n.style.opacity, m = n.style.willChange;
+    n.style.willChange = "opacity";
+    for (const { element: u } of l)
       u.style.opacity = "0", u.style.willChange = "opacity";
+    for (const { element: u } of p)
+      u.style.backgroundColor = "transparent";
     return c(() => {
-      n.style.opacity = l, o.style.opacity = a, n.style.willChange = p, o.style.willChange = d;
-      for (const { element: u, opacity: f, willChange: m } of s)
-        u.style.opacity = f, u.style.willChange = m;
+      n.style.opacity = d, n.style.willChange = m;
+      for (const { element: u, opacity: y, willChange: h } of l)
+        u.style.opacity = y, u.style.willChange = h;
+      for (const { element: u, previousColor: y } of p)
+        u.style.backgroundColor = y;
     }), {
       out: [
         new w({
           element: n,
           integrator: C.from(r),
-          style: (u, f) => ({ opacity: f })
+          style: (u, y) => ({ opacity: y })
         })
       ],
       in: [
-        new w({
-          element: o,
-          integrator: C.from(r),
-          style: (u) => ({ opacity: u })
-        }),
-        ...s.map(
-          ({ element: u, targetOpacity: f }) => new w({
+        ...l.map(
+          ({ element: u, targetOpacity: y }) => new w({
             element: u,
             integrator: C.from(r),
-            style: (m) => ({
-              opacity: Math.min(1, Math.max(0, m)) * f
+            style: (h) => ({
+              opacity: Math.min(1, Math.max(0, h)) * y
+            })
+          })
+        ),
+        ...p.map(
+          ({ element: u, color: y }) => new w({
+            element: u,
+            integrator: C.from(r),
+            style: (h) => ({
+              backgroundColor: `color-mix(in srgb, ${y} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
             })
           })
         )
@@ -1366,20 +1462,20 @@ class Wn {
     };
   }
 }
-const Un = () => new Wn(), Bn = {
-  static: Vn,
-  fade: Un
-}, Zn = {
+const qn = () => new Gn(), Kn = {
+  static: Zn,
+  fade: qn
+}, Jn = {
   spring: { stiffness: 320, damping: 30 }
-}, Gn = () => Zn, jn = {
+}, Qn = () => Jn, to = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, qn = () => jn, Kn = {
-  default: Gn,
-  smooth: qn
-}, Jn = 700, Qn = "data-hero-aspect-ratio", to = "data-hero-radius";
-function Zt(t, e, n, o) {
+}, eo = () => to, no = {
+  default: Qn,
+  smooth: eo
+}, oo = 700, io = "data-hero-aspect-ratio", ro = "data-hero-radius";
+function jt(t, e, n, o) {
   const i = (c) => {
-    const s = V(t, c);
+    const s = L(t, c);
     return {
       left: s.left + t.scrollLeft,
       top: s.top + t.scrollTop,
@@ -1390,11 +1486,11 @@ function Zt(t, e, n, o) {
   return Ct(e, r, i, {
     clipRoot: o,
     fallbackFit: n,
-    legacyAspectRatioAttribute: Qn,
-    legacyRadiusAttribute: to
+    legacyAspectRatioAttribute: io,
+    legacyRadiusAttribute: ro
   });
 }
-function q(t, e) {
+function Q(t, e) {
   const n = /* @__PURE__ */ new Map(), o = t.querySelectorAll(`[${e}]`);
   for (const i of Array.from(o)) {
     const r = i.getAttribute(e);
@@ -1402,155 +1498,180 @@ function q(t, e) {
   }
   return n;
 }
-function eo(t, e) {
-  const n = [], o = q(e, Ut), i = q(t, Bt);
+function so(t, e) {
+  const n = [], o = Q(e, Ut), i = Q(t, Zt);
   for (const [s, l] of o) {
     const a = i.get(s);
     a && n.push({
       key: s,
       fromEl: a,
       toEl: l,
-      fromFit: N("exit"),
-      toFit: N("enter")
+      fromFit: X("exit"),
+      toFit: X("enter")
     });
   }
-  const r = q(t, Ut), c = q(e, Bt);
+  const r = Q(t, Ut), c = Q(e, Zt);
   for (const [s, l] of r) {
     const a = c.get(s);
     a && n.push({
       key: s,
       fromEl: l,
       toEl: a,
-      fromFit: N("enter"),
-      toFit: N("exit")
+      fromFit: X("enter"),
+      toFit: X("exit")
     });
   }
   return n;
 }
-function no(t, e) {
+function ao(t, e) {
   const n = [], o = Array.from(
-    e.querySelectorAll(`[${ct}]`)
+    e.querySelectorAll(`[${lt}]`)
   );
   for (const i of o) {
-    const r = i.getAttribute(ct);
+    const r = i.getAttribute(lt);
     if (!r) continue;
     const c = t.querySelector(
-      `[${ct}="${r}"]`
+      `[${lt}="${r}"]`
     );
     c && n.push({
       key: r,
       fromEl: c,
       toEl: i,
-      fromFit: N("legacy"),
-      toFit: N("legacy")
+      fromFit: X("legacy"),
+      toFit: X("legacy")
     });
   }
   return n;
 }
-function oo(t, e) {
-  const n = eo(t, e);
-  return n.length > 0 ? n : no(t, e);
+function co(t, e) {
+  const n = so(t, e);
+  return n.length > 0 ? n : ao(t, e);
 }
-function io(t, e) {
-  return re(t, e);
+function lo(t, e) {
+  return se(t, e);
 }
-function ro(t, e) {
+function po(t, e) {
   return t.radiusSource === "unsupported" || e.radiusSource === "unsupported" ? !1 : t.mediaElement !== null || e.mediaElement !== null || t.radiusSource === "computed" || t.radiusSource === "legacy" || e.radiusSource === "computed" || e.radiusSource === "legacy";
 }
-function so(t, e, n, o, i) {
-  const { fromEl: r, toEl: c } = e, [s, l] = io(
-    Zt(t, r, e.fromFit, o),
-    Zt(t, c, e.toFit, i)
-  ), a = s.content, p = s.window, d = l.content, u = l.window, f = l.clipInset, m = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", y = m ? 0 : s.radius, h = m ? 0 : l.radius;
-  if (a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0 || d.width === 0 || d.height === 0 || u.width === 0 || u.height === 0)
+function uo(t, e, n, o, i) {
+  const { fromEl: r, toEl: c } = e, [s, l] = lo(
+    jt(t, r, e.fromFit, o),
+    jt(t, c, e.toFit, i)
+  ), a = s.content, p = s.window, d = l.content, m = l.window, u = l.clipInset, y = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = y ? 0 : s.radius, f = y ? 0 : l.radius;
+  if (a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0 || d.width === 0 || d.height === 0 || m.width === 0 || m.height === 0)
     return null;
   const b = Math.max(
     a.width / d.width,
     a.height / d.height
-  ), g = M(a), x = D(a), $ = M(d), v = D(d), _ = g - $, S = x - v;
-  if (Math.abs(S) > n) return null;
-  const E = B(
+  ), g = D(a), S = Y(a), $ = D(d), v = Y(d), O = g - $, x = S - v;
+  if (Math.abs(x) > n) return null;
+  const E = G(
     d,
-    se(d, a, p, b, b)
+    ae(d, a, p, b, b)
   );
   return {
     toContent: d,
     fromVisualEl: s.mediaElement ?? r,
     toVisualEl: l.mediaElement ?? c,
-    resetCloneRadius: ro(s, l),
-    styleFor: (O, F) => {
-      const Q = F * _, j = F * S, L = O + F * b, tt = s.cornerRadii ?? [
-        y,
-        y,
-        y,
-        y
-      ], ue = l.cornerRadii ?? [
+    resetRadius: po(s, l),
+    styleFor: (F, k, A) => {
+      const V = (k * O + (A ? $ - D(A.box) : 0)) / ((A == null ? void 0 : A.scaleX) ?? 1), N = (k * x + (A ? v - Y(A.box) : 0)) / ((A == null ? void 0 : A.scaleY) ?? 1), z = F + k * b, fe = s.cornerRadii ?? [
         h,
         h,
         h,
         h
-      ], fe = tt.map((be, we) => {
-        const vt = Math.max(0, be * F + ue[we] * O) / Math.max(Math.abs(L), 1e-6);
-        return { x: vt, y: vt };
-      }), he = E.top * F + f.top * O, ye = E.right * F + f.right * O, me = E.bottom * F + f.bottom * O, ge = E.left * F + f.left * O;
+      ], he = l.cornerRadii ?? [
+        f,
+        f,
+        f,
+        f
+      ], ye = fe.map((Se, xe) => {
+        const At = Math.max(0, Se * k + he[xe] * F) / Math.max(Math.abs(z), 1e-6);
+        return { x: At, y: At };
+      }), me = E.top * k + u.top * F, ge = E.right * k + u.right * F, be = E.bottom * k + u.bottom * F, we = E.left * k + u.left * F;
       return {
-        transform: `translate(${Q}px, ${j}px) scale(${L})`,
-        clipPath: Pt(
+        transform: A ? `translate(${V}px, ${N}px) scale(${z * d.width / A.box.width}, ${z * d.height / A.box.height})` : `translate(${V}px, ${N}px) scale(${z})`,
+        clipPath: vt(
           d,
           {
-            top: he,
-            right: ye,
-            bottom: me,
-            left: ge
+            top: me,
+            right: ge,
+            bottom: be,
+            left: we
           },
-          fe
+          ye
         )
       };
     }
   };
 }
-function ao(t, e) {
+function fo(t, e) {
   t.style.transform = e.transform, t.style.clipPath = e.clipPath;
 }
-class co {
+class ho {
   contribute(e) {
-    const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onComplete: c } = e, s = [];
-    for (const l of n.pairs) {
-      const a = so(
+    const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onComplete: c } = e;
+    c(Vn(e.from, e.to));
+    const s = n.pairs.flatMap((a) => {
+      const p = uo(
         i,
-        l,
+        a,
         r,
         e.from,
         e.to
       );
-      if (!a) continue;
-      const { fromVisualEl: p, toVisualEl: d } = a, u = d.cloneNode(!0);
-      u.style.position = "absolute", u.style.left = `${a.toContent.left}px`, u.style.top = `${a.toContent.top}px`, u.style.width = `${a.toContent.width}px`, u.style.height = `${a.toContent.height}px`, u.style.margin = "0", u.style.transformOrigin = "center center", u.style.zIndex = "1000", u.style.willChange = "transform, clip-path", u.style.pointerEvents = "none", u.style.maxWidth = "none", u.style.maxHeight = "none", a.resetCloneRadius && (u.style.borderRadius = "0"), ao(u, a.styleFor(0, 1)), i.appendChild(u);
-      const f = p.style.opacity, m = d.style.opacity;
-      p.style.opacity = "0", d.style.opacity = "0", c(() => {
-        p.style.opacity = f, d.style.opacity = m, u.parentElement && u.parentElement.removeChild(u);
-      }), s.push(
+      return p ? [{ pair: a, plan: p }] : [];
+    });
+    e.resolved = { pairs: s.map(({ pair: a }) => a) };
+    const l = [];
+    for (const { plan: a } of s) {
+      const { fromVisualEl: p, toVisualEl: d } = a, m = Xn(d), u = q(p, ["opacity"]), y = q(d, [
+        "transform",
+        "transform-origin",
+        "clip-path",
+        "object-fit",
+        "border-radius",
+        "will-change"
+      ]);
+      d.style.transform = "none", d.style.transformOrigin = "center center", d.style.willChange = "transform, clip-path", a.resetRadius && (d.style.borderRadius = "0");
+      const h = Bn(
+        d,
+        a.toContent,
+        L(i, d)
+      ), f = L(i, d), b = {
+        box: {
+          left: f.left + i.scrollLeft,
+          top: f.top + i.scrollTop,
+          width: f.width,
+          height: f.height
+        },
+        scaleX: d.offsetWidth && Math.abs(f.width - d.offsetWidth) > 0.5 ? f.width / d.offsetWidth : 1,
+        scaleY: d.offsetHeight && Math.abs(f.height - d.offsetHeight) > 0.5 ? f.height / d.offsetHeight : 1
+      }, g = (S, $) => a.styleFor(S, $, b);
+      fo(d, g(0, 1)), p.style.opacity = "0", c(() => {
+        h(), y(), u(), m();
+      }), l.push(
         new w({
-          element: u,
+          element: d,
           integrator: C.from(o),
-          style: a.styleFor
+          style: g
         })
       );
     }
-    return { shared: s };
+    return { shared: l };
   }
 }
-function lo(t) {
-  return [new co(), Bn[t.type]()];
+function yo(t) {
+  return [new ho(), Kn[t.type]()];
 }
-const po = (t) => {
-  const e = Kn[t.variant](), n = Jn, o = {
+const mo = (t) => {
+  const e = no[t.variant](), n = oo, o = {
     prepare: (i) => {
       var l;
-      const r = lo(t), c = Promise.all([
+      const r = yo(t), c = Promise.all([
         i.from,
         i.to
-      ]).then(([a, p]) => ({ pairs: oo(a, p) })), s = {
+      ]).then(([a, p]) => ({ pairs: co(a, p) })), s = {
         from: i.from,
         to: i.to,
         resolved: c
@@ -1560,11 +1681,11 @@ const po = (t) => {
       return c.then((a) => ({ resolved: a, strategies: r }));
     },
     animation: ({ from: i, to: r, context: c, resolved: s, strategies: l }) => {
-      var y;
+      var h;
       if (s.pairs.length === 0)
-        return W({ shared: [], out: [], in: [] });
-      const a = [], p = (h) => {
-        a.push(h);
+        return Z({ shared: [], out: [], in: [] });
+      const a = [], p = (f) => {
+        a.push(f);
       }, d = {
         from: i,
         to: r,
@@ -1573,27 +1694,29 @@ const po = (t) => {
         positionedParent: c.positionedParent,
         maxDistance: n,
         onComplete: p
-      }, u = {
+      }, m = {
         shared: [],
         out: [],
         in: []
       };
-      for (const h of l) {
-        const b = (y = h.contribute) == null ? void 0 : y.call(h, d);
+      for (const f of l) {
+        const b = (h = f.contribute) == null ? void 0 : h.call(f, d);
         if (b)
-          for (const g of Object.keys(u))
-            u[g].push(...b[g] ?? []);
+          for (const g of Object.keys(m))
+            m[g].push(...b[g] ?? []);
       }
-      const f = W(u), m = f.onComplete;
-      return f.onComplete = () => {
-        m == null || m();
-        for (const h of a)
+      const u = Z(m), y = u.onComplete;
+      return u.onComplete = () => {
+        y == null || y();
+        for (const f of Object.values(m).flat())
+          f instanceof w && f.releaseFill();
+        for (const f of a)
           try {
-            h();
+            f();
           } catch (b) {
             console.error("[hero] cleanup error", b);
           }
-      }, f;
+      }, u;
     }
   };
   return I({
@@ -1601,28 +1724,28 @@ const po = (t) => {
     backward: o
   });
 };
-function _i(t = {}, e = {}) {
+function Mi(t = {}, e = {}) {
   const n = t.type ?? "static", o = t.variant ?? "default";
-  return A(po({ type: n, variant: o }), e.override);
+  return _(mo({ type: n, variant: o }), e.override);
 }
-const uo = {
+const go = {
   spring: { stiffness: 50, damping: 30 }
-}, fo = {
+}, bo = {
   spring: { stiffness: 80, damping: 25 }
-}, ho = (t = {}) => {
-  const e = t.physics ?? uo, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
+}, wo = (t = {}) => {
+  const e = t.physics ?? go, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
     prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
       a.style.opacity = "1";
     }), s.then((a) => {
-      const p = Y(l, "to"), d = Math.min(p.width, p.height) * 0.4;
+      const p = H(l, "to"), d = Math.min(p.width, p.height) * 0.4;
       a.style.setProperty("--max-border-radius", `${d}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
-      const u = p.left + p.width / 2, f = p.top + p.height / 2;
-      a.style.transformOrigin = `${u}px ${f}px`, a.style.position = "fixed", a.style.top = `${p.top}px`, a.style.left = `${p.left}px`, a.style.width = `${p.width}px`, a.style.height = `${p.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
+      const m = p.left + p.width / 2, u = p.top + p.height / 2;
+      a.style.transformOrigin = `${m}px ${u}px`, a.style.position = "fixed", a.style.top = `${p.top}px`, a.style.left = `${p.left}px`, a.style.width = `${p.width}px`, a.style.height = `${p.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
     }), {}),
     animation: ({ from: c, to: s }) => {
       const l = new w({
         element: c,
-        integrator: C.from(fo),
+        integrator: C.from(bo),
         style: (p, d) => ({ opacity: d }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so reset every inline style we wrote to it — mirroring
@@ -1639,30 +1762,30 @@ const uo = {
           if (p <= 0.05)
             d = o;
           else if (p <= i) {
-            const y = (p - 0.05) / (i - 0.05), h = Math.pow(y, 9);
-            d = o + (0.8 - o) * h;
+            const h = (p - 0.05) / (i - 0.05), f = Math.pow(h, 9);
+            d = o + (0.8 - o) * f;
           } else {
-            const y = (p - i) / (1 - i);
-            d = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
+            const h = (p - i) / (1 - i);
+            d = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
           }
-          const u = 0.7;
-          let f;
-          if (p <= u)
-            f = n;
+          const m = 0.7;
+          let u;
+          if (p <= m)
+            u = n;
           else {
-            const y = (p - u) / (1 - u), h = 1 - Math.pow(1 - y, 2);
-            f = n * (1 - h);
+            const h = (p - m) / (1 - m), f = 1 - Math.pow(1 - h, 2);
+            u = n * (1 - f);
           }
-          let m;
-          if (p <= u)
-            m = 1;
+          let y;
+          if (p <= m)
+            y = 1;
           else {
-            const y = (p - u) / (1 - u);
-            m = 1 - Math.pow(y, 0.5);
+            const h = (p - m) / (1 - m);
+            y = 1 - Math.pow(h, 0.5);
           }
           return {
-            transform: `rotate(${f.toFixed(2)}deg) scale(${d.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": m.toFixed(4)
+            transform: `rotate(${u.toFixed(2)}deg) scale(${d.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": y.toFixed(4)
           };
         },
         onComplete: () => {
@@ -1677,13 +1800,13 @@ const uo = {
   };
   return I({ forward: r, backward: r });
 };
-function Oi(t = {}, e = {}) {
-  return A(ho(), e.override);
+function Di(t = {}, e = {}) {
+  return _(wo(), e.override);
 }
-const yo = {
+const So = {
   spring: { stiffness: 100, damping: 30 }
-}, mo = (t = {}) => {
-  const e = t.physics ?? yo, n = {
+}, xo = (t = {}) => {
+  const e = t.physics ?? So, n = {
     prepare: ({ from: o, to: i }) => (o.then((r) => {
       r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
     }), i.then((r) => {
@@ -1723,10 +1846,10 @@ const yo = {
   };
   return I({ forward: n, backward: n });
 };
-function Fi(t = {}, e = {}) {
-  return A(mo(), e.override);
+function Yi(t = {}, e = {}) {
+  return _(xo(), e.override);
 }
-const go = {
+const Co = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1734,9 +1857,9 @@ const go = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, bo = (t = {}) => {
-  const e = t.physics ?? go, n = t.directional ?? !0, o = (i) => {
-    const r = !n || i === "forward", c = r ? T : k, s = r ? k : T;
+}, Eo = (t = {}) => {
+  const e = t.physics ?? Co, n = t.directional ?? !0, o = (i) => {
+    const r = !n || i === "forward", c = r ? T : M, s = r ? M : T;
     return {
       prepare: ({ from: l, to: a }) => (l.then((p) => {
         p.style.zIndex = c, p.style.willChange = "transform", p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", p.style.pointerEvents = "none";
@@ -1744,10 +1867,10 @@ const go = {
         p.style.willChange = "transform", p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", p.style.position = "relative", p.style.zIndex = s;
       }), {}),
       animation: ({ from: l, to: a }) => {
-        const p = l.offsetHeight, d = a.offsetHeight, u = window.innerHeight, f = Math.max(Math.min(p, d), u), m = new w({
+        const p = l.offsetHeight, d = a.offsetHeight, m = window.innerHeight, u = Math.max(Math.min(p, d), m), y = new w({
           element: l,
           integrator: C.from(e),
-          style: (h) => ({ transform: `translate3d(0, ${r ? -f * h : f * h}px, 0)` }),
+          style: (f) => ({ transform: `translate3d(0, ${r ? -u * f : u * 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
           // also reset the out-only props applied in prepare (zIndex,
@@ -1756,16 +1879,16 @@ const go = {
           onComplete: () => {
             l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
           }
-        }), y = new w({
+        }), h = new w({
           element: a,
           integrator: C.from(e),
-          style: (h, b) => ({ transform: `translate3d(0, ${r ? b * f : b * -f}px, 0)` }),
+          style: (f, b) => ({ transform: `translate3d(0, ${r ? b * u : b * -u}px, 0)` }),
           onComplete: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === s && (a.style.zIndex = "");
           }
         });
-        return [m, y].forEach(U), new P(
-          { out: m, in: y },
+        return [y, h].forEach(j), new P(
+          { out: y, in: h },
           { mode: "parallel" }
         );
       }
@@ -1776,57 +1899,57 @@ const go = {
     backward: o("backward")
   });
 };
-function Ti(t = {}, e = {}) {
+function Li(t = {}, e = {}) {
   const { type: n = "directional" } = t;
-  return A(
-    bo({ directional: n === "directional" }),
+  return _(
+    Eo({ directional: n === "directional" }),
     e.override
   );
 }
-const wo = {
+const $o = {
   spring: { stiffness: 200, damping: 24 }
-}, So = {
+}, Po = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, lt = 0.2;
-function Co() {
+}, pt = 0.2;
+function vo() {
   return {
-    enterPhysics: wo,
-    exitPhysics: So,
+    enterPhysics: $o,
+    exitPhysics: Po,
     background: {
       willChange: "transform, opacity",
       enterStyle: (t, e) => ({
-        transform: `scale(${1 - lt * t})`,
+        transform: `scale(${1 - pt * t})`,
         opacity: e
       }),
       exitStyle: (t) => ({
-        transform: `scale(${1 - lt + lt * t})`,
+        transform: `scale(${1 - pt + pt * t})`,
         opacity: t
       })
     }
   };
 }
-const xo = {
+const Ao = {
   spring: { stiffness: 200, damping: 24 }
-}, Eo = {
+}, Ro = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, pt = 0.08, $o = 16, dt = 0.6, Po = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
-function vo() {
+}, dt = 0.08, Io = 16, ut = 0.6, _o = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
+function Oo() {
   return {
-    enterPhysics: xo,
-    exitPhysics: Eo,
+    enterPhysics: Ao,
+    exitPhysics: Ro,
     background: {
       willChange: "transform, opacity",
       // enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
       // untouched; at peak it is shrunk and dimmed.
       enterStyle: (t) => ({
-        transform: `scale(${1 - pt * t})`,
-        opacity: 1 - (1 - dt) * t
+        transform: `scale(${1 - dt * t})`,
+        opacity: 1 - (1 - ut) * t
       }),
       // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
       // the inverse ramp of enter.
       exitStyle: (t) => ({
-        transform: `scale(${1 - pt + pt * t})`,
-        opacity: dt + (1 - dt) * t
+        transform: `scale(${1 - dt + dt * t})`,
+        opacity: ut + (1 - ut) * t
       })
     },
     overlay: {
@@ -1844,27 +1967,27 @@ function vo() {
       // enter: 0 → MAX as the sheet rises (progress 0 → 1).
       // exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
       style: (t, e) => {
-        const n = t === "enter" ? e : 1 - e, o = Po($o * n);
+        const n = t === "enter" ? e : 1 - e, o = _o(Io * n);
         return { backdropFilter: o, WebkitBackdropFilter: o };
       }
     }
   };
 }
-const Ro = {
+const Fo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
-}, Io = {
+}, ko = {
   spring: {
     stiffness: 190,
     damping: 25
   }
 };
-function Ao() {
+function To() {
   return {
-    enterPhysics: Ro,
-    exitPhysics: Io,
+    enterPhysics: Fo,
+    exitPhysics: ko,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1872,80 +1995,80 @@ function Ao() {
     }
   };
 }
-const _o = {
-  static: Ao(),
-  "background-scale": Co(),
-  blur: vo()
-}, Oo = "static", Fo = "transform", To = (t = {}) => {
-  const e = _o[t.type ?? Oo], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
+const Mo = {
+  static: To(),
+  "background-scale": vo(),
+  blur: Oo()
+}, Do = "static", Yo = "transform", Lo = (t = {}) => {
+  const e = Mo[t.type ?? Do], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
     const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", p = s === "enter" ? e.enterPhysics : e.exitPhysics;
     return {
-      prepare: ({ from: d, to: u, context: f, createElement: m }) => {
-        const y = { from: d, to: u }[l], h = { from: d, to: u }[a];
-        y.then((g) => {
-          g.style.willChange = Fo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = k, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
-        }), h.then((g) => {
+      prepare: ({ from: d, to: m, context: u, createElement: y }) => {
+        const h = { from: d, to: m }[l], f = { from: d, to: m }[a];
+        h.then((g) => {
+          g.style.willChange = Yo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = M, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
+        }), f.then((g) => {
           i && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = T, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
         });
         let b;
-        return o && (b = m("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, f.positionedParent.appendChild(b)), { overlay: b };
+        return o && (b = y("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
       },
-      animation: ({ from: d, to: u, context: f, overlay: m }) => {
-        const y = { from: d, to: u }[l], h = { from: d, to: u }[a], b = Y(f, l), g = () => {
+      animation: ({ from: d, to: m, context: u, overlay: y }) => {
+        const h = { from: d, to: m }[l], f = { from: d, to: m }[a], b = H(u, l), g = () => {
           d.style.pointerEvents = "", d.style.zIndex = "";
-        }, x = () => {
-          const S = s === "enter" ? k : T;
-          u.style.position === "relative" && (u.style.position = ""), u.style.zIndex === S && (u.style.zIndex = "");
+        }, S = () => {
+          const x = s === "enter" ? M : T;
+          m.style.position === "relative" && (m.style.position = ""), m.style.zIndex === x && (m.style.zIndex = "");
         };
-        y.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
-        const $ = s === "enter" ? (S, E) => ({
+        h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
+        const $ = s === "enter" ? (x, E) => ({
           transform: `translate3d(0, ${E * b.height}px, 0)`
-        }) : (S) => ({
-          transform: `translate3d(0, ${S * b.height}px, 0)`
+        }) : (x) => ({
+          transform: `translate3d(0, ${x * b.height}px, 0)`
         }), v = new w({
-          element: y,
+          element: h,
           integrator: C.from(p),
           style: $,
           onComplete: () => {
-            y.style.willChange = "auto", y.style.backfaceVisibility = "", y.style.contain = "", y.style.clipPath = "", y.style.transform = "", g(), x();
+            h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", g(), S();
           }
         });
-        U(v);
-        const _ = {
+        j(v);
+        const O = {
           sheet: v,
           background: new P([]),
           overlay: new P([])
         };
         if (i) {
-          const S = h.scrollHeight;
-          S > 0 && (h.style.height = `${S}px`);
-          const E = Y(f, a), O = E.left + E.width / 2, F = E.top + E.height / 2;
-          h.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, h.style.transformOrigin = `${O}px ${F}px`;
-          const Q = s === "enter" ? (L, tt) => n.enterStyle(L, tt) : (L) => n.exitStyle(L), j = new w({
-            element: h,
+          const x = f.scrollHeight;
+          x > 0 && (f.style.height = `${x}px`);
+          const E = H(u, a), F = E.left + E.width / 2, k = E.top + E.height / 2;
+          f.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, f.style.transformOrigin = `${F}px ${k}px`;
+          const A = s === "enter" ? (N, z) => n.enterStyle(N, z) : (N) => n.exitStyle(N), V = new w({
+            element: f,
             integrator: C.from(p),
-            style: Q,
+            style: A,
             // The background is the reused outgoing (`from`) node on `enter` and
             // the surviving incoming (`to`) node on `exit` — in both cases its
             // inline styles must be cleared on settle so the reused node is not
             // left scaled/faded/clipped the next time it is shown. releaseFill
             // below drops the WAAPI fill so these resets actually take effect.
             onComplete: () => {
-              h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transformOrigin = "", h.style.transform = "", h.style.opacity = "", h.style.height = "";
+              f.style.willChange = "auto", f.style.backfaceVisibility = "", f.style.contain = "", f.style.clipPath = "", f.style.transformOrigin = "", f.style.transform = "", f.style.opacity = "", f.style.height = "";
             }
           });
-          U(j), _.background = j;
+          j(V), O.background = V;
         }
-        if (m && o) {
-          m.style.zIndex = ee;
-          const S = Qt(f, "to");
-          m.style.top = `${S.top}px`, m.style.height = `${S.height}px`, _.overlay = new w({
-            element: m,
+        if (y && o) {
+          y.style.zIndex = ne;
+          const x = te(u, "to");
+          y.style.top = `${x.top}px`, y.style.height = `${x.height}px`, O.overlay = new w({
+            element: y,
             integrator: C.from(p),
             style: (E) => o.style(s, E)
           });
         }
-        return new P(_, { mode: "parallel" });
+        return new P(O, { mode: "parallel" });
       }
     };
   };
@@ -1954,15 +2077,15 @@ const _o = {
     backward: r("backward")
   });
 };
-function ko(t) {
+function Ho(t) {
   return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
 }
-function ki(t = {}, e = {}) {
-  const n = t.type, o = ko(n);
-  return A(To({ type: o }), e.override);
+function Hi(t = {}, e = {}) {
+  const n = t.type, o = Ho(n);
+  return _(Lo({ type: o }), e.override);
 }
-const Mo = (t = {}) => {
-  const e = t.physics ?? Ie, n = (o) => {
+const No = (t = {}) => {
+  const e = t.physics ?? _e, n = (o) => {
     const i = o === "forward" ? 100 : -100;
     return {
       prepare: ({ from: r, to: c }) => (r.then((s) => {
@@ -1974,7 +2097,7 @@ const Mo = (t = {}) => {
         const s = new w({
           element: r,
           integrator: C.from(e),
-          style: (a) => ({ transform: `translate3d(${100 * J("slide", "out", o, a).x}%, 0, 0)` }),
+          style: (a) => ({ transform: `translate3d(${100 * et("slide", "out", o, a).x}%, 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
           // the incoming cleanup, plus the out-only pointerEvents).
@@ -1984,7 +2107,7 @@ const Mo = (t = {}) => {
         }), l = new w({
           element: c,
           integrator: C.from(e),
-          style: (a) => ({ transform: `translate3d(${100 * J("slide", "in", o, a).x}%, 0, 0)` }),
+          style: (a) => ({ transform: `translate3d(${100 * et("slide", "in", o, a).x}%, 0, 0)` }),
           onComplete: () => {
             c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.transform = "";
           }
@@ -2001,26 +2124,26 @@ const Mo = (t = {}) => {
     backward: n("backward")
   });
 };
-function Mi(t = {}, e = {}) {
-  return A(Mo(), e.override);
+function Ni(t = {}, e = {}) {
+  return _(No(), e.override);
 }
-const Do = {
+const zo = {
   spring: { stiffness: 17, damping: 6 }
-}, ut = 20, K = 800, Yo = (t = {}) => {
-  const e = t.physics ?? Do, n = {
+}, ft = 20, tt = 800, Wo = (t = {}) => {
+  const e = t.physics ?? zo, n = {
     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", r.style.transform = `perspective(${K}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none", r.style.transform = `perspective(${tt}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), i.then((r) => {
-      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${K}px) rotateY(${ut}deg) translate3d(-100%, 0, 0)`;
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${tt}px) rotateY(${ft}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: o, to: i }) => {
       const r = new w({
         element: o,
         integrator: C.from(e),
         style: (s) => {
-          const l = -s * ut, a = s * 100;
+          const l = -s * ft, a = s * 100;
           return {
-            transform: `perspective(${K}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${tt}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -2033,9 +2156,9 @@ const Do = {
         element: i,
         integrator: C.from(e),
         style: (s, l) => {
-          const a = l * ut, p = -l * 100;
+          const a = l * ft, p = -l * 100;
           return {
-            transform: `perspective(${K}px) rotateY(${a}deg) translate3d(${p}%, 0, 0)`
+            transform: `perspective(${tt}px) rotateY(${a}deg) translate3d(${p}%, 0, 0)`
           };
         },
         onComplete: () => {
@@ -2050,13 +2173,13 @@ const Do = {
   };
   return I({ forward: n, backward: n });
 };
-function Di(t = {}, e = {}) {
-  return A(Yo(), e.override);
+function zi(t = {}, e = {}) {
+  return _(Wo(), e.override);
 }
-function Lo(t, e) {
+function Xo(t, e) {
   return e.left >= t.left - 0.01 && e.top >= t.top - 0.01 && e.left + e.width <= t.left + t.width + 0.01 && e.top + e.height <= t.top + t.height + 0.01;
 }
-function ae(t) {
+function ce(t) {
   const e = () => ({
     enterContent: t.enterRect,
     exitContent: t.exitRect,
@@ -2064,18 +2187,18 @@ function ae(t) {
     scaleX: t.exitRect.width / t.enterRect.width,
     scaleY: t.exitRect.height / t.enterRect.height
   }), { enterMedia: n, exitMedia: o } = t;
-  if (!n || !o || !ie(n, o)) return e();
+  if (!n || !o || !re(n, o)) return e();
   const i = n.content, r = o.content;
   if (i.width <= 0 || i.height <= 0 || r.width <= 0 || r.height <= 0)
     return e();
-  const c = r.width / i.width, s = r.height / i.height, l = se(
+  const c = r.width / i.width, s = r.height / i.height, l = ae(
     i,
     r,
     o.window,
     c,
     s
   );
-  return Lo(n.window, l) ? {
+  return Xo(n.window, l) ? {
     enterContent: i,
     exitContent: r,
     startWindow: l,
@@ -2084,7 +2207,7 @@ function ae(t) {
     exitCornerRadii: o.cornerRadii
   } : e();
 }
-function ce(t, e) {
+function le(t, e) {
   return {
     top: t.top,
     right: e.width - (t.left + t.width),
@@ -2092,80 +2215,80 @@ function ce(t, e) {
     left: t.left
   };
 }
-function Ho(t, e, n) {
+function Vo(t, e, n) {
   return {
     x: t / Math.max(Math.abs(e), 1e-6),
     y: t / Math.max(Math.abs(n), 1e-6)
   };
 }
-function le(t, e, n, o, i, r) {
+function pe(t, e, n, o, i, r) {
   return (n ?? [t]).map(
-    (c) => Ho(
+    (c) => Vo(
       Math.max(0, c * o + e * (1 - o)),
       i,
       r
     )
   );
 }
-function No(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ae(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 - n.x, u = s.top - c.top + (s.height - c.height) / 2 - n.y, f = ce(l, e);
+function Bo(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ce(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 - n.x, m = s.top - c.top + (s.height - c.height) / 2 - n.y, u = le(l, e);
   return {
-    transformOrigin: `${M(c)}px ${D(c)}px`,
-    animate: (m) => {
-      const y = 1 - m, h = 1 + (a - 1) * y, b = 1 + (p - 1) * y, g = le(
+    transformOrigin: `${D(c)}px ${Y(c)}px`,
+    animate: (y) => {
+      const h = 1 - y, f = 1 + (a - 1) * h, b = 1 + (p - 1) * h, g = pe(
         i,
         o,
         r.exitCornerRadii,
-        y,
         h,
+        f,
         b
       );
       return {
-        clipPath: Pt(
+        clipPath: vt(
           e,
           {
-            top: f.top * y,
-            right: f.right * y,
-            bottom: f.bottom * y,
-            left: f.left * y
+            top: u.top * h,
+            right: u.right * h,
+            bottom: u.bottom * h,
+            left: u.left * h
           },
           g
         ),
-        transform: `translate(${d * y}px, ${u * y}px) scale(${h}, ${b})`
+        transform: `translate(${d * h}px, ${m * h}px) scale(${f}, ${b})`
       };
     }
   };
 }
-function zo(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ae(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 + n.x, u = s.top - c.top + (s.height - c.height) / 2 + n.y, f = ce(l, e);
+function Uo(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ce(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 + n.x, m = s.top - c.top + (s.height - c.height) / 2 + n.y, u = le(l, e);
   return {
-    transformOrigin: `${M(c)}px ${D(c)}px`,
-    animate: (m) => {
-      const y = 1 - m, h = 1 + (a - 1) * y, b = 1 + (p - 1) * y, g = le(
+    transformOrigin: `${D(c)}px ${Y(c)}px`,
+    animate: (y) => {
+      const h = 1 - y, f = 1 + (a - 1) * h, b = 1 + (p - 1) * h, g = pe(
         i,
         o,
         r.exitCornerRadii,
-        y,
         h,
+        f,
         b
       );
       return {
-        clipPath: Pt(
+        clipPath: vt(
           e,
           {
-            top: f.top * y,
-            right: f.right * y,
-            bottom: f.bottom * y,
-            left: f.left * y
+            top: u.top * h,
+            right: u.right * h,
+            bottom: u.bottom * h,
+            left: u.left * h
           },
           g
         ),
-        transform: `translate(${d * y - n.x}px, ${u * y}px) scale(${h}, ${b})`
+        transform: `translate(${d * h - n.x}px, ${m * h}px) scale(${f}, ${b})`
       };
     }
   };
 }
-const Vo = {
+const Zo = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2176,30 +2299,30 @@ const Vo = {
       damping: 30
     }
   }
-}, pe = 0.12, Xo = 18;
-function Wo() {
+}, de = 0.12, jo = 18;
+function Go() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - pe * e})`
+        transform: `scale(${1 - de * e})`
       };
     }
   };
 }
-function Uo() {
+function qo() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - pe * e})`
+        transform: `scale(${1 - de * e})`
       };
     }
   };
 }
-const ft = {
+const ht = {
   willChange: "backdrop-filter",
   // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
   // track the live scroll position), so they are intentionally omitted here.
@@ -2215,20 +2338,20 @@ const ft = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (t, e) => {
-    const n = t === "enter" ? e : 1 - e, o = `blur(${Xo * n}px)`;
+    const n = t === "enter" ? e : 1 - e, o = `blur(${jo * n}px)`;
     return {
       backdropFilter: o,
       WebkitBackdropFilter: o
     };
   }
 };
-class Bo {
+class Ko {
   constructor() {
     R(this, "name", "background");
-    R(this, "physics", Vo);
+    R(this, "physics", Zo);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? Wo() : Uo();
+    const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? Go() : qo();
     return l && (s.style.transformOrigin = l.transformOrigin), [
       new w({
         element: s,
@@ -2238,29 +2361,29 @@ class Bo {
     ];
   }
 }
-class Zo {
+class Jo {
   constructor() {
     R(this, "name", "overlay");
   }
   prepare(e) {
     const n = e.createElement("zoom-overlay");
-    return Object.assign(n.style, ft.initialStyle), n.style.willChange = ft.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, ht.initialStyle), n.style.willChange = ht.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(e) {
     const n = e.extras.overlay;
     if (!n) return [];
-    n.style.zIndex = ee;
-    const o = Qt(e.context, "to");
+    n.style.zIndex = ne;
+    const o = te(e.context, "to");
     return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
       new w({
         element: n,
         integrator: C.from(e.physics),
-        style: (i) => ft.style(e.resolved.mode, i)
+        style: (i) => ht.style(e.resolved.mode, i)
       })
     ];
   }
 }
-const Go = {
+const Qo = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2270,7 +2393,7 @@ const Go = {
     }
   }
 };
-function jo({
+function ti({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2286,7 +2409,7 @@ function jo({
     }
   };
 }
-function qo({
+function ei({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2302,13 +2425,13 @@ function qo({
     }
   };
 }
-class Ko {
+class ni {
   constructor() {
     R(this, "name", "background");
-    R(this, "physics", Go);
+    R(this, "physics", Qo);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? jo(r) : qo(r);
+    const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? ti(r) : ei(r);
     return a && (l.style.transformOrigin = a.transformOrigin), [
       new w({
         element: l,
@@ -2318,35 +2441,35 @@ class Ko {
     ];
   }
 }
-const Jo = {
+const oi = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Qo {
+class ii {
   constructor() {
     R(this, "name", "background");
-    R(this, "physics", Jo);
+    R(this, "physics", oi);
   }
   contribute(e) {
     return [];
   }
 }
-const ti = {
-  expand: () => new Ko(),
-  static: () => new Qo(),
-  blur: () => new Bo()
+const ri = {
+  expand: () => new ni(),
+  static: () => new ii(),
+  blur: () => new Ko()
 };
-function ei(t) {
-  return ti[t]();
+function si(t) {
+  return ri[t]();
 }
-const xt = "data-zoom-enter-key", Gt = "data-zoom-exit-key", jt = "data-zoom-radius";
-function ni(t, e) {
+const Et = "data-zoom-enter-key", Gt = "data-zoom-exit-key", qt = "data-zoom-radius";
+function ai(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function oi(t, e) {
+function ci(t, e) {
   const n = [];
   let o = e;
   for (; o && o !== t; ) {
@@ -2358,82 +2481,82 @@ function oi(t, e) {
   }
   return n;
 }
-function qt(t) {
-  const e = t.querySelectorAll(`[${xt}]`);
+function Kt(t) {
+  const e = t.querySelectorAll(`[${Et}]`);
   return e.length !== 1 ? null : e[0];
 }
-function Kt(t, e) {
+function Jt(t, e) {
   const n = t.querySelectorAll(`[${Gt}]`);
   for (const o of n)
     if (o.getAttribute(Gt) === e)
       return o;
   return null;
 }
-function ii(t, e, n) {
+function li(t, e, n) {
   if (n === "forward") {
-    const c = qt(e);
+    const c = Kt(e);
     if (!c) return null;
-    const s = c.getAttribute(xt);
+    const s = c.getAttribute(Et);
     if (!s) return null;
-    const l = Kt(t, s);
+    const l = Jt(t, s);
     return l ? { mode: "enter", enterEl: c, exitEl: l } : null;
   }
-  const o = qt(t);
+  const o = Kt(t);
   if (!o) return null;
-  const i = o.getAttribute(xt);
+  const i = o.getAttribute(Et);
   if (!i) return null;
-  const r = Kt(e, i);
+  const r = Jt(e, i);
   return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
 }
-function ri(t, e, n, o) {
-  const i = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, c = V(i, t.enterEl), s = V(r, t.exitEl), l = Ct(
+function pi(t, e, n, o) {
+  const i = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, c = L(i, t.enterEl), s = L(r, t.exitEl), l = Ct(
     t.enterEl,
     c,
-    (h) => V(i, h),
+    (f) => L(i, f),
     {
       clipRoot: i,
-      legacyRadiusAttribute: jt
+      legacyRadiusAttribute: qt
     }
   ), a = Ct(
     t.exitEl,
     s,
-    (h) => V(r, h),
+    (f) => L(r, f),
     {
       clipRoot: r,
-      legacyRadiusAttribute: jt
+      legacyRadiusAttribute: qt
     }
-  ), [p, d] = re(l, a), u = p.contentAware && d.contentAware, f = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), m = {
+  ), [p, d] = se(l, a), m = p.contentAware && d.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), y = {
     left: 0,
     top: 0,
-    width: f.width,
-    height: f.height
-  }, y = p.radiusSource === "legacy" || ni(p.window, m) ? p.radius : 0;
+    width: u.width,
+    height: u.height
+  }, h = p.radiusSource === "legacy" || ai(p.window, y) ? p.radius : 0;
   return {
     enterRect: c,
     exitRect: s,
-    ...u ? {
+    ...m ? {
       enterMedia: p,
       exitMedia: d
     } : {},
-    pageRect: f,
+    pageRect: u,
     scrollOffset: o,
-    enterRadius: y,
+    enterRadius: h,
     exitRadius: d.radius
   };
 }
-const ht = /* @__PURE__ */ new WeakMap();
-function si(t) {
-  const e = ht.get(t) ?? {
+const yt = /* @__PURE__ */ new WeakMap();
+function di(t) {
+  const e = yt.get(t) ?? {
     opacity: t.style.opacity,
     users: 0
   };
-  e.users++, ht.set(t, e), t.style.opacity = "0";
+  e.users++, yt.set(t, e), t.style.opacity = "0";
   let n = !1;
   return () => {
-    n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), ht.delete(t)));
+    n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), yt.delete(t)));
   };
 }
-class ai {
+class ui {
   constructor() {
     R(this, "name", "tile");
   }
@@ -2443,13 +2566,13 @@ class ai {
     });
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, input: r, physics: c, onComplete: s } = e, l = i.mode === "enter", a = l ? No(r) : zo(r), p = l ? o : n, d = l ? "t" : "u";
-    s(si(i.exitEl)), a && (p.style.transformOrigin = a.transformOrigin);
-    const u = l ? T : k, f = l ? k : T, m = n.style.zIndex;
-    n.style.zIndex = u;
-    const y = o.style.zIndex, h = o.style.position;
-    return o.style.zIndex = f, o.style.position = "relative", s(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = m, o.style.zIndex === f && (o.style.zIndex = y), o.style.position === "relative" && (o.style.position = h), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+    const { from: n, to: o, resolved: i, input: r, physics: c, onComplete: s } = e, l = i.mode === "enter", a = l ? Bo(r) : Uo(r), p = l ? o : n, d = l ? "t" : "u";
+    s(di(i.exitEl)), a && (p.style.transformOrigin = a.transformOrigin);
+    const m = l ? T : M, u = l ? M : T, y = n.style.zIndex;
+    n.style.zIndex = m;
+    const h = o.style.zIndex, f = o.style.position;
+    return o.style.zIndex = u, o.style.position = "relative", s(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = y, o.style.zIndex === u && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = f), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
       new w({
         element: p,
@@ -2462,12 +2585,12 @@ class ai {
     ];
   }
 }
-class ci {
+class fi {
   constructor() {
     R(this, "name", "content");
   }
   contribute(e) {
-    const { resolved: n, physics: o, from: i, to: r, onComplete: c } = e, s = n.mode === "enter" ? r : i, l = oi(s, n.enterEl);
+    const { resolved: n, physics: o, from: i, to: r, onComplete: c } = e, s = n.mode === "enter" ? r : i, l = ci(s, n.enterEl);
     if (l.length === 0) return [];
     const a = l.map((p) => p.style.opacity);
     if (n.mode === "enter")
@@ -2481,14 +2604,14 @@ class ci {
       (p) => new w({
         element: p,
         integrator: C.from(o),
-        style: (d, u) => ({
-          opacity: n.mode === "enter" ? d : u
+        style: (d, m) => ({
+          opacity: n.mode === "enter" ? d : m
         })
       })
     );
   }
 }
-class li {
+class hi {
   constructor() {
     R(this, "name", "content");
   }
@@ -2496,27 +2619,27 @@ class li {
     return [];
   }
 }
-const pi = {
-  default: () => new li(),
-  fade: () => new ci()
+const yi = {
+  default: () => new hi(),
+  fade: () => new fi()
 };
-function di(t) {
-  return pi[t]();
+function mi(t) {
+  return yi[t]();
 }
-function ui(t) {
-  const e = ei(t.type);
+function gi(t) {
+  const e = si(t.type);
   return { strategies: [
-    new ai(),
+    new ui(),
     e,
-    di(t.variant),
+    mi(t.variant),
     // 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.
-    ...t.type === "blur" ? [new Zo()] : []
+    ...t.type === "blur" ? [new Jo()] : []
   ], physics: e.physics };
 }
-const fi = (t) => {
-  const { strategies: e, physics: n } = ui(t), o = (i) => ({
+const bi = (t) => {
+  const { strategies: e, physics: n } = gi(t), o = (i) => ({
     prepare: (r) => {
       const c = {
         from: r.from,
@@ -2536,15 +2659,15 @@ const fi = (t) => {
     },
     animation: ({ from: r, to: c, context: s, ...l }) => {
       var b;
-      const a = ii(r, c, i);
+      const a = li(r, c, i);
       if (!a)
-        return W({
+        return Z({
           tile: [],
           background: [],
           content: [],
           overlay: []
         });
-      const p = ri(a, r, c, s.scrollOffset), d = [], f = {
+      const p = pi(a, r, c, s.scrollOffset), d = [], u = {
         from: r,
         to: c,
         resolved: a,
@@ -2555,26 +2678,26 @@ const fi = (t) => {
         onComplete: (g) => {
           d.push(g);
         }
-      }, m = {
+      }, y = {
         tile: [],
         background: [],
         content: [],
         overlay: []
       };
       for (const g of e)
-        m[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, f)) ?? []);
-      const y = Object.values(m).flat(), h = W(m);
-      h.onComplete = () => {
+        y[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
+      const h = Object.values(y).flat(), f = Z(y);
+      f.onComplete = () => {
         for (const g of d)
           try {
             g();
-          } catch (x) {
-            console.error("[zoom] cleanup error", x);
+          } catch (S) {
+            console.error("[zoom] cleanup error", S);
           }
       };
-      for (const g of y)
-        g instanceof w && U(g);
-      return h;
+      for (const g of h)
+        g instanceof w && j(g);
+      return f;
     }
   });
   return I({
@@ -2582,20 +2705,20 @@ const fi = (t) => {
     backward: o("backward")
   });
 };
-function hi(t) {
+function wi(t) {
   const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
   return { type: e, variant: n };
 }
-function Yi(t = {}, e = {}) {
-  const n = hi(t);
-  return A(fi(n), e.override);
+function Wi(t = {}, e = {}) {
+  const n = wi(t);
+  return _(bi(n), e.override);
 }
-const Jt = 1 / 60, yi = 600;
-function mi(t, e) {
+const Qt = 1 / 60, Si = 600;
+function xi(t, e) {
   const n = Math.sqrt(t), o = e / (2 * n), i = 2 * Math.PI / n, r = o <= 1 ? 1 - o : 1 / o - 1;
   return { duration: i, bounce: r, zeta: o };
 }
-function G(t) {
+function J(t) {
   if (!Number.isFinite(t.stiffness) || t.stiffness <= 0)
     throw new Error("spring(): stiffness must be finite and > 0");
   if (!Number.isFinite(t.damping) || t.damping < 0)
@@ -2608,29 +2731,29 @@ function G(t) {
       throw new Error(`spring(): ${e} must be finite and > 0`);
   return C.from({ spring: t });
 }
-function gi(t) {
+function Ci(t) {
   let e = { position: 0, velocity: 0 };
-  for (let n = 1; n <= yi; n++)
-    if (e = t.step(e, 1, Jt), e.position >= 1) return n * Jt * 1e3;
+  for (let n = 1; n <= Si; n++)
+    if (e = t.step(e, 1, Qt), e.position >= 1) return n * Qt * 1e3;
   return 1 / 0;
 }
-function bi(t) {
+function Ei(t) {
   const { duration: e, resistance: n = 1.5, restDelta: o } = t;
   if (!Number.isFinite(e) || !(e > 0))
     throw new Error("easeIn(): duration must be finite and > 0");
   const i = e * 1e3;
   let r = 0.01, c = 1e6;
   for (let s = 0; s < 60; s++) {
-    const l = Math.sqrt(r * c), a = new mt({
+    const l = Math.sqrt(r * c), a = new gt({
       acceleration: l,
       resistance: n,
       restDelta: o
     });
-    gi(a) > i ? r = l : c = l;
+    Ci(a) > i ? r = l : c = l;
   }
-  return new mt({ acceleration: c, resistance: n, restDelta: o });
+  return new gt({ acceleration: c, resistance: n, restDelta: o });
 }
-class de {
+class ue {
   constructor(e, n) {
     if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
       throw new Error("scale(): factor must be finite and > 0");
@@ -2651,13 +2774,13 @@ class de {
     );
   }
 }
-function Li(t, e) {
-  return new de(t, e);
+function Xi(t, e) {
+  return new ue(t, e);
 }
-function wi(t) {
-  const e = $e(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
-  if (t instanceof de) {
-    const o = wi(t.inner);
+function $i(t) {
+  const e = ve(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
+  if (t instanceof ue) {
+    const o = $i(t.inner);
     return {
       ...o,
       kind: "scaled",
@@ -2665,61 +2788,61 @@ function wi(t) {
       settleMs: n
     };
   }
-  return t instanceof yt || t instanceof Pe ? {
-    kind: t instanceof yt ? "spring" : "double-spring",
-    ...mi(t.stiffness, t.damping),
+  return t instanceof mt || t instanceof Ae ? {
+    kind: t instanceof mt ? "spring" : "double-spring",
+    ...xi(t.stiffness, t.damping),
     settleMs: n
-  } : t instanceof mt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
+  } : t instanceof gt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
 }
-const Hi = G({
+const Vi = J({
   stiffness: 246.74011002723395,
   damping: 31.41592653589793
-}), Ni = G({
+}), Bi = J({
   stiffness: 438.6490844928604,
   damping: 35.604716740684324
-}), zi = G({
+}), Ui = J({
   stiffness: 194.9551486634935,
   damping: 19.54768762233649
-}), Vi = G({
+}), Zi = J({
   stiffness: 130.5071656342394,
   damping: 22.84794657156213
-}), Xi = G({
+}), ji = J({
   stiffness: 986.9604401089358,
   damping: 62.83185307179586
-}), Wi = bi({ duration: 0.2 });
+}), Gi = Ei({ duration: 0.2 });
 export {
-  Zi as Animation,
-  Pe as DoubleSpringIntegrator,
-  mt as InertiaIntegrator,
+  Ji as Animation,
+  Ae as DoubleSpringIntegrator,
+  gt as InertiaIntegrator,
   C as IntegratorProvider,
-  Ae as LinearIntegrator,
+  Oe as LinearIntegrator,
   P as MultiAnimation,
-  de as ScaledIntegrator,
-  yt as SpringIntegrator,
+  ue as ScaledIntegrator,
+  mt as SpringIntegrator,
   w as WebAnimation,
-  Wi as accelerate,
-  Pi as axis,
-  vi as blind,
-  zi as bouncy,
+  Gi as accelerate,
+  _i as axis,
+  Oi as blind,
+  Ui as bouncy,
   I as defineTransition,
-  wi as describeIntegrator,
-  Ri as drill,
-  bi as easeIn,
-  Ii as fade,
-  Ai as film,
-  Vi as gentle,
-  _i as hero,
-  Oi as jaemin,
-  Fi as rotate,
-  Li as scale,
-  Ti as scroll,
-  ki as sheet,
-  Mi as slide,
-  Hi as smooth,
-  Ni as snappy,
-  G as spring,
-  Di as strip,
-  Xi as swift,
-  A as withOverride,
-  Yi as zoom
+  $i as describeIntegrator,
+  Fi as drill,
+  Ei as easeIn,
+  ki as fade,
+  Ti as film,
+  Zi as gentle,
+  Mi as hero,
+  Di as jaemin,
+  Yi as rotate,
+  Xi as scale,
+  Li as scroll,
+  Hi as sheet,
+  Ni as slide,
+  Vi as smooth,
+  Bi as snappy,
+  J as spring,
+  zi as strip,
+  ji as swift,
+  _ as withOverride,
+  Wi as zoom
 };