@ssgoi/core 7.0.4 → 7.1.0-beta.0

package/dist/index.js

@@ -1,232 +1,78 @@
-var se = Object.defineProperty;
-var oe = (e, t, n) => t in e ? se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var E = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as ct, V as kt, W as b, M as P, S as ie } from "./multi-animation-ZFZBDBGr.js";
-import { A as mo } from "./multi-animation-ZFZBDBGr.js";
-class X {
-  constructor(t) {
-    E(this, "omega");
-    // Angular frequency
-    E(this, "zeta");
-    // Damping ratio
-    E(this, "restDelta");
-    E(this, "restSpeed");
-    const { stiffness: n, damping: s } = t, o = 1;
-    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? kt;
+var ee = Object.defineProperty;
+var ne = (t, e, n) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var T = (t, e, n) => ne(t, typeof e != "symbol" ? e + "" : e, n);
+import { W as m, M as E } from "./multi-animation-DyZGEfKy.js";
+import { A as fs } from "./multi-animation-DyZGEfKy.js";
+import { I as b, F as oe, a as se, p as X, S as ie, b as re } from "./page-motion-wmW7PW6B.js";
+import { P as ae, S as le } from "./timeline-L_vXntmP.js";
+class ce {
+  constructor(e) {
+    T(this, "durationSec");
+    this.durationSec = Math.max(1 / 60, e.durationSec);
   }
-  step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: i, zeta: r } = this, { position: l, velocity: c } = t, a = -2 * o * r * i * c, p = o * i * i * (n - l), d = c + a + p;
-    return {
-      position: l + o * d,
-      velocity: d
-    };
-  }
-  isSettled(t, n) {
-    const s = Math.abs(n - t.position), o = Math.abs(t.velocity);
-    return s < this.restDelta && o < this.restSpeed;
-  }
-}
-class re {
-  constructor(t) {
-    E(this, "leader");
-    E(this, "follower");
-    E(this, "restDelta");
-    E(this, "restSpeed");
-    this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? kt, this.leader = new X({
-      stiffness: t.stiffness,
-      damping: t.damping,
-      restDelta: this.restDelta,
-      restSpeed: this.restSpeed
-    });
-    let n, s, o, i;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new X({
-      stiffness: n,
-      damping: s,
-      restDelta: o ?? this.restDelta,
-      restSpeed: i ?? this.restSpeed
-    });
-  }
-  step(t, n, s) {
-    const i = t._leader ?? {
-      position: t.position,
-      velocity: t.velocity
-    }, r = this.leader.step(i, n, s), l = this.follower.step(
-      t,
-      r.position,
-      s
-    );
-    return {
-      position: l.position,
-      velocity: l.velocity,
-      _leader: r
-    };
+  step(e, n, o) {
+    const s = n - e.position;
+    if (s === 0) return e;
+    const r = Math.sign(s), i = Math.abs(s) / this.durationSec, l = r * i * o, c = e.position + l;
+    return (r > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: r * i };
   }
-  isSettled(t, n) {
-    const s = t, o = Math.abs(n - t.position) < this.restDelta && Math.abs(t.velocity) < this.restSpeed;
-    return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
+  isSettled(e, n) {
+    return Math.abs(e.position - n) < ae;
   }
 }
-const ae = 0.01, le = 500, ce = 10;
-class pe {
-  constructor(t) {
-    E(this, "acceleration");
-    E(this, "resistance");
-    E(this, "resistanceType");
-    E(this, "min");
-    E(this, "max");
-    E(this, "bounceStiffness");
-    E(this, "bounceDamping");
-    E(this, "restDelta");
-    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? le, this.bounceDamping = t.bounceDamping ?? ce, this.restDelta = t.restDelta ?? ae;
-  }
-  step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: i, resistance: r, resistanceType: l, min: c, max: a } = this, { position: p, velocity: d } = t, u = c !== void 0 && p < c, h = a !== void 0 && p > a;
-    let f;
-    if (u || h) {
-      const g = p - (u ? c : a), $ = -this.bounceStiffness * g, x = -this.bounceDamping * d;
-      f = $ + x;
-    } else {
-      const S = n > p ? 1 : -1;
-      let g;
-      l === "linear" ? g = r * d : g = r * d * Math.abs(d), f = S * i - g;
-    }
-    const y = d + f * o;
-    let m = p + y * o;
-    if (!u && !h) {
-      const S = n > p ? 1 : -1;
-      (S > 0 && m > n || S < 0 && m < n) && (m = n);
-    }
-    return {
-      position: m,
-      velocity: m === n ? 0 : y
-    };
-  }
-  isSettled(t, n) {
-    return Math.abs(n - t.position) < this.restDelta;
-  }
-}
-class w {
-  /**
-   * Create an Integrator from physics config
-   *
-   * @param config Physics configuration (spring or inertia)
-   * @returns Appropriate Integrator instance
-   * @throws Error if both spring and inertia are provided
-   */
-  static from(t) {
-    if (t.spring && t.inertia)
-      throw new Error(
-        "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
-      );
-    if (t.inertia)
-      return new pe({
-        acceleration: t.inertia.acceleration,
-        resistance: t.inertia.resistance,
-        resistanceType: t.inertia.resistanceType,
-        min: t.inertia.min,
-        max: t.inertia.max,
-        bounceStiffness: t.inertia.bounceStiffness,
-        bounceDamping: t.inertia.bounceDamping,
-        restDelta: t.inertia.restDelta
-      });
-    const n = t.spring ?? { stiffness: 300, damping: 30 };
-    if (n.doubleSpring) {
-      const s = n.doubleSpring;
-      let o;
-      return typeof s == "number" ? o = s : typeof s == "object" && (o = {
-        stiffness: s.stiffness,
-        damping: s.damping
-      }), new re({
-        stiffness: n.stiffness,
-        damping: n.damping,
-        follower: o,
-        restDelta: n.restDelta,
-        restSpeed: n.restSpeed
-      });
-    }
-    return new X({
-      stiffness: n.stiffness,
-      damping: n.damping,
-      restDelta: n.restDelta,
-      restSpeed: n.restSpeed
-    });
-  }
-  /**
-   * Create an Integrator from SpringConfig (legacy support)
-   * @deprecated Use from({ spring: config }) instead
-   */
-  static fromSpring(t) {
-    return w.from({ spring: t });
-  }
-}
-class de {
-  constructor(t) {
-    E(this, "durationSec");
-    this.durationSec = Math.max(1 / 60, t.durationSec);
-  }
-  step(t, n, s) {
-    const o = n - t.position;
-    if (o === 0) return t;
-    const i = Math.sign(o), r = Math.abs(o) / this.durationSec, l = i * r * s, c = t.position + l;
-    return (i > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: i * r };
-  }
-  isSettled(t, n) {
-    return Math.abs(t.position - n) < ct;
-  }
-}
-function k(e, t) {
-  function n(i) {
-    let r = 0, l = 0;
-    const c = i.offsetWidth, a = i.offsetHeight;
-    let p = i;
+function L(t, e) {
+  function n(r) {
+    let i = 0, l = 0;
+    const c = r.offsetWidth, a = r.offsetHeight;
+    let p = r;
     for (; p; )
-      r += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
-    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: c, height: a };
+      i += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
+    return i -= window.scrollY, l -= window.scrollX, { top: i, left: l, width: c, height: a };
   }
-  const s = n(e), o = n(t);
+  const o = n(t), s = n(e);
   return new DOMRect(
-    o.left - s.left,
-    o.top - s.top,
-    o.width,
-    o.height
+    s.left - o.left,
+    s.top - o.top,
+    s.width,
+    s.height
   );
 }
-function z(e, t) {
-  const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e.offsetWidth > 0 ? n.width / e.offsetWidth : 1, i = e.offsetHeight > 0 ? n.height / e.offsetHeight : 1;
+function z(t, e) {
+  const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), s = t.offsetWidth > 0 ? n.width / t.offsetWidth : 1, r = t.offsetHeight > 0 ? n.height / t.offsetHeight : 1;
   return new DOMRect(
-    (s.left - n.left) / o,
-    (s.top - n.top) / i,
-    s.width / o,
-    s.height / i
+    (o.left - n.left) / s,
+    (o.top - n.top) / r,
+    o.width / s,
+    o.height / r
   );
 }
-function F(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? k(n, s).top : 0;
+function F(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, s = n !== o && n.contains(o) ? L(n, o).top : 0;
   return {
-    top: e[t].scroll.y,
+    top: t[e].scroll.y,
     left: 0,
     width: n.clientWidth,
-    height: n.clientHeight - o
+    height: n.clientHeight - s
   };
 }
-function Ht(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? k(n, s).top : 0;
+function kt(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, s = n !== o && n.contains(o) ? L(n, o).top : 0;
   return {
-    top: e[t].scroll.y - o,
+    top: t[e].scroll.y - s,
     height: n.clientHeight
   };
 }
-const dt = 8, ut = {
+const pt = 8, ut = {
   spring: {
     stiffness: 600,
     damping: 40,
     doubleSpring: 1.2
   }
 };
-function ue({
-  direction: e
+function pe({
+  direction: t
 }) {
-  const t = e === "forward" ? dt : -dt;
+  const e = t === "forward" ? pt : -pt;
   return {
     out: {
       willChange: "transform, opacity",
@@ -238,113 +84,113 @@ function ue({
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `translate3d(${t}px, 0, 0)`,
+        transform: `translate3d(${e}px, 0, 0)`,
         opacity: "0"
       },
       animate: (n) => ({
-        transform: `translate3d(${t * (1 - n)}px, 0, 0)`,
+        transform: `translate3d(${e * (1 - n)}px, 0, 0)`,
         opacity: `${n}`
       })
     }
   };
 }
-function fe() {
+function ue() {
   return {
     outPhysics: ut,
     inPhysics: ut,
     // 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: ue
+    build: pe
   };
 }
-const ft = 30, he = {
+const dt = 30, de = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, ye = {
+}, fe = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function me({
-  direction: e
+function ye({
+  direction: t
 }) {
-  const t = e === "forward" ? 1 : -1, n = -ft * t, s = ft * t;
+  const e = t === "forward" ? 1 : -1, n = -dt * e, o = dt * e;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (o) => ({
-        transform: `translate3d(${n * o}px, 0, 0)`,
-        opacity: `${1 - o}`
+      animate: (s) => ({
+        transform: `translate3d(${n * s}px, 0, 0)`,
+        opacity: `${1 - s}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `translate3d(${s}px, 0, 0)`,
+        transform: `translate3d(${o}px, 0, 0)`,
         opacity: "0"
       },
-      animate: (o) => ({
-        transform: `translate3d(${s * (1 - o)}px, 0, 0)`,
-        opacity: `${o}`
+      animate: (s) => ({
+        transform: `translate3d(${o * (1 - s)}px, 0, 0)`,
+        opacity: `${s}`
       })
     }
   };
 }
-function ge() {
+function he() {
   return {
-    outPhysics: he,
-    inPhysics: ye,
+    outPhysics: de,
+    inPhysics: fe,
     // 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: me
+    build: ye
   };
 }
-const be = {
-  snappy: fe(),
-  fluid: ge()
-}, ht = 8, we = {
+const me = {
+  snappy: ue(),
+  fluid: he()
+}, ft = 8, ge = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Se = {
+}, be = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function xe({
-  direction: e
+function we({
+  direction: t
 }) {
-  const t = e === "forward" ? 1 : -1, n = -ht * t, s = ht * t;
+  const e = t === "forward" ? 1 : -1, n = -ft * e, o = ft * e;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (o) => ({
-        transform: `translate3d(0, ${n * o}px, 0)`,
-        opacity: `${1 - o}`
+      animate: (s) => ({
+        transform: `translate3d(0, ${n * s}px, 0)`,
+        opacity: `${1 - s}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `translate3d(0, ${s}px, 0)`,
+        transform: `translate3d(0, ${o}px, 0)`,
         opacity: "0"
       },
-      animate: (o) => ({
-        transform: `translate3d(0, ${s * (1 - o)}px, 0)`,
-        opacity: `${o}`
+      animate: (s) => ({
+        transform: `translate3d(0, ${o * (1 - s)}px, 0)`,
+        opacity: `${s}`
       })
     }
   };
 }
-function Ce() {
+function Se() {
   return {
-    outPhysics: we,
-    inPhysics: Se,
+    outPhysics: ge,
+    inPhysics: be,
     composition: { mode: "sequence" },
-    build: xe
+    build: we
   };
 }
-const $e = 40, Ee = {
+const xe = 40, Ce = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Pe = {
+}, $e = {
   spring: {
     stiffness: 400,
     damping: 30,
@@ -353,8 +199,8 @@ const $e = 40, Ee = {
     restSpeed: 0.1
   }
 };
-function _e(e) {
-  const t = $e;
+function Ee(t) {
+  const e = xe;
   return {
     out: {
       willChange: "opacity",
@@ -366,42 +212,42 @@ function _e(e) {
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `translate3d(0, ${t}px, 0)`,
+        transform: `translate3d(0, ${e}px, 0)`,
         opacity: "0"
       },
       animate: (n) => ({
-        transform: `translate3d(0, ${t * (1 - n)}px, 0)`,
+        transform: `translate3d(0, ${e * (1 - n)}px, 0)`,
         opacity: `${n}`
       })
     }
   };
 }
-function Ae() {
+function Pe() {
   return {
-    outPhysics: Ee,
-    inPhysics: Pe,
+    outPhysics: Ce,
+    inPhysics: $e,
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: _e
+    build: Ee
   };
 }
-const yt = Ce(), Ie = {
+const yt = Se(), Ae = {
   snappy: yt,
   directional: yt,
-  "non-directional": Ae()
-}, mt = {
+  "non-directional": Pe()
+}, ht = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, W = 0.1, Z = 1 / 3, gt = (e) => Math.max(0, Math.min(1, e));
-function Re({
-  direction: e
+}, W = 0.1, Z = 1 / 3, mt = (t) => Math.max(0, Math.min(1, t));
+function Ie({
+  direction: t
 }) {
-  const t = e === "forward" ? 1 : -1, n = 1 - t * W;
+  const e = t === "forward" ? 1 : -1, n = 1 - e * W;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (s) => ({
-        transform: `scale(${1 + t * s * W})`,
-        opacity: `${gt(1 - s / Z)}`
+      animate: (o) => ({
+        transform: `scale(${1 + e * o * W})`,
+        opacity: `${mt(1 - o / Z)}`
       })
     },
     in: {
@@ -410,33 +256,33 @@ function Re({
         transform: `scale(${n})`,
         opacity: "0"
       },
-      animate: (s) => ({
-        transform: `scale(${n + t * s * W})`,
-        opacity: `${gt((s - Z) / (1 - Z))}`
+      animate: (o) => ({
+        transform: `scale(${n + e * o * W})`,
+        opacity: `${mt((o - Z) / (1 - Z))}`
       })
     }
   };
 }
-function ve() {
+function _e() {
   return {
-    outPhysics: mt,
-    inPhysics: mt,
+    outPhysics: ht,
+    inPhysics: ht,
     // 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: Re
+    build: Ie
   };
 }
-const bt = {
+const gt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, G = 0.1, j = 1 / 3, wt = (e) => Math.max(0, Math.min(1, e));
-function Oe() {
+}, G = 0.1, j = 1 / 3, bt = (t) => Math.max(0, Math.min(1, t));
+function Re() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
-      animate: (e) => ({
-        opacity: `${wt(1 - e / j)}`
+      animate: (t) => ({
+        opacity: `${bt(1 - t / j)}`
       })
     },
     in: {
@@ -445,94 +291,94 @@ function Oe() {
         transform: `scale(${1 - G})`,
         opacity: "0"
       },
-      animate: (e) => ({
-        transform: `scale(${1 - G + e * G})`,
-        opacity: `${wt((e - j) / (1 - j))}`
+      animate: (t) => ({
+        transform: `scale(${1 - G + t * G})`,
+        opacity: `${bt((t - j) / (1 - j))}`
       })
     }
   };
 }
-function De() {
+function ve() {
   return {
-    outPhysics: bt,
-    inPhysics: bt,
+    outPhysics: gt,
+    inPhysics: gt,
     composition: { mode: "parallel" },
-    build: Oe
+    build: Re
   };
 }
-const St = ve(), Fe = {
-  snappy: St,
-  directional: St,
-  "non-directional": De()
-}, Te = {
-  x: be,
-  y: Ie,
-  z: Fe
+const wt = _e(), Oe = {
+  snappy: wt,
+  directional: wt,
+  "non-directional": ve()
+}, Fe = {
+  x: me,
+  y: Ae,
+  z: Oe
 };
-function Me(e, t) {
-  const n = Te[e];
-  return n[t] ?? n.snappy;
+function Te(t, e) {
+  const n = Fe[t];
+  return n[e] ?? n.snappy;
 }
-const Ye = "x", Le = "snappy";
-function xt(e, t) {
-  e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
-  for (const [n, s] of Object.entries(t.startStyle))
-    e.style[n] = s;
+const Ye = "x", De = "snappy";
+function St(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 Nt(e) {
-  e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
+function Lt(t) {
+  t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
 }
-function ke(e) {
-  Nt(e), e.style.pointerEvents = "";
+function Me(t) {
+  Lt(t), t.style.pointerEvents = "";
 }
-const He = (e = {}) => {
-  const t = e.type ?? Ye, n = e.feel ?? Le, s = Me(t, n);
+const ke = (t = {}) => {
+  const e = t.type ?? Ye, n = t.feel ?? De, o = Te(e, n);
   return {
-    prepare: ({ from: o, to: i, context: r }) => {
-      const l = s.build({ direction: r.direction });
-      return o.then((c) => {
-        xt(c, l.out), c.style.pointerEvents = "none";
-      }), i.then((c) => {
-        xt(c, l.in);
+    prepare: ({ from: s, to: r, context: i }) => {
+      const l = o.build({ direction: i.direction });
+      return s.then((c) => {
+        St(c, l.out), c.style.pointerEvents = "none";
+      }), r.then((c) => {
+        St(c, l.in);
       }), {};
     },
-    animation: ({ from: o, to: i, context: r }) => {
-      const l = s.build({ direction: r.direction });
-      if (t === "z") {
-        const p = F(r, "from"), d = F(r, "to");
-        o.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, i.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+    animation: ({ from: s, to: r, context: i }) => {
+      const l = o.build({ direction: i.direction });
+      if (e === "z") {
+        const p = F(i, "from"), u = F(i, "to");
+        s.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, r.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
       }
-      const c = new b({
-        element: o,
-        integrator: w.from(s.outPhysics),
+      const c = new m({
+        element: s,
+        integrator: b.from(o.outPhysics),
         style: (p) => l.out.animate(p),
         // 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: () => ke(o)
-      }), a = new b({
-        element: i,
-        integrator: w.from(s.inPhysics),
+        onComplete: () => Me(s)
+      }), a = new m({
+        element: r,
+        integrator: b.from(o.inPhysics),
         style: (p) => l.in.animate(p),
-        onComplete: () => Nt(i)
+        onComplete: () => Lt(r)
       });
-      return new P([c, a], s.composition);
+      return new E([c, a], o.composition);
     }
   };
 };
-function Ne(e, t, n) {
-  return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
+function Le(t, e, n) {
+  return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function to(e = {}) {
-  const t = e.type ?? "x", n = e.variant, s = e.feel, o = Ne(t, n, s);
-  return He({ type: t, feel: o });
+function Jo(t = {}) {
+  const e = t.type ?? "x", n = t.variant, o = t.feel, s = Le(e, n, o);
+  return ke({ type: e, feel: s });
 }
-const ze = {
+const He = {
   spring: { stiffness: 200, damping: 22 }
-}, Ue = 10, Ve = "horizontal", Xe = "#000000";
-function Ct(e, t, n, s, o, i) {
-  window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
+}, Ne = 10, ze = "horizontal", Ve = "#000000";
+function xt(t, e, n, o, s, r) {
+  window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
   const l = document.createElement("div");
   l.style.cssText = `
     position: absolute;
@@ -545,59 +391,59 @@ function Ct(e, t, n, s, o, i) {
     overflow: hidden;
   `;
   const c = [];
-  for (let a = 0; a < t; a++) {
+  for (let a = 0; a < e; a++) {
     const p = document.createElement("div");
     if (n === "horizontal") {
-      const d = 100 / t;
+      const u = 100 / e;
       p.style.cssText = `
         position: absolute;
-        top: ${d * a}%;
+        top: ${u * a}%;
         left: 0;
         width: 100%;
-        height: calc(${d}% + 1px);
-        background: ${s};
-        transform: scaleX(${o === "hidden" ? 0 : 1});
-        transform-origin: ${i} center;
+        height: calc(${u}% + 1px);
+        background: ${o};
+        transform: scaleX(${s === "hidden" ? 0 : 1});
+        transform-origin: ${r} center;
         will-change: transform;
       `;
     } else {
-      const d = 100 / t;
+      const u = 100 / e;
       p.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${d * a}%;
-        width: calc(${d}% + 1px);
+        left: ${u * a}%;
+        width: calc(${u}% + 1px);
         height: 100%;
-        background: ${s};
-        transform: scaleY(${o === "hidden" ? 0 : 1});
-        transform-origin: ${i === "left" ? "top" : "bottom"} center;
+        background: ${o};
+        transform: scaleY(${s === "hidden" ? 0 : 1});
+        transform-origin: ${r === "left" ? "top" : "bottom"} center;
         will-change: transform;
       `;
     }
     c.push(p), l.appendChild(p);
   }
-  return e.appendChild(l), { container: l, blinds: c };
+  return t.appendChild(l), { container: l, blinds: c };
 }
-const Be = (e = {}) => {
-  const t = e.blindCount ?? Ue, n = e.direction ?? Ve, s = e.blindColor ?? Xe, o = e.physics ?? ze;
+const Ue = (t = {}) => {
+  const e = t.blindCount ?? Ne, n = t.direction ?? ze, o = t.blindColor ?? Ve, s = t.physics ?? He;
   return {
-    prepare: async ({ from: i, to: r }) => {
-      const l = await i, c = await r;
+    prepare: async ({ from: r, to: i }) => {
+      const l = await r, c = await i;
       l.style.zIndex = "1000";
-      const a = Ct(
+      const a = xt(
         l,
-        t,
+        e,
         n,
-        s,
+        o,
         "hidden",
         "left"
       );
       c.style.position = "relative", c.style.zIndex = "0";
-      const p = Ct(
+      const p = xt(
         c,
-        t,
+        e,
         n,
-        s,
+        o,
         "closed",
         "right"
       );
@@ -610,78 +456,78 @@ const Be = (e = {}) => {
       };
     },
     animation: ({
-      fromEl: i,
-      fromBlinds: r,
+      fromEl: r,
+      fromBlinds: i,
       fromContainer: l,
       toBlinds: c,
       toContainer: a
     }) => {
-      const p = r.map(
-        (f) => new b({
+      const p = i.map(
+        (f) => new m({
           element: f,
-          integrator: w.from(o),
-          style: (y) => ({
-            transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
+          integrator: b.from(s),
+          style: (h) => ({
+            transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
-      ), d = c.map(
-        (f, y) => new b({
+      ), u = c.map(
+        (f, h) => new m({
           element: f,
-          integrator: w.from(o),
-          style: (m, S) => ({
+          integrator: b.from(s),
+          style: (g, S) => ({
             transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
           }),
-          onComplete: y === c.length - 1 ? () => {
-            a.remove(), l.remove(), i.style.zIndex = "", i.style.position = "";
+          onComplete: h === c.length - 1 ? () => {
+            a.remove(), l.remove(), r.style.zIndex = "", r.style.position = "";
           } : void 0
         })
-      ), u = new P(p, { mode: "parallel" }), h = new P(d, { mode: "parallel" });
-      return new P([u, h], { mode: "sequence" });
+      ), d = new E(p, { mode: "parallel" }), y = new E(u, { mode: "parallel" });
+      return new E([d, y], { mode: "sequence" });
     }
   };
 };
-function eo(e = {}) {
-  const { type: t = "horizontal" } = e;
-  return Be({ direction: t });
+function Qo(t = {}) {
+  const { type: e = "horizontal" } = t;
+  return Ue({ direction: e });
 }
-const We = {
+const Xe = {
   spring: {
     stiffness: 250,
     damping: 23,
     doubleSpring: 0.7
   }
-}, L = 0.5;
-function Ze(e) {
-  const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
+}, k = 0.5;
+function Be(t) {
+  const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (s) => ({
-        transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${L + (1 - L) * (1 - s)}`
+      animate: (o) => ({
+        transform: `translate3d(${e * o}%, 0, 0)`,
+        opacity: `${k + (1 - k) * (1 - o)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${L}`
+        opacity: `${k}`
       },
-      animate: (s) => ({
-        transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${L + (1 - L) * s}`
+      animate: (o) => ({
+        transform: `translate3d(${n * (1 - o)}%, 0, 0)`,
+        opacity: `${k + (1 - k) * o}`
       })
     }
   };
 }
-function Ge() {
+function We() {
   return {
-    physics: We,
-    build: Ze
+    physics: Xe,
+    build: Be
   };
 }
-const je = {
+const Ze = {
   spring: {
     stiffness: 230,
     damping: 25,
@@ -691,14 +537,14 @@ const je = {
     }
   }
 };
-function qe(e) {
-  const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
+function Ge(t) {
+  const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
   return {
     out: {
       willChange: "transform",
       startStyle: {},
-      animate: (s) => ({
-        transform: `translate3d(${t * s}%, 0, 0)`
+      animate: (o) => ({
+        transform: `translate3d(${e * o}%, 0, 0)`
       })
     },
     in: {
@@ -706,122 +552,122 @@ function qe(e) {
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`
       },
-      animate: (s) => ({
-        transform: `translate3d(${n * (1 - s)}%, 0, 0)`
+      animate: (o) => ({
+        transform: `translate3d(${n * (1 - o)}%, 0, 0)`
       })
     }
   };
 }
-function Ke() {
+function je() {
   return {
-    physics: je,
-    build: qe
+    physics: Ze,
+    build: Ge
   };
 }
-const Je = {
-  parallax: Ke(),
-  crossfade: Ge()
-}, R = "0", zt = "1", v = "2", Qe = "parallax";
-function $t(e, t) {
-  e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
-  for (const [n, s] of Object.entries(t.startStyle))
-    e.style[n] = s;
-}
-const tn = (e = {}) => {
-  const t = Je[e.type ?? Qe], n = t.physics;
+const Ke = {
+  parallax: je(),
+  crossfade: We()
+}, _ = "0", Ht = "1", R = "2", qe = "parallax";
+function Ct(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 Je = (t = {}) => {
+  const e = Ke[t.type ?? qe], n = e.physics;
   return {
-    prepare: ({ from: s, to: o, context: i }) => {
-      const r = i.direction === "forward" ? "enter" : "exit", l = t.build(r), c = r === "enter" ? R : v, a = r === "enter" ? v : R;
-      return s.then((p) => {
-        $t(p, l.out), p.style.pointerEvents = "none", p.style.zIndex = c;
-      }), o.then((p) => {
-        $t(p, l.in), p.style.position = "relative", p.style.zIndex = a;
+    prepare: ({ from: o, to: s, context: r }) => {
+      const i = r.direction === "forward" ? "enter" : "exit", l = e.build(i), c = i === "enter" ? _ : R, a = i === "enter" ? R : _;
+      return o.then((p) => {
+        Ct(p, l.out), p.style.pointerEvents = "none", p.style.zIndex = c;
+      }), s.then((p) => {
+        Ct(p, l.in), p.style.position = "relative", p.style.zIndex = a;
       }), {};
     },
-    animation: ({ from: s, to: o, context: i }) => {
-      const r = i.direction === "forward" ? "enter" : "exit", l = t.build(r), c = r === "enter" ? v : R, a = new b({
-        element: s,
-        integrator: w.from(n),
-        style: (d) => l.out.animate(d),
+    animation: ({ from: o, to: s, context: r }) => {
+      const i = r.direction === "forward" ? "enter" : "exit", l = e.build(i), c = i === "enter" ? R : _, a = new m({
+        element: o,
+        integrator: b.from(n),
+        style: (u) => l.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: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.opacity = "", s.style.pointerEvents = "", s.style.zIndex = "";
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.opacity = "", o.style.pointerEvents = "", o.style.zIndex = "";
         }
-      }), p = new b({
-        element: o,
-        integrator: w.from(n),
-        style: (d) => l.in.animate(d),
+      }), p = new m({
+        element: s,
+        integrator: b.from(n),
+        style: (u) => l.in.animate(u),
         onComplete: () => {
-          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.opacity = "", o.style.position === "relative" && (o.style.position = ""), o.style.zIndex === c && (o.style.zIndex = "");
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.opacity = "", s.style.position === "relative" && (s.style.position = ""), s.style.zIndex === c && (s.style.zIndex = "");
         }
       });
-      for (const d of [a, p]) {
-        const u = d.onComplete;
-        d.onComplete = () => {
-          u == null || u(), d.releaseFill();
+      for (const u of [a, p]) {
+        const d = u.onComplete;
+        u.onComplete = () => {
+          d == null || d(), u.releaseFill();
         };
       }
-      return new P([a, p], { mode: "parallel" });
+      return new E([a, p], { mode: "parallel" });
     }
   };
 };
-function en(e) {
-  return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
-}
-function no(e = {}) {
-  const t = e.type, n = en(t);
-  return tn({ type: n });
-}
-const nn = {
-  spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, sn = {
-  spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, on = (e = {}) => {
-  const t = e.physics ?? sn, n = e.physics ?? nn;
+function Qe(t) {
+  return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
+}
+function ts(t = {}) {
+  const e = t.type, n = Qe(e);
+  return Je({ type: n });
+}
+const tn = (t = {}) => {
+  const e = t.physics ?? oe, n = t.physics ?? se;
   return {
-    prepare: ({ to: s }) => (s.then((o) => {
-      o.style.opacity = "0", o.style.willChange = "opacity";
+    prepare: ({ to: o }) => (o.then((s) => {
+      s.style.opacity = "0", s.style.willChange = "opacity";
     }), {}),
-    animation: ({ from: s, to: o }) => {
-      const i = new b({
-        element: s,
-        integrator: w.from(n),
+    animation: ({ from: o, to: s }) => {
+      const r = new m({
+        element: o,
+        integrator: b.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
-        style: (l, c) => ({ opacity: c }),
+        style: (l) => ({
+          opacity: X("fade", "out", "forward", l).opacity
+        }),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.opacity = "";
+          o.style.willChange = "auto", o.style.opacity = "";
         }
-      }), r = new b({
-        element: o,
-        integrator: w.from(t),
-        style: (l) => ({ opacity: l }),
+      }), i = new m({
+        element: s,
+        integrator: b.from(e),
+        style: (l) => ({
+          opacity: X("fade", "in", "forward", l).opacity
+        }),
         onComplete: () => {
-          o.style.willChange = "auto", o.style.opacity = "";
+          s.style.willChange = "auto", s.style.opacity = "";
         }
       });
-      return new P([i, r], { mode: "sequence" });
+      return new E([r, i], { mode: "sequence" });
     }
   };
 };
-function so(e = {}) {
-  return on();
+function es(t = {}) {
+  return tn();
 }
-const q = {
+const K = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, T = {
+}, Y = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, rn = 0.8, an = "white", Et = 1e3 / 60, ln = 600;
-function cn(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, i = Et / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
+}, en = 0.8, nn = "white", $t = 1e3 / 60, on = 600;
+function sn(t) {
+  const { items: e, from: n, to: o, recordFrame: s } = t, r = $t / 1e3, i = Math.abs(o - n), l = e.map((a) => ({
     item: a,
-    integrator: new X({
+    integrator: new ie({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -832,111 +678,111 @@ function cn(e) {
   }));
   for (let a = 0; a < l.length; a++)
     (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
-  o(0);
+  s(0);
   let c = 0;
-  for (let a = 1; a <= ln; a++) {
-    const p = a * Et;
+  for (let a = 1; a <= on; a++) {
+    const p = a * $t;
     c = p;
-    for (const d of l)
-      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= ie && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
-    for (let d = 1; d < l.length; d++) {
-      const u = l[d];
-      if (u.started) continue;
-      const h = l[d - 1];
-      if (!h.started) continue;
-      (r === 0 ? 1 : Math.abs(h.state.position - n) / r) >= u.item.offset && (u.started = !0);
+    for (const u of l)
+      !u.started || u.settled || (u.state = u.integrator.step(u.state, o, r), u.integrator.isSettled(u.state, o) ? (u.settleTime += r, u.settleTime >= le && (u.state = { position: o, velocity: 0 }, u.settled = !0)) : u.settleTime = 0, u.item.tick(u.state.position));
+    for (let u = 1; u < l.length; u++) {
+      const d = l[u];
+      if (d.started) continue;
+      const y = l[u - 1];
+      if (!y.started) continue;
+      (i === 0 ? 1 : Math.abs(y.state.position - n) / i) >= d.item.offset && (d.started = !0);
     }
-    if (o(p), l.every((d) => d.settled)) return p;
+    if (s(p), l.every((u) => u.settled)) return p;
   }
   return c;
 }
-function K(e, t) {
-  return e != null && e.spring ? {
-    stiffness: e.spring.stiffness,
-    damping: e.spring.damping
-  } : t;
+function q(t, e) {
+  return t != null && t.spring ? {
+    stiffness: t.spring.stiffness,
+    damping: t.spring.damping
+  } : e;
 }
-function Pt(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, r = K(o, q.scaleDown), l = K(o, q.translate), c = K(o, q.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
+function Et(t) {
+  const { rect: e, scale: n, direction: o, override: s } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, i = q(s, K.scaleDown), l = q(s, K.translate), c = q(s, K.scaleUp), a = o === "out" ? 1 : 0, p = o === "out" ? 0 : 1, u = o === "out" ? [
     {
-      spring: r,
-      offset: T.scaleDown,
+      spring: i,
+      offset: Y.scaleDown,
       tick: (f) => {
-        const y = 1 - f;
-        i.scale = 1 - (1 - n) * y;
+        const h = 1 - f;
+        r.scale = 1 - (1 - n) * h;
       }
     },
     {
       spring: l,
-      offset: T.translate,
+      offset: Y.translate,
       tick: (f) => {
-        const y = 1 - f;
-        i.translateY = -t.top - t.height * y;
+        const h = 1 - f;
+        r.translateY = -e.top - e.height * h;
       }
     },
     {
       spring: c,
-      offset: T.scaleUp,
+      offset: Y.scaleUp,
       tick: (f) => {
-        const y = 1 - f;
-        i.scale = n + (1 - n) * y;
+        const h = 1 - f;
+        r.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
-      spring: r,
-      offset: T.scaleDown,
+      spring: i,
+      offset: Y.scaleDown,
       tick: (f) => {
-        i.scale = 1 - (1 - n) * f;
+        r.scale = 1 - (1 - n) * f;
       }
     },
     {
       spring: l,
-      offset: T.translate,
+      offset: Y.translate,
       tick: (f) => {
-        i.translateY = -t.top + t.height * (1 - f);
+        r.translateY = -e.top + e.height * (1 - f);
       }
     },
     {
       spring: c,
-      offset: T.scaleUp,
+      offset: Y.scaleUp,
       tick: (f) => {
-        i.scale = n + (1 - n) * f;
+        r.scale = n + (1 - n) * f;
       }
     }
-  ], u = [], h = cn({
-    items: d,
+  ], d = [], y = sn({
+    items: u,
     from: a,
     to: p,
-    recordFrame: (f) => u.push({
+    recordFrame: (f) => d.push({
       time: f,
-      scale: i.scale,
-      translateY: i.translateY
+      scale: r.scale,
+      translateY: r.translateY
     })
   });
-  return { snapshots: u, totalDuration: h };
-}
-function pn(e, t) {
-  if (e.length === 0) return { time: 0, scale: 1, translateY: 0 };
-  if (e.length === 1 || t <= 0) return e[0];
-  if (t >= 1) return e[e.length - 1];
-  const n = t * (e.length - 1), s = Math.floor(n), o = Math.ceil(n);
-  if (s === o) return e[s];
-  const i = e[s], r = e[o], l = n - s;
+  return { snapshots: d, totalDuration: y };
+}
+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];
+  const n = e * (t.length - 1), o = Math.floor(n), s = Math.ceil(n);
+  if (o === s) return t[o];
+  const r = t[o], i = t[s], l = n - o;
   return {
-    time: i.time + (r.time - i.time) * l,
-    scale: i.scale + (r.scale - i.scale) * l,
-    translateY: i.translateY + (r.translateY - i.translateY) * l
+    time: r.time + (i.time - r.time) * l,
+    scale: r.scale + (i.scale - r.scale) * l,
+    translateY: r.translateY + (i.translateY - r.translateY) * l
   };
 }
-const dn = [
+const an = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function un(e, t) {
-  const o = (i, r, l) => {
+function ln(t, e) {
+  const s = (r, i, l) => {
     const c = document.createElement("div");
     Object.assign(c.style, {
       position: "fixed",
@@ -944,155 +790,155 @@ function un(e, t) {
       zIndex: "9999",
       width: "15px",
       height: "15px",
-      ...i
+      ...r
     });
     const a = document.createElement("div");
     Object.assign(a.style, {
       position: "absolute",
       width: "15px",
       height: "1px",
-      backgroundColor: e,
+      backgroundColor: t,
       [l]: "0",
-      [r]: "0"
+      [i]: "0"
     });
     const p = document.createElement("div");
     return Object.assign(p.style, {
       position: "absolute",
       width: "1px",
       height: "15px",
-      backgroundColor: e,
+      backgroundColor: t,
       [l]: "0",
-      [r]: "0"
+      [i]: "0"
     }), c.appendChild(a), c.appendChild(p), c;
   };
   return {
-    topLeft: o(
+    topLeft: s(
       {
-        top: `${t.top - 1}px`,
-        left: `${t.left - 1}px`
+        top: `${e.top - 1}px`,
+        left: `${e.left - 1}px`
       },
       "left",
       "top"
     ),
-    topRight: o(
+    topRight: s(
       {
-        top: `${t.top - 1}px`,
-        left: `${t.left + t.width - 15 + 1}px`
+        top: `${e.top - 1}px`,
+        left: `${e.left + e.width - 15 + 1}px`
       },
       "right",
       "top"
     ),
-    bottomLeft: o(
+    bottomLeft: s(
       {
-        top: `${t.top + t.height - 15 + 1}px`,
-        left: `${t.left - 1}px`
+        top: `${e.top + e.height - 15 + 1}px`,
+        left: `${e.left - 1}px`
       },
       "left",
       "bottom"
     ),
-    bottomRight: o(
+    bottomRight: s(
       {
-        top: `${t.top + t.height - 15 + 1}px`,
-        left: `${t.left + t.width - 15 + 1}px`
+        top: `${e.top + e.height - 15 + 1}px`,
+        left: `${e.left + e.width - 15 + 1}px`
       },
       "right",
       "bottom"
     )
   };
 }
-function _t(e, t) {
-  const n = t.left + t.width / 2, s = t.top + t.height / 2;
-  e.style.transformOrigin = `${n}px ${s}px`;
+function Pt(t, e) {
+  const n = e.left + e.width / 2, o = e.top + e.height / 2;
+  t.style.transformOrigin = `${n}px ${o}px`;
 }
-function At(e, t) {
-  e.style.clipPath = `polygon(
-    ${t.left}px ${t.top}px,
-    ${t.left + t.width}px ${t.top}px,
-    ${t.left + t.width}px ${t.top + t.height}px,
-    ${t.left}px ${t.top + t.height}px
+function At(t, e) {
+  t.style.clipPath = `polygon(
+    ${e.left}px ${e.top}px,
+    ${e.left + e.width}px ${e.top}px,
+    ${e.left + e.width}px ${e.top + e.height}px,
+    ${e.left}px ${e.top + e.height}px
   )`;
 }
-function J(e, t, n, s, o) {
-  const i = n / 1e3;
-  return new b({
-    element: e,
-    integrator: new de({ durationSec: i }),
+function J(t, e, n, o, s) {
+  const r = n / 1e3;
+  return new m({
+    element: t,
+    integrator: new ce({ durationSec: r }),
     lowerBound: 0,
     upperBound: 1,
-    style: (r) => s(pn(t, r)),
-    onComplete: o
+    style: (i) => o(rn(e, i)),
+    onComplete: s
   });
 }
-const fn = (e = {}) => {
-  var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? an, n = rn, s = e.physics;
+const cn = (t = {}) => {
+  var s;
+  const e = ((s = t.border) == null ? void 0 : s.color) ?? nn, n = en, o = t.physics;
   return {
-    prepare: ({ from: i, to: r, context: l }) => {
-      const c = F(l, "from"), a = F(l, "to"), p = k(document.body, l.positionedParent), d = un(t, {
+    prepare: ({ from: r, to: i, context: l }) => {
+      const c = F(l, "from"), a = F(l, "to"), p = L(document.body, l.positionedParent), u = ln(e, {
         ...c,
         top: p.top
       });
-      for (const u of [
+      for (const d of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(d[u]);
-      return i.then((u) => {
-        _t(u, c), At(u, c), u.style.transform = `translateY(${-c.top}px)`;
-      }), r.then((u) => {
-        _t(u, a), At(u, a), u.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
-      }), { borders: d, fromRect: c, toRect: a };
+        l.positionedParent.appendChild(u[d]);
+      return r.then((d) => {
+        Pt(d, c), At(d, c), d.style.transform = `translateY(${-c.top}px)`;
+      }), i.then((d) => {
+        Pt(d, a), At(d, a), d.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: u, fromRect: c, toRect: a };
     },
-    animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
-      const d = Pt({
+    animation: ({ from: r, to: i, context: l, borders: c, fromRect: a, toRect: p }) => {
+      const u = Et({
         rect: a,
         scale: n,
         direction: "out",
-        override: s
-      }), u = Pt({
+        override: o
+      }), d = Et({
         rect: p,
         scale: n,
         direction: "in",
-        override: s
-      }), h = J(
-        i,
-        d.snapshots,
-        d.totalDuration,
-        (g) => ({
-          transform: `translateY(${g.translateY}px) scale(${g.scale})`
-        }),
-        () => {
-          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
-        }
-      ), f = J(
+        override: o
+      }), y = J(
         r,
         u.snapshots,
         u.totalDuration,
-        (g) => ({
-          transform: `translateY(${g.translateY}px) scale(${g.scale})`
+        (w) => ({
+          transform: `translateY(${w.translateY}px) scale(${w.scale})`
         }),
         () => {
           r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
         }
-      ), y = dn.map(([g, $], x) => {
+      ), f = J(
+        i,
+        d.snapshots,
+        d.totalDuration,
+        (w) => ({
+          transform: `translateY(${w.translateY}px) scale(${w.scale})`
+        }),
+        () => {
+          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
+        }
+      ), h = an.map(([w, $], x) => {
         const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][x];
         return J(
           c[C],
-          d.snapshots,
-          d.totalDuration,
+          u.snapshots,
+          u.totalDuration,
           (I) => {
-            const A = (a.width - a.width * I.scale) / 2 * 0.7 * g, _ = (a.height - a.height * I.scale) / 2 * 0.7 * $;
-            return { transform: `translate(${A}px, ${_}px)` };
+            const A = (a.width - a.width * I.scale) / 2 * 0.7 * w, P = (a.height - a.height * I.scale) / 2 * 0.7 * $;
+            return { transform: `translate(${A}px, ${P}px)` };
           }
         );
-      }), m = new P([h, f, ...y], {
+      }), g = new E([y, f, ...h], {
         mode: "parallel"
-      }), S = m.onComplete;
-      return m.onComplete = () => {
+      }), S = g.onComplete;
+      return g.onComplete = () => {
         S == null || S();
-        const g = l.positionedParent;
+        const w = l.positionedParent;
         for (const $ of [
           "topLeft",
           "topRight",
@@ -1100,398 +946,398 @@ const fn = (e = {}) => {
           "bottomRight"
         ]) {
           const x = c[$];
-          x.parentElement === g && g.removeChild(x);
+          x.parentElement === w && w.removeChild(x);
         }
-      }, m;
+      }, g;
     }
   };
 };
-function oo(e = {}) {
-  const { options: t } = e, n = (t == null ? void 0 : t.borderColor) !== void 0 ? { border: { color: t.borderColor } } : void 0;
-  return fn(n);
+function ns(t = {}) {
+  const { options: e } = t, n = (e == null ? void 0 : e.borderColor) !== void 0 ? { border: { color: e.borderColor } } : void 0;
+  return cn(n);
 }
-function hn(e) {
-  if (!e) return null;
-  if (e.includes("/")) {
-    const n = e.split("/");
+function pn(t) {
+  if (!t) return null;
+  if (t.includes("/")) {
+    const n = t.split("/");
     if (n.length !== 2) return null;
-    const s = Number.parseFloat(n[0] ?? ""), o = Number.parseFloat(n[1] ?? "");
-    return Number.isFinite(s) && Number.isFinite(o) && s > 0 && o > 0 ? s / o : null;
+    const o = Number.parseFloat(n[0] ?? ""), s = Number.parseFloat(n[1] ?? "");
+    return Number.isFinite(o) && Number.isFinite(s) && o > 0 && s > 0 ? o / s : null;
   }
-  const t = Number.parseFloat(e);
-  return Number.isFinite(t) && t > 0 ? t : null;
+  const e = Number.parseFloat(t);
+  return Number.isFinite(e) && e > 0 ? e : null;
 }
-function yn(e) {
-  return e === "contain" || e === "cover" ? e : null;
+function un(t) {
+  return t === "contain" || t === "cover" ? t : null;
 }
-function it(e) {
-  return e.tagName === "IMG";
+function it(t) {
+  return t.tagName === "IMG";
 }
-function mn(e) {
-  if (it(e)) return e;
-  if (e.tagName === "PICTURE" || e.tagName === "VIDEO")
+function dn(t) {
+  if (it(t)) return t;
+  if (t.tagName === "PICTURE" || t.tagName === "VIDEO")
     return null;
-  const t = [];
-  for (const n of Array.from(e.children)) {
-    const s = n;
-    it(s) && t.push(s);
+  const e = [];
+  for (const n of Array.from(t.children)) {
+    const o = n;
+    it(o) && e.push(o);
   }
-  return t.length === 1 ? t[0] ?? null : null;
+  return e.length === 1 ? e[0] ?? null : null;
 }
-function gn(e) {
+function fn(t) {
   var c, a;
-  if (!it(e)) return null;
-  const t = e, n = t.naturalWidth, s = t.naturalHeight;
-  if (typeof n == "number" && typeof s == "number" && Number.isFinite(n) && Number.isFinite(s) && n > 0 && s > 0)
-    return n / s;
-  const o = ((c = e.getAttribute("width")) == null ? void 0 : c.trim()) ?? "", i = ((a = e.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", r = o === "" ? Number.NaN : Number(o), l = i === "" ? Number.NaN : Number(i);
-  return Number.isFinite(r) && Number.isFinite(l) && r > 0 && l > 0 ? r / l : null;
-}
-function bn(e) {
-  const t = e.trim().toLowerCase().replace(/\s+/g, " ");
-  return t === "" || t === "center" || t === "center center" || t === "50% 50%";
-}
-function B(e) {
+  if (!it(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 s = ((c = t.getAttribute("width")) == null ? void 0 : c.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", i = s === "" ? Number.NaN : Number(s), l = r === "" ? Number.NaN : Number(r);
+  return Number.isFinite(i) && Number.isFinite(l) && i > 0 && l > 0 ? i / l : null;
+}
+function yn(t) {
+  const e = t.trim().toLowerCase().replace(/\s+/g, " ");
+  return e === "" || e === "center" || e === "center center" || e === "50% 50%";
+}
+function B(t) {
   if (typeof getComputedStyle == "function")
     try {
-      return getComputedStyle(e);
+      return getComputedStyle(t);
     } catch {
     }
-  return e.style;
+  return t.style;
 }
-function wn(e) {
-  const t = B(e), n = bn(t.objectPosition ?? "");
+function hn(t) {
+  const e = B(t), n = yn(e.objectPosition ?? "");
   return {
-    fit: n ? yn(t.objectFit ?? null) : null,
+    fit: n ? un(e.objectFit ?? null) : null,
     centered: n
   };
 }
-function Ut(e) {
-  if (!e) return 0;
-  const t = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(e.trim());
-  if (!t) return null;
-  const n = Number.parseFloat(t[1] ?? "");
+function Nt(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 It(e) {
-  const t = B(e), n = [
-    t.borderTopLeftRadius,
-    t.borderTopRightRadius,
-    t.borderBottomRightRadius,
-    t.borderBottomLeftRadius
-  ].map(Ut), s = n[0];
-  if (s == null)
+function It(t) {
+  const e = B(t), n = [
+    e.borderTopLeftRadius,
+    e.borderTopRightRadius,
+    e.borderBottomRightRadius,
+    e.borderBottomLeftRadius
+  ].map(Nt), o = n[0];
+  if (o == null)
     return { radius: 0, supported: !1 };
-  const o = n.every(
-    (i) => i !== null && Math.abs(i - s) < 1e-3
+  const s = n.every(
+    (r) => r !== null && Math.abs(r - o) < 1e-3
   );
-  return { radius: o ? s : 0, supported: o };
+  return { radius: s ? o : 0, supported: s };
 }
-function Sn(e, t) {
-  var o;
-  if (!t) return null;
-  const n = (o = e.getAttribute(t)) == null ? void 0 : o.trim();
+function mn(t, e) {
+  var s;
+  if (!e) return null;
+  const n = (s = t.getAttribute(e)) == null ? void 0 : s.trim();
   if (n == null || n === "") return null;
-  const s = Number.parseFloat(n);
-  return Number.isFinite(s) && s >= 0 ? s : null;
+  const o = Number.parseFloat(n);
+  return Number.isFinite(o) && o >= 0 ? o : null;
 }
-function xn(e) {
-  const t = B(e);
+function gn(t) {
+  const e = B(t);
   return [
-    t.paddingTop,
-    t.paddingRight,
-    t.paddingBottom,
-    t.paddingLeft,
-    t.borderTopWidth,
-    t.borderRightWidth,
-    t.borderBottomWidth,
-    t.borderLeftWidth
-  ].every((s) => s ? Ut(s) === 0 : !0);
-}
-function Cn(e) {
-  const t = B(e), n = (s) => s === "hidden" || s === "clip";
-  return n(t.overflowX) && n(t.overflowY);
-}
-function O(e) {
-  return e.left + e.width / 2;
-}
-function D(e) {
-  return e.top + e.height / 2;
-}
-function pt(e, t) {
+    e.paddingTop,
+    e.paddingRight,
+    e.paddingBottom,
+    e.paddingLeft,
+    e.borderTopWidth,
+    e.borderRightWidth,
+    e.borderBottomWidth,
+    e.borderLeftWidth
+  ].every((o) => o ? Nt(o) === 0 : !0);
+}
+function bn(t) {
+  const e = B(t), n = (o) => o === "hidden" || o === "clip";
+  return n(e.overflowX) && n(e.overflowY);
+}
+function v(t) {
+  return t.left + t.width / 2;
+}
+function O(t) {
+  return t.top + t.height / 2;
+}
+function ct(t, e) {
   return {
-    top: Math.max(0, t.top - e.top),
-    right: Math.max(0, e.left + e.width - (t.left + t.width)),
-    bottom: Math.max(0, e.top + e.height - (t.top + t.height)),
-    left: Math.max(0, t.left - e.left)
+    top: Math.max(0, e.top - t.top),
+    right: Math.max(0, t.left + t.width - (e.left + e.width)),
+    bottom: Math.max(0, t.top + t.height - (e.top + e.height)),
+    left: Math.max(0, e.left - t.left)
   };
 }
-function $n(e, t) {
-  const n = Math.max(e.left, t.left), s = Math.max(e.top, t.top), o = Math.min(e.left + e.width, t.left + t.width), i = Math.min(e.top + e.height, t.top + t.height);
-  return o > n && i > s ? { left: n, top: s, width: o - n, height: i - s } : null;
+function wn(t, e) {
+  const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), s = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
+  return s > n && r > o ? { left: n, top: o, width: s - n, height: r - o } : null;
 }
-function Rt(e, t) {
-  return Math.abs(e.left - t.left) < 0.01 && Math.abs(e.top - t.top) < 0.01 && Math.abs(e.width - t.width) < 0.01 && Math.abs(e.height - t.height) < 0.01;
+function _t(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 En(e, t, n) {
-  const s = e.width / e.height;
-  let o, i;
-  return n === "contain" ? s > t ? (i = e.height, o = i * t) : (o = e.width, i = o / t) : s > t ? (o = e.width, i = o / t) : (i = e.height, o = i * t), {
-    left: e.left + (e.width - o) / 2,
-    top: e.top + (e.height - i) / 2,
-    width: o,
-    height: i
+function Sn(t, e, n) {
+  const o = t.width / t.height;
+  let s, r;
+  return n === "contain" ? o > e ? (r = t.height, s = r * e) : (s = t.width, r = s / e) : o > e ? (s = t.width, r = s / e) : (r = t.height, s = r * e), {
+    left: t.left + (t.width - s) / 2,
+    top: t.top + (t.height - r) / 2,
+    width: s,
+    height: r
   };
 }
-function Vt(e, t, n) {
-  const s = t !== null && n !== null && e.width > 0 && e.height > 0 ? En(e, t, n) : e, o = n === "contain" ? s : e;
+function zt(t, e, n) {
+  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Sn(t, e, n) : t, s = n === "contain" ? o : t;
   return {
-    bbox: e,
-    content: s,
-    window: o,
-    clipInset: pt(s, o),
-    aspectRatio: t,
+    bbox: t,
+    content: o,
+    window: s,
+    clipInset: ct(o, s),
+    aspectRatio: e,
     fit: n,
     radius: 0,
     radiusSource: "none",
     bboxRadius: 0,
     bboxRadiusSource: "none",
-    contentAware: t !== null && n !== null,
+    contentAware: e !== null && n !== null,
     mediaElement: null
   };
 }
-function rt(e, t, n) {
+function rt(t, e, n) {
   return {
-    ...Vt(e, null, null),
-    radius: t,
+    ...zt(t, null, null),
+    radius: e,
     radiusSource: n,
-    bboxRadius: t,
+    bboxRadius: e,
     bboxRadiusSource: n
   };
 }
-function Xt(e, t) {
-  const n = e.aspectRatio, s = t.aspectRatio;
-  return e.contentAware && t.contentAware && n !== null && s !== null && Math.abs(n - s) / Math.max(n, s) < 0.01;
+function Vt(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 vt(e) {
+function Rt(t) {
   return rt(
-    e.bbox,
-    e.bboxRadius,
-    e.bboxRadiusSource
+    t.bbox,
+    t.bboxRadius,
+    t.bboxRadiusSource
   );
 }
-function Bt(e, t) {
-  return Xt(e, t) ? [e, t] : [vt(e), vt(t)];
+function Ut(t, e) {
+  return Vt(t, e) ? [t, e] : [Rt(t), Rt(e)];
 }
-function at(e, t, n, s) {
-  const o = mn(e), i = o ? n(o) : t, r = s.legacyAspectRatioAttribute ? hn(
-    e.getAttribute(s.legacyAspectRatioAttribute) ?? (o == null ? void 0 : o.getAttribute(s.legacyAspectRatioAttribute)) ?? null
-  ) : null, l = r ?? (o ? gn(o) : null), c = o ? wn(o) : { fit: null, centered: !0 }, a = c.centered && (o === null || xn(o)) ? c.fit ?? (r !== null ? s.fallbackFit ?? null : null) : null, p = Vt(i, l, a), d = Cn(e), h = o !== null && o !== e && d ? $n(p.window, t) : p.window, f = Sn(e, s.legacyRadiusAttribute), y = o === e || d, m = y ? It(e) : { radius: 0, supported: !0 }, S = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
-  h && y && Rt(h, t) && $.push(m), h && o && Rt(h, i) && $.push(It(o));
-  const x = $.every((_) => _.supported), C = Math.max(
+function at(t, e, n, o) {
+  const s = dn(t), r = s ? n(s) : e, i = o.legacyAspectRatioAttribute ? pn(
+    t.getAttribute(o.legacyAspectRatioAttribute) ?? (s == null ? void 0 : s.getAttribute(o.legacyAspectRatioAttribute)) ?? null
+  ) : null, l = i ?? (s ? fn(s) : null), c = s ? hn(s) : { fit: null, centered: !0 }, a = c.centered && (s === null || gn(s)) ? c.fit ?? (i !== null ? o.fallbackFit ?? null : null) : null, p = zt(r, l, a), u = bn(t), y = s !== null && s !== t && u ? wn(p.window, e) : p.window, f = mn(t, o.legacyRadiusAttribute), h = s === t || u, g = h ? It(t) : { radius: 0, supported: !0 }, S = f ?? g.radius, w = f !== null ? "legacy" : g.supported ? g.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
+  y && h && _t(y, e) && $.push(g), y && s && _t(y, r) && $.push(It(s));
+  const x = $.every((P) => P.supported), C = Math.max(
     0,
-    ...$.map((_) => _.radius)
+    ...$.map((P) => P.radius)
   ), I = f ?? C, A = f !== null ? "legacy" : x ? C > 0 ? "computed" : "none" : "unsupported";
-  return !h || A === "unsupported" ? rt(t, S, g) : {
+  return !y || A === "unsupported" ? rt(e, S, w) : {
     ...p,
-    bbox: t,
-    window: h,
-    clipInset: pt(p.content, h),
+    bbox: e,
+    window: y,
+    clipInset: ct(p.content, y),
     radius: I,
     radiusSource: A,
     bboxRadius: S,
-    bboxRadiusSource: g,
-    mediaElement: p.contentAware ? o : null
+    bboxRadiusSource: w,
+    mediaElement: p.contentAware ? s : null
   };
 }
-function Wt(e, t, n, s, o) {
-  const i = n.width / s, r = n.height / o;
+function Xt(t, e, n, o, s) {
+  const r = n.width / o, i = n.height / s;
   return {
-    left: O(e) + (O(n) - O(t)) / s - i / 2,
-    top: D(e) + (D(n) - D(t)) / o - r / 2,
-    width: i,
-    height: r
+    left: v(t) + (v(n) - v(e)) / o - r / 2,
+    top: O(t) + (O(n) - O(e)) / s - i / 2,
+    width: r,
+    height: i
   };
 }
-const Pn = {
+const xn = {
   enter: "contain",
   exit: "cover",
   legacy: "contain"
 };
-function M(e) {
-  return Pn[e];
+function D(t) {
+  return xn[t];
 }
-const Ot = "data-hero-enter-key", Dt = "data-hero-exit-key", Q = "data-hero-key";
-class _n {
+const vt = "data-hero-enter-key", Ot = "data-hero-exit-key", Q = "data-hero-key";
+class Cn {
   constructor() {
-    E(this, "previousFromOpacity", "");
+    T(this, "previousFromOpacity", "");
   }
-  prepare(t) {
-    t.from.then((n) => {
+  prepare(e) {
+    e.from.then((n) => {
       this.previousFromOpacity = n.style.opacity, n.style.opacity = "0";
     });
   }
-  contribute(t) {
-    return t.onComplete(() => {
-      t.from.style.opacity = this.previousFromOpacity;
+  contribute(e) {
+    return e.onComplete(() => {
+      e.from.style.opacity = this.previousFromOpacity;
     }), [];
   }
 }
-const An = () => new _n();
-class In {
-  contribute(t) {
-    const { from: n, to: s, physics: o, onComplete: i } = t, r = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
-    return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
-      n.style.opacity = r, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
+const $n = () => new Cn();
+class En {
+  contribute(e) {
+    const { from: n, to: o, physics: s, onComplete: r } = e, i = n.style.opacity, l = o.style.opacity, c = n.style.willChange, a = o.style.willChange;
+    return o.style.opacity = "0", n.style.willChange = "opacity", o.style.willChange = "opacity", r(() => {
+      n.style.opacity = i, o.style.opacity = l, n.style.willChange = c, o.style.willChange = a;
     }), [
-      new b({
+      new m({
         element: n,
-        integrator: w.from(o),
-        style: (p, d) => ({ opacity: d })
+        integrator: b.from(s),
+        style: (p, u) => ({ opacity: u })
       }),
-      new b({
-        element: s,
-        integrator: w.from(o),
+      new m({
+        element: o,
+        integrator: b.from(s),
         style: (p) => ({ opacity: p })
       })
     ];
   }
 }
-const Rn = () => new In(), vn = {
-  static: An,
-  fade: Rn
-}, On = {
+const Pn = () => new En(), An = {
+  static: $n,
+  fade: Pn
+}, In = {
   spring: { stiffness: 320, damping: 30 }
-}, Dn = () => On, Fn = {
+}, _n = () => In, Rn = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, Tn = () => Fn, Mn = {
-  default: Dn,
-  smooth: Tn
-}, Yn = 700, Ln = "data-hero-aspect-ratio", kn = "data-hero-radius";
-function Ft(e, t, n) {
-  const s = k(e, t);
+}, vn = () => Rn, On = {
+  default: _n,
+  smooth: vn
+}, Fn = 700, Tn = "data-hero-aspect-ratio", Yn = "data-hero-radius";
+function Ft(t, e, n) {
+  const o = L(t, e);
   return at(
-    t,
-    s,
-    (o) => k(e, o),
+    e,
+    o,
+    (s) => L(t, s),
     {
       fallbackFit: n,
-      legacyAspectRatioAttribute: Ln,
-      legacyRadiusAttribute: kn
+      legacyAspectRatioAttribute: Tn,
+      legacyRadiusAttribute: Yn
     }
   );
 }
-function U(e, t) {
-  const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
-  for (const o of Array.from(s)) {
-    const i = o.getAttribute(t);
-    i && (n.has(i) || n.set(i, o));
+function V(t, e) {
+  const n = /* @__PURE__ */ new Map(), o = t.querySelectorAll(`[${e}]`);
+  for (const s of Array.from(o)) {
+    const r = s.getAttribute(e);
+    r && (n.has(r) || n.set(r, s));
   }
   return n;
 }
-function Hn(e, t) {
-  const n = [], s = U(t, Ot), o = U(e, Dt);
-  for (const [l, c] of s) {
-    const a = o.get(l);
+function Dn(t, e) {
+  const n = [], o = V(e, vt), s = V(t, Ot);
+  for (const [l, c] of o) {
+    const a = s.get(l);
     a && n.push({
       key: l,
       fromEl: a,
       toEl: c,
-      fromFit: M("exit"),
-      toFit: M("enter")
+      fromFit: D("exit"),
+      toFit: D("enter")
     });
   }
-  const i = U(e, Ot), r = U(t, Dt);
-  for (const [l, c] of i) {
-    const a = r.get(l);
+  const r = V(t, vt), i = V(e, Ot);
+  for (const [l, c] of r) {
+    const a = i.get(l);
     a && n.push({
       key: l,
       fromEl: c,
       toEl: a,
-      fromFit: M("enter"),
-      toFit: M("exit")
+      fromFit: D("enter"),
+      toFit: D("exit")
     });
   }
   return n;
 }
-function Nn(e, t) {
-  const n = [], s = Array.from(
-    t.querySelectorAll(`[${Q}]`)
+function Mn(t, e) {
+  const n = [], o = Array.from(
+    e.querySelectorAll(`[${Q}]`)
   );
-  for (const o of s) {
-    const i = o.getAttribute(Q);
-    if (!i) continue;
-    const r = e.querySelector(
-      `[${Q}="${i}"]`
+  for (const s of o) {
+    const r = s.getAttribute(Q);
+    if (!r) continue;
+    const i = t.querySelector(
+      `[${Q}="${r}"]`
     );
-    r && n.push({
-      key: i,
-      fromEl: r,
-      toEl: o,
-      fromFit: M("legacy"),
-      toFit: M("legacy")
+    i && n.push({
+      key: r,
+      fromEl: i,
+      toEl: s,
+      fromFit: D("legacy"),
+      toFit: D("legacy")
     });
   }
   return n;
 }
-function zn(e, t) {
-  const n = Hn(e, t);
-  return n.length > 0 ? n : Nn(e, t);
+function kn(t, e) {
+  const n = Dn(t, e);
+  return n.length > 0 ? n : Mn(t, e);
 }
-function Un(e, t) {
-  return Bt(e, t);
+function Ln(t, e) {
+  return Ut(t, e);
 }
-function Vn(e, t) {
-  return e.radiusSource === "unsupported" || t.radiusSource === "unsupported" ? !1 : e.mediaElement !== null || t.mediaElement !== null || e.radiusSource === "computed" || e.radiusSource === "legacy" || t.radiusSource === "computed" || t.radiusSource === "legacy";
+function Hn(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 Xn(e, t, n) {
-  const { fromEl: s, toEl: o } = t, [i, r] = Un(
-    Ft(e, s, t.fromFit),
-    Ft(e, o, t.toFit)
-  ), l = i.content, c = i.window, a = r.content, p = r.window, d = r.clipInset, u = i.radiusSource === "unsupported" || r.radiusSource === "unsupported", h = u ? 0 : i.radius, f = u ? 0 : r.radius;
+function Nn(t, e, n) {
+  const { fromEl: o, toEl: s } = e, [r, i] = Ln(
+    Ft(t, o, e.fromFit),
+    Ft(t, s, e.toFit)
+  ), l = r.content, c = r.window, a = i.content, p = i.window, u = i.clipInset, d = r.radiusSource === "unsupported" || i.radiusSource === "unsupported", y = d ? 0 : r.radius, f = d ? 0 : i.radius;
   if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
     return null;
-  const y = Math.max(
+  const h = Math.max(
     l.width / a.width,
     l.height / a.height
-  ), m = O(l), S = D(l), g = O(a), $ = D(a), x = m - g, C = S - $;
+  ), g = v(l), S = O(l), w = v(a), $ = O(a), x = g - w, C = S - $;
   if (Math.abs(C) > n) return null;
-  const I = pt(
+  const I = ct(
     a,
-    Wt(a, l, c, y, y)
+    Xt(a, l, c, h, h)
   );
   return {
     toContent: a,
-    fromVisualEl: i.mediaElement ?? s,
-    toVisualEl: r.mediaElement ?? o,
-    resetCloneRadius: Vn(i, r),
-    styleFor: (A, _) => {
-      const H = _ * x, Y = _ * C, N = A + _ * y, Jt = Math.max(0, h * _ + f * A) / Math.max(Math.abs(N), 1e-6), Qt = I.top * _ + d.top * A, te = I.right * _ + d.right * A, ee = I.bottom * _ + d.bottom * A, ne = I.left * _ + d.left * A;
+    fromVisualEl: r.mediaElement ?? o,
+    toVisualEl: i.mediaElement ?? s,
+    resetCloneRadius: Hn(r, i),
+    styleFor: (A, P) => {
+      const H = P * x, M = P * C, N = A + P * h, Kt = Math.max(0, y * P + f * A) / Math.max(Math.abs(N), 1e-6), qt = I.top * P + u.top * A, Jt = I.right * P + u.right * A, Qt = I.bottom * P + u.bottom * A, te = I.left * P + u.left * A;
       return {
-        transform: `translate(${H}px, ${Y}px) scale(${N})`,
-        clipPath: `inset(${Qt}px ${te}px ${ee}px ${ne}px round ${Jt}px)`
+        transform: `translate(${H}px, ${M}px) scale(${N})`,
+        clipPath: `inset(${qt}px ${Jt}px ${Qt}px ${te}px round ${Kt}px)`
       };
     }
   };
 }
-function Bn(e, t) {
-  e.style.transform = t.transform, e.style.clipPath = t.clipPath;
+function zn(t, e) {
+  t.style.transform = e.transform, t.style.clipPath = e.clipPath;
 }
-class Wn {
-  contribute(t) {
-    const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: r } = t, l = [];
+class Vn {
+  contribute(e) {
+    const { resolved: n, physics: o, positionedParent: s, maxDistance: r, onComplete: i } = e, l = [];
     for (const c of n.pairs) {
-      const a = Xn(o, c, i);
+      const a = Nn(s, c, r);
       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"), Bn(u, a.styleFor(0, 1)), o.appendChild(u);
-      const h = p.style.opacity, f = d.style.opacity;
-      p.style.opacity = "0", d.style.opacity = "0", r(() => {
-        p.style.opacity = h, d.style.opacity = f, u.parentElement && u.parentElement.removeChild(u);
+      const { fromVisualEl: p, toVisualEl: u } = a, d = u.cloneNode(!0);
+      d.style.position = "absolute", d.style.left = `${a.toContent.left}px`, d.style.top = `${a.toContent.top}px`, d.style.width = `${a.toContent.width}px`, d.style.height = `${a.toContent.height}px`, d.style.margin = "0", d.style.transformOrigin = "center center", d.style.zIndex = "1000", d.style.willChange = "transform, clip-path", d.style.pointerEvents = "none", d.style.maxWidth = "none", d.style.maxHeight = "none", a.resetCloneRadius && (d.style.borderRadius = "0"), zn(d, a.styleFor(0, 1)), s.appendChild(d);
+      const y = p.style.opacity, f = u.style.opacity;
+      p.style.opacity = "0", u.style.opacity = "0", i(() => {
+        p.style.opacity = y, u.style.opacity = f, d.parentElement && d.parentElement.removeChild(d);
       }), l.push(
-        new b({
-          element: u,
-          integrator: w.from(s),
+        new m({
+          element: d,
+          integrator: b.from(o),
           style: a.styleFor
         })
       );
@@ -1499,150 +1345,150 @@ class Wn {
     return l;
   }
 }
-function Zn(e) {
-  return [new Wn(), vn[e.type]()];
+function Un(t) {
+  return [new Vn(), An[t.type]()];
 }
-const Gn = (e) => {
-  const t = Zn(e), n = Mn[e.variant](), s = Yn;
+const Xn = (t) => {
+  const e = Un(t), n = On[t.variant](), o = Fn;
   return {
-    prepare: (o) => {
+    prepare: (s) => {
       var l;
-      const i = Promise.all([
-        o.from,
-        o.to
-      ]).then(([c, a]) => ({ pairs: zn(c, a) })), r = {
-        from: o.from,
-        to: o.to,
-        resolved: i
+      const r = Promise.all([
+        s.from,
+        s.to
+      ]).then(([c, a]) => ({ pairs: kn(c, a) })), i = {
+        from: s.from,
+        to: s.to,
+        resolved: r
       };
-      for (const c of t)
-        (l = c.prepare) == null || l.call(c, r);
-      return i.then((c) => ({ resolved: c }));
+      for (const c of e)
+        (l = c.prepare) == null || l.call(c, i);
+      return r.then((c) => ({ resolved: c }));
     },
-    animation: ({ from: o, to: i, context: r, resolved: l }) => {
+    animation: ({ from: s, to: r, context: i, resolved: l }) => {
       if (l.pairs.length === 0)
-        return new P([], { mode: "parallel" });
+        return new E([], { mode: "parallel" });
       const c = [], a = (f) => {
         c.push(f);
       }, p = {
-        from: o,
-        to: i,
+        from: s,
+        to: r,
         resolved: l,
         physics: n,
-        positionedParent: r.positionedParent,
-        maxDistance: s,
+        positionedParent: i.positionedParent,
+        maxDistance: o,
         onComplete: a
-      }, d = [];
-      for (const f of t)
-        f.contribute && d.push(...f.contribute(p));
-      if (d.length === 0)
-        return new P([], { mode: "parallel" });
-      const u = new P(d, { mode: "parallel" }), h = u.onComplete;
-      return u.onComplete = () => {
-        h == null || h();
+      }, u = [];
+      for (const f of e)
+        f.contribute && u.push(...f.contribute(p));
+      if (u.length === 0)
+        return new E([], { mode: "parallel" });
+      const d = new E(u, { mode: "parallel" }), y = d.onComplete;
+      return d.onComplete = () => {
+        y == null || y();
         for (const f of c)
           try {
             f();
-          } catch (y) {
-            console.error("[hero] cleanup error", y);
+          } catch (h) {
+            console.error("[hero] cleanup error", h);
           }
-      }, u;
+      }, d;
     }
   };
 };
-function io(e = {}) {
-  const t = e.type ?? "static", n = e.variant ?? "default";
-  return Gn({ type: t, variant: n });
+function os(t = {}) {
+  const e = t.type ?? "static", n = t.variant ?? "default";
+  return Xn({ type: e, variant: n });
 }
-const jn = {
+const Bn = {
   spring: { stiffness: 50, damping: 30 }
-}, qn = {
+}, Wn = {
   spring: { stiffness: 80, damping: 25 }
-}, Kn = (e = {}) => {
-  const t = e.physics ?? jn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, Zn = (t = {}) => {
+  const e = t.physics ?? Bn, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, s = t.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
+    prepare: ({ from: r, to: i, context: l }) => (r.then((c) => {
       c.style.opacity = "1";
-    }), r.then((c) => {
+    }), i.then((c) => {
       const a = F(l, "to"), p = Math.min(a.width, a.height) * 0.4;
       c.style.setProperty("--max-border-radius", `${p}px`), c.style.setProperty("--border-radius-scale", "1"), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden";
-      const d = a.left + a.width / 2, u = a.top + a.height / 2;
-      c.style.transformOrigin = `${d}px ${u}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
+      const u = a.left + a.width / 2, d = a.top + a.height / 2;
+      c.style.transformOrigin = `${u}px ${d}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
     }), {}),
-    animation: ({ from: i, to: r }) => {
-      const l = new b({
-        element: i,
-        integrator: w.from(qn),
+    animation: ({ from: r, to: i }) => {
+      const l = new m({
+        element: r,
+        integrator: b.from(Wn),
         style: (a, p) => ({ opacity: p }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so reset every inline style we wrote to it — mirroring
         // the "to" cleanup below. prepare sets opacity and the out style fades
         // it toward 0, so clear opacity or the reused node stays invisible.
         onComplete: () => {
-          i.style.opacity = "";
+          r.style.opacity = "";
         }
-      }), c = new b({
-        element: r,
-        integrator: w.from(t),
+      }), c = new m({
+        element: i,
+        integrator: b.from(e),
         style: (a) => {
           let p;
           if (a <= 0.05)
-            p = s;
-          else if (a <= o) {
-            const f = (a - 0.05) / (o - 0.05), y = Math.pow(f, 9);
-            p = s + (0.8 - s) * y;
+            p = o;
+          else if (a <= s) {
+            const f = (a - 0.05) / (s - 0.05), h = Math.pow(f, 9);
+            p = o + (0.8 - o) * h;
           } else {
-            const f = (a - o) / (1 - o);
+            const f = (a - s) / (1 - s);
             p = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
           }
-          const d = 0.7;
-          let u;
-          if (a <= d)
-            u = n;
+          const u = 0.7;
+          let d;
+          if (a <= u)
+            d = n;
           else {
-            const f = (a - d) / (1 - d), y = 1 - Math.pow(1 - f, 2);
-            u = n * (1 - y);
+            const f = (a - u) / (1 - u), h = 1 - Math.pow(1 - f, 2);
+            d = n * (1 - h);
           }
-          let h;
-          if (a <= d)
-            h = 1;
+          let y;
+          if (a <= u)
+            y = 1;
           else {
-            const f = (a - d) / (1 - d);
-            h = 1 - Math.pow(f, 0.5);
+            const f = (a - u) / (1 - u);
+            y = 1 - Math.pow(f, 0.5);
           }
           return {
-            transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": h.toFixed(4)
+            transform: `rotate(${d.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": y.toFixed(4)
           };
         },
         onComplete: () => {
-          r.style.willChange = "", r.style.backfaceVisibility = "", r.style.removeProperty("--max-border-radius"), r.style.removeProperty("--border-radius-scale"), r.style.transform = "", r.style.transformOrigin = "", r.style.position = "", r.style.zIndex = "", r.style.top = "", r.style.left = "", r.style.width = "", r.style.height = "", r.style.overflow = "", r.style.borderRadius = "";
+          i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = "", i.style.transformOrigin = "", i.style.position = "", i.style.zIndex = "", i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
         }
       });
-      return new P([l, c], { mode: "parallel" });
+      return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function ro(e = {}) {
-  return Kn();
+function ss(t = {}) {
+  return Zn();
 }
-const Jn = {
+const Gn = {
   spring: { stiffness: 100, damping: 30 }
-}, Qn = (e = {}) => {
-  const t = e.physics ?? Jn;
+}, jn = (t = {}) => {
+  const e = t.physics ?? Gn;
   return {
-    prepare: ({ from: n, to: s }) => (n.then((o) => {
-      o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
-    }), s.then((o) => {
-      o.style.opacity = "0", o.style.transform = "rotate(-180deg)", o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
+    prepare: ({ from: n, to: o }) => (n.then((s) => {
+      s.style.transformOrigin = "center center", s.style.willChange = "transform, opacity";
+    }), o.then((s) => {
+      s.style.opacity = "0", s.style.transform = "rotate(-180deg)", s.style.transformOrigin = "center center", s.style.willChange = "transform, opacity";
     }), {}),
-    animation: ({ from: n, to: s }) => {
-      const o = new b({
+    animation: ({ from: n, to: o }) => {
+      const s = new m({
         element: n,
-        integrator: w.from(t),
-        style: (r) => ({
-          transform: `rotate(${r * 180}deg)`,
-          opacity: r < 0.5 ? 1 : 0
+        integrator: b.from(e),
+        style: (i) => ({
+          transform: `rotate(${i * 180}deg)`,
+          opacity: i < 0.5 ? 1 : 0
         }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so clear every inline style we wrote to `from`
@@ -1650,26 +1496,26 @@ const Jn = {
         onComplete: () => {
           n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
         }
-      }), i = new b({
-        element: s,
-        integrator: w.from(t),
+      }), r = new m({
+        element: o,
+        integrator: b.from(e),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (r, l) => ({
+        style: (i, l) => ({
           transform: `rotate(${-l * 180}deg)`,
-          opacity: r > 0.5 ? 1 : 0
+          opacity: i > 0.5 ? 1 : 0
         }),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
+          o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
         }
       });
-      return new P([o, i], { mode: "parallel" });
+      return new E([s, r], { mode: "parallel" });
     }
   };
 };
-function ao(e = {}) {
-  return Qn();
+function is(t = {}) {
+  return jn();
 }
-const ts = {
+const Kn = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1677,96 +1523,96 @@ const ts = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, es = (e = {}) => {
-  const t = e.physics ?? ts, n = e.directional ?? !0;
+}, qn = (t = {}) => {
+  const e = t.physics ?? Kn, n = t.directional ?? !0;
   return {
-    prepare: ({ from: s, to: o, context: i }) => {
-      const r = !n || i.direction === "forward", l = r ? R : v, c = r ? v : R;
-      return s.then((a) => {
+    prepare: ({ from: o, to: s, context: r }) => {
+      const i = !n || r.direction === "forward", l = i ? _ : R, c = i ? R : _;
+      return o.then((a) => {
         a.style.zIndex = l, a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
-      }), o.then((a) => {
+      }), s.then((a) => {
         a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.position = "relative", a.style.zIndex = c;
       }), {};
     },
-    animation: ({ from: s, to: o, context: i }) => {
-      const r = !n || i.direction === "forward", l = r ? v : R, c = s.offsetHeight, a = o.offsetHeight, p = window.innerHeight, d = Math.max(Math.min(c, a), p), u = new b({
-        element: s,
-        integrator: w.from(t),
-        style: (f) => ({ transform: `translate3d(0, ${r ? -d * f : d * f}px, 0)` }),
+    animation: ({ from: o, to: s, context: r }) => {
+      const i = !n || r.direction === "forward", l = i ? R : _, c = o.offsetHeight, a = s.offsetHeight, p = window.innerHeight, u = Math.max(Math.min(c, a), p), d = new m({
+        element: o,
+        integrator: b.from(e),
+        style: (f) => ({ transform: `translate3d(0, ${i ? -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,
         // pointerEvents) — otherwise the leftover inline styles corrupt the
         // page the next time it appears.
         onComplete: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.pointerEvents = "", s.style.zIndex = "";
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "", o.style.zIndex = "";
         }
-      }), h = new b({
-        element: o,
-        integrator: w.from(t),
-        style: (f, y) => ({ transform: `translate3d(0, ${r ? y * d : y * -d}px, 0)` }),
+      }), y = new m({
+        element: s,
+        integrator: b.from(e),
+        style: (f, h) => ({ transform: `translate3d(0, ${i ? h * u : h * -u}px, 0)` }),
         onComplete: () => {
-          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.position === "relative" && (o.style.position = ""), o.style.zIndex === l && (o.style.zIndex = "");
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.position === "relative" && (s.style.position = ""), s.style.zIndex === l && (s.style.zIndex = "");
         }
       });
-      for (const f of [u, h]) {
-        const y = f.onComplete;
+      for (const f of [d, y]) {
+        const h = f.onComplete;
         f.onComplete = () => {
-          y == null || y(), f.releaseFill();
+          h == null || h(), f.releaseFill();
         };
       }
-      return new P([u, h], { mode: "parallel" });
+      return new E([d, y], { mode: "parallel" });
     }
   };
 };
-function lo(e = {}) {
-  const { type: t = "directional" } = e;
-  return es({ directional: t === "directional" });
+function rs(t = {}) {
+  const { type: e = "directional" } = t;
+  return qn({ directional: e === "directional" });
 }
-const ns = {
+const Jn = {
   spring: { stiffness: 200, damping: 24 }
-}, ss = {
+}, Qn = {
   inertia: { acceleration: 25, resistance: 1.2 }
 }, tt = 0.2;
-function os() {
+function to() {
   return {
-    enterPhysics: ns,
-    exitPhysics: ss,
+    enterPhysics: Jn,
+    exitPhysics: Qn,
     background: {
       willChange: "transform, opacity",
-      enterStyle: (e, t) => ({
-        transform: `scale(${1 - tt * e})`,
-        opacity: t
-      }),
-      exitStyle: (e) => ({
-        transform: `scale(${1 - tt + tt * e})`,
+      enterStyle: (t, e) => ({
+        transform: `scale(${1 - tt * t})`,
         opacity: e
+      }),
+      exitStyle: (t) => ({
+        transform: `scale(${1 - tt + tt * t})`,
+        opacity: t
       })
     }
   };
 }
-const is = {
+const eo = {
   spring: { stiffness: 200, damping: 24 }
-}, rs = {
+}, no = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, et = 0.08, as = 16, nt = 0.6, ls = (e) => `blur(${Math.max(0, e).toFixed(2)}px)`;
-function cs() {
+}, et = 0.08, oo = 16, nt = 0.6, so = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
+function io() {
   return {
-    enterPhysics: is,
-    exitPhysics: rs,
+    enterPhysics: eo,
+    exitPhysics: no,
     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: (e) => ({
-        transform: `scale(${1 - et * e})`,
-        opacity: 1 - (1 - nt) * e
+      enterStyle: (t) => ({
+        transform: `scale(${1 - et * t})`,
+        opacity: 1 - (1 - nt) * t
       }),
       // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
       // the inverse ramp of enter.
-      exitStyle: (e) => ({
-        transform: `scale(${1 - et + et * e})`,
-        opacity: nt + (1 - nt) * e
+      exitStyle: (t) => ({
+        transform: `scale(${1 - et + et * t})`,
+        opacity: nt + (1 - nt) * t
       })
     },
     overlay: {
@@ -1783,28 +1629,28 @@ function cs() {
       },
       // 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: (e, t) => {
-        const n = e === "enter" ? t : 1 - t, s = ls(as * n);
-        return { backdropFilter: s, WebkitBackdropFilter: s };
+      style: (t, e) => {
+        const n = t === "enter" ? e : 1 - e, o = so(oo * n);
+        return { backdropFilter: o, WebkitBackdropFilter: o };
       }
     }
   };
 }
-const ps = {
+const ro = {
   spring: {
     stiffness: 190,
     damping: 25
   }
-}, ds = {
+}, ao = {
   spring: {
     stiffness: 190,
     damping: 25
   }
 };
-function us() {
+function lo() {
   return {
-    enterPhysics: ps,
-    exitPhysics: ds,
+    enterPhysics: ro,
+    exitPhysics: ao,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1812,156 +1658,154 @@ function us() {
     }
   };
 }
-const fs = {
-  static: us(),
-  "background-scale": os(),
-  blur: cs()
-}, hs = "static", ys = "transform", ms = (e = {}) => {
-  const t = fs[e.type ?? hs], n = t.background, s = t.overlay, o = n.willChange !== "";
+const co = {
+  static: lo(),
+  "background-scale": to(),
+  blur: io()
+}, po = "static", uo = "transform", fo = (t = {}) => {
+  const e = co[t.type ?? po], n = e.background, o = e.overlay, s = n.willChange !== "";
   return {
-    prepare: ({ from: i, to: r, context: l, createElement: c }) => {
-      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? r : i, d = a === "enter" ? i : r;
-      p.then((h) => {
-        h.style.willChange = ys, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint", h.style.zIndex = v, a === "enter" ? h.style.position = "relative" : h.style.pointerEvents = "none";
-      }), d.then((h) => {
-        o && (h.style.willChange = n.willChange, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint"), h.style.zIndex = R, a === "enter" ? h.style.pointerEvents = "none" : h.style.position = "relative";
+    prepare: ({ from: r, to: i, context: l, createElement: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? i : r, u = a === "enter" ? r : i;
+      p.then((y) => {
+        y.style.willChange = uo, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.zIndex = R, a === "enter" ? y.style.position = "relative" : y.style.pointerEvents = "none";
+      }), u.then((y) => {
+        s && (y.style.willChange = n.willChange, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint"), y.style.zIndex = _, a === "enter" ? y.style.pointerEvents = "none" : y.style.position = "relative";
       });
-      let u;
-      return s && (u = c("sheet-overlay"), Object.assign(u.style, s.initialStyle), u.style.willChange = s.willChange, l.positionedParent.appendChild(u)), { overlay: u };
+      let d;
+      return o && (d = c("sheet-overlay"), Object.assign(d.style, o.initialStyle), d.style.willChange = o.willChange, l.positionedParent.appendChild(d)), { overlay: d };
     },
-    animation: ({ from: i, to: r, context: l, overlay: c }) => {
-      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? t.enterPhysics : t.exitPhysics, d = a === "enter" ? r : i, u = a === "enter" ? i : r, h = F(
+    animation: ({ from: r, to: i, context: l, overlay: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? e.enterPhysics : e.exitPhysics, u = a === "enter" ? i : r, d = a === "enter" ? r : i, y = F(
         l,
         a === "enter" ? "to" : "from"
       ), f = () => {
-        i.style.pointerEvents = "", i.style.zIndex = "";
-      }, y = () => {
-        const x = a === "enter" ? v : R;
-        r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === x && (r.style.zIndex = "");
-      }, m = (x) => {
+        r.style.pointerEvents = "", r.style.zIndex = "";
+      }, h = () => {
+        const x = a === "enter" ? R : _;
+        i.style.position === "relative" && (i.style.position = ""), i.style.zIndex === x && (i.style.zIndex = "");
+      }, g = (x) => {
         const C = x.onComplete;
         x.onComplete = () => {
           C == null || C(), x.releaseFill();
         };
       };
-      d.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`;
+      u.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`;
       const S = a === "enter" ? (x, C) => ({
-        transform: `translate3d(0, ${C * h.height}px, 0)`
+        transform: `translate3d(0, ${C * y.height}px, 0)`
       }) : (x) => ({
-        transform: `translate3d(0, ${x * h.height}px, 0)`
-      }), g = new b({
-        element: d,
-        integrator: w.from(p),
+        transform: `translate3d(0, ${x * y.height}px, 0)`
+      }), w = new m({
+        element: u,
+        integrator: b.from(p),
         style: S,
         onComplete: () => {
-          d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transform = "", f(), y();
+          u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.contain = "", u.style.clipPath = "", u.style.transform = "", f(), h();
         }
       });
-      m(g);
-      const $ = [g];
-      if (o) {
-        const x = u.scrollHeight;
-        x > 0 && (u.style.height = `${x}px`);
+      g(w);
+      const $ = [w];
+      if (s) {
+        const x = d.scrollHeight;
+        x > 0 && (d.style.height = `${x}px`);
         const C = F(
           l,
           a === "enter" ? "from" : "to"
         ), I = C.left + C.width / 2, A = C.top + C.height / 2;
-        u.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, u.style.transformOrigin = `${I}px ${A}px`;
-        const _ = a === "enter" ? (Y, N) => n.enterStyle(Y, N) : (Y) => n.exitStyle(Y), H = new b({
-          element: u,
-          integrator: w.from(p),
-          style: _,
+        d.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, d.style.transformOrigin = `${I}px ${A}px`;
+        const P = a === "enter" ? (M, N) => n.enterStyle(M, N) : (M) => n.exitStyle(M), H = new m({
+          element: d,
+          integrator: b.from(p),
+          style: P,
           // 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: () => {
-            u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.contain = "", u.style.clipPath = "", u.style.transformOrigin = "", u.style.transform = "", u.style.opacity = "", u.style.height = "";
+            d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transformOrigin = "", d.style.transform = "", d.style.opacity = "", d.style.height = "";
           }
         });
-        m(H), $.push(H);
+        g(H), $.push(H);
       }
-      if (c && s) {
-        c.style.zIndex = zt;
-        const x = Ht(l, "to");
+      if (c && o) {
+        c.style.zIndex = Ht;
+        const x = kt(l, "to");
         c.style.top = `${x.top}px`, c.style.height = `${x.height}px`, $.push(
-          new b({
+          new m({
             element: c,
-            integrator: w.from(p),
-            style: (C) => s.style(a, C)
+            integrator: b.from(p),
+            style: (C) => o.style(a, C)
           })
         );
       }
-      return new P($, { mode: "parallel" });
+      return new E($, { mode: "parallel" });
     }
   };
 };
-function gs(e) {
-  return e === "scale" || e === "background-scale" ? "background-scale" : e === "blur" ? "blur" : "static";
+function yo(t) {
+  return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
 }
-function co(e = {}) {
-  const t = e.type, n = gs(t);
-  return ms({ type: n });
+function as(t = {}) {
+  const e = t.type, n = yo(e);
+  return fo({ type: n });
 }
-const bs = {
-  spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, ws = (e = {}) => {
-  const t = e.physics ?? bs;
+const ho = (t = {}) => {
+  const e = t.physics ?? re;
   return {
-    prepare: ({ from: n, to: s, context: o }) => {
-      const i = o.direction === "forward";
-      return n.then((r) => {
-        r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
-      }), s.then((r) => {
-        const l = i ? 100 : -100;
-        r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
+    prepare: ({ from: n, to: o, context: s }) => {
+      const r = s.direction === "forward";
+      return n.then((i) => {
+        i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
+      }), o.then((i) => {
+        const l = r ? 100 : -100;
+        i.style.transform = `translate3d(${l}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
       }), {};
     },
-    animation: ({ from: n, to: s, context: o }) => {
-      const i = o.direction === "forward", r = new b({
+    animation: ({ from: n, to: o, context: s }) => {
+      const r = new m({
         element: n,
-        integrator: w.from(t),
-        style: (c) => ({ transform: `translate3d(${i ? -100 * c : 100 * c}%, 0, 0)` }),
+        integrator: b.from(e),
+        style: (l) => ({ transform: `translate3d(${100 * X("slide", "out", s.direction, l).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).
         onComplete: () => {
           n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transform = "", n.style.pointerEvents = "";
         }
-      }), l = new b({
-        element: s,
-        integrator: w.from(t),
-        style: (c, a) => ({ transform: `translate3d(${i ? a * 100 : a * -100}%, 0, 0)` }),
+      }), i = new m({
+        element: o,
+        integrator: b.from(e),
+        style: (l) => ({ transform: `translate3d(${100 * X("slide", "in", s.direction, l).x}%, 0, 0)` }),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "";
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "";
         }
       });
-      return new P([r, l], { mode: "parallel" });
+      return new E([r, i], { mode: "parallel" });
     }
   };
 };
-function po(e = {}) {
-  return ws();
+function ls(t = {}) {
+  return ho();
 }
-const Ss = {
+const mo = {
   spring: { stiffness: 17, damping: 6 }
-}, st = 20, V = 800, xs = (e = {}) => {
-  const t = e.physics ?? Ss;
+}, ot = 20, U = 800, go = (t = {}) => {
+  const e = t.physics ?? mo;
   return {
-    prepare: ({ from: n, to: s }) => (n.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${V}px) rotateY(0deg) translate3d(0%, 0, 0)`;
-    }), s.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${V}px) rotateY(${st}deg) translate3d(-100%, 0, 0)`;
+    prepare: ({ from: n, to: o }) => (n.then((s) => {
+      s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.transform = `perspective(${U}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+    }), o.then((s) => {
+      s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transform = `perspective(${U}px) rotateY(${ot}deg) translate3d(-100%, 0, 0)`;
     }), {}),
-    animation: ({ from: n, to: s }) => {
-      const o = new b({
+    animation: ({ from: n, to: o }) => {
+      const s = new m({
         element: n,
-        integrator: w.from(t),
-        style: (r) => {
-          const l = -r * st, c = r * 100;
+        integrator: b.from(e),
+        style: (i) => {
+          const l = -i * ot, c = i * 100;
           return {
-            transform: `perspective(${V}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${U}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1970,91 +1814,91 @@ const Ss = {
         onComplete: () => {
           n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), i = new b({
-        element: s,
-        integrator: w.from(t),
-        style: (r, l) => {
-          const c = l * st, a = -l * 100;
+      }), r = new m({
+        element: o,
+        integrator: b.from(e),
+        style: (i, l) => {
+          const c = l * ot, a = -l * 100;
           return {
-            transform: `perspective(${V}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${U}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
-          s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
+          o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "";
         }
       });
-      return new P([o, i], { mode: "sequence" });
+      return new E([s, r], { mode: "sequence" });
     }
   };
 };
-function uo(e = {}) {
-  return xs();
-}
-function Cs(e, t) {
-  return t.left >= e.left - 0.01 && t.top >= e.top - 0.01 && t.left + t.width <= e.left + e.width + 0.01 && t.top + t.height <= e.top + e.height + 0.01;
-}
-function Zt(e) {
-  const t = () => ({
-    enterContent: e.enterRect,
-    exitContent: e.exitRect,
-    startWindow: e.enterRect,
-    scaleX: e.exitRect.width / e.enterRect.width,
-    scaleY: e.exitRect.height / e.enterRect.height
-  }), { enterMedia: n, exitMedia: s } = e;
-  if (!n || !s || !Xt(n, s)) return t();
-  const o = n.content, i = s.content;
-  if (o.width <= 0 || o.height <= 0 || i.width <= 0 || i.height <= 0)
-    return t();
-  const r = i.width / o.width, l = i.height / o.height, c = Wt(
-    o,
-    i,
-    s.window,
+function cs(t = {}) {
+  return go();
+}
+function bo(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 Bt(t) {
+  const e = () => ({
+    enterContent: t.enterRect,
+    exitContent: t.exitRect,
+    startWindow: t.enterRect,
+    scaleX: t.exitRect.width / t.enterRect.width,
+    scaleY: t.exitRect.height / t.enterRect.height
+  }), { enterMedia: n, exitMedia: o } = t;
+  if (!n || !o || !Vt(n, o)) return e();
+  const s = n.content, r = o.content;
+  if (s.width <= 0 || s.height <= 0 || r.width <= 0 || r.height <= 0)
+    return e();
+  const i = r.width / s.width, l = r.height / s.height, c = Xt(
+    s,
     r,
+    o.window,
+    i,
     l
   );
-  return Cs(n.window, c) ? { enterContent: o, exitContent: i, startWindow: c, scaleX: r, scaleY: l } : t();
+  return bo(n.window, c) ? { enterContent: s, exitContent: r, startWindow: c, scaleX: i, scaleY: l } : e();
 }
-function Gt(e, t) {
+function Wt(t, e) {
   return {
-    top: e.top / t.height * 100,
-    right: (t.width - (e.left + e.width)) / t.width * 100,
-    bottom: (t.height - (e.top + e.height)) / t.height * 100,
-    left: e.left / t.width * 100
+    top: t.top / e.height * 100,
+    right: (e.width - (t.left + t.width)) / e.width * 100,
+    bottom: (e.height - (t.top + t.height)) / e.height * 100,
+    left: t.left / e.width * 100
   };
 }
-function jt(e, t, n) {
+function Zt(t, e, n) {
   return {
-    x: e / Math.max(Math.abs(t), 1e-6),
-    y: e / Math.max(Math.abs(n), 1e-6)
+    x: t / Math.max(Math.abs(e), 1e-6),
+    y: t / Math.max(Math.abs(n), 1e-6)
   };
 }
-function $s(e) {
-  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Zt(e), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = i, d = l.left - r.left + (l.width - r.width) / 2 - n.x, u = l.top - r.top + (l.height - r.height) / 2 - n.y, h = Gt(c, t);
+function wo(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: s } = t, r = Bt(t), { enterContent: i, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = r, u = l.left - i.left + (l.width - i.width) / 2 - n.x, d = l.top - i.top + (l.height - i.height) / 2 - n.y, y = Wt(c, e);
   return {
-    transformOrigin: `${O(r)}px ${D(r)}px`,
+    transformOrigin: `${v(i)}px ${O(i)}px`,
     animate: (f) => {
-      const y = 1 - f, m = 1 + (a - 1) * y, S = 1 + (p - 1) * y, g = Math.max(0, o * y + s * (1 - y)), $ = jt(g, m, S);
+      const h = 1 - f, g = 1 + (a - 1) * h, S = 1 + (p - 1) * h, w = Math.max(0, s * h + o * (1 - h)), $ = Zt(w, g, S);
       return {
-        clipPath: `inset(${h.top * y}% ${h.right * y}% ${h.bottom * y}% ${h.left * y}% round ${$.x}px / ${$.y}px)`,
-        transform: `translate(${d * y}px, ${u * y}px) scale(${m}, ${S})`
+        clipPath: `inset(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${u * h}px, ${d * h}px) scale(${g}, ${S})`
       };
     }
   };
 }
-function Es(e) {
-  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Zt(e), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = i, d = l.left - r.left + (l.width - r.width) / 2 + n.x, u = l.top - r.top + (l.height - r.height) / 2 + n.y, h = Gt(c, t);
+function So(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: s } = t, r = Bt(t), { enterContent: i, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = r, u = l.left - i.left + (l.width - i.width) / 2 + n.x, d = l.top - i.top + (l.height - i.height) / 2 + n.y, y = Wt(c, e);
   return {
-    transformOrigin: `${O(r)}px ${D(r)}px`,
+    transformOrigin: `${v(i)}px ${O(i)}px`,
     animate: (f) => {
-      const y = 1 - f, m = 1 + (a - 1) * y, S = 1 + (p - 1) * y, g = Math.max(0, s * (1 - y) + o * y), $ = jt(g, m, S);
+      const h = 1 - f, g = 1 + (a - 1) * h, S = 1 + (p - 1) * h, w = Math.max(0, o * (1 - h) + s * h), $ = Zt(w, g, S);
       return {
-        clipPath: `inset(${h.top * y}% ${h.right * y}% ${h.bottom * y}% ${h.left * y}% round ${$.x}px / ${$.y}px)`,
-        transform: `translate(${d * y - n.x}px, ${u * y}px) scale(${m}, ${S})`
+        clipPath: `inset(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${u * h - n.x}px, ${d * h}px) scale(${g}, ${S})`
       };
     }
   };
 }
-const Ps = {
+const xo = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2065,30 +1909,30 @@ const Ps = {
       damping: 30
     }
   }
-}, qt = 0.12, _s = 18;
-function As() {
+}, Gt = 0.12, Co = 18;
+function $o() {
   return {
     transformOrigin: "50% 50%",
-    animate: (e) => {
-      const t = 1 - e;
+    animate: (t) => {
+      const e = 1 - t;
       return {
-        transform: `scale(${1 - qt * t})`
+        transform: `scale(${1 - Gt * e})`
       };
     }
   };
 }
-function Is() {
+function Eo() {
   return {
     transformOrigin: "50% 50%",
-    animate: (e) => {
-      const t = 1 - e;
+    animate: (t) => {
+      const e = 1 - t;
       return {
-        transform: `scale(${1 - qt * t})`
+        transform: `scale(${1 - Gt * e})`
       };
     }
   };
 }
-const ot = {
+const st = {
   willChange: "backdrop-filter",
   // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
   // track the live scroll position), so they are intentionally omitted here.
@@ -2103,49 +1947,49 @@ const ot = {
     backdropFilter: "blur(0px)",
     WebkitBackdropFilter: "blur(0px)"
   },
-  style: (e, t) => {
-    const n = e === "enter" ? t : 1 - t, s = `blur(${_s * n}px)`;
+  style: (t, e) => {
+    const n = t === "enter" ? e : 1 - e, o = `blur(${Co * n}px)`;
     return {
-      backdropFilter: s,
-      WebkitBackdropFilter: s
+      backdropFilter: o,
+      WebkitBackdropFilter: o
     };
   }
 };
-class Rs {
+class Po {
   constructor() {
-    E(this, "physics", Ps);
+    T(this, "physics", xo);
   }
-  contribute(t) {
-    const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? As() : Is();
+  contribute(e) {
+    const { from: n, to: o, resolved: s, physics: r } = e, i = s.mode === "enter", l = i ? n : o, c = i ? $o() : Eo();
     return c && (l.style.transformOrigin = c.transformOrigin), [
-      new b({
+      new m({
         element: l,
-        integrator: w.from(i),
-        style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
+        integrator: b.from(r),
+        style: i ? (a, p) => c.animate(p) : (a) => c.animate(a)
       })
     ];
   }
 }
-class vs {
-  prepare(t) {
-    const n = t.createElement("zoom-overlay");
-    return Object.assign(n.style, ot.initialStyle), n.style.willChange = ot.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+class Ao {
+  prepare(e) {
+    const n = e.createElement("zoom-overlay");
+    return Object.assign(n.style, st.initialStyle), n.style.willChange = st.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
   }
-  contribute(t) {
-    const n = t.extras.overlay;
+  contribute(e) {
+    const n = e.extras.overlay;
     if (!n) return [];
-    n.style.zIndex = zt;
-    const s = Ht(t.context, "to");
-    return n.style.top = `${s.top}px`, n.style.height = `${s.height}px`, [
-      new b({
+    n.style.zIndex = Ht;
+    const o = kt(e.context, "to");
+    return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
+      new m({
         element: n,
-        integrator: w.from(t.physics),
-        style: (o) => ot.style(t.resolved.mode, o)
+        integrator: b.from(e.physics),
+        style: (s) => st.style(e.resolved.mode, s)
       })
     ];
   }
 }
-const Os = {
+const Io = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2155,314 +1999,314 @@ const Os = {
     }
   }
 };
-function Ds({
-  enterRect: e,
-  exitRect: t,
+function _o({
+  enterRect: t,
+  exitRect: e,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
+  const o = t.left - e.left + (t.width - e.width) / 2 + n.x, s = t.top - e.top + (t.height - e.height) / 2 + n.y, r = t.width / e.width, i = t.height / e.height, l = Math.max(r, i);
   return {
-    transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
+    transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (c) => {
       const a = 1 - c;
       return {
-        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (l - 1) * a})`
+        transform: `translate(${o * a - n.x}px, ${s * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-function Fs({
-  enterRect: e,
-  exitRect: t,
+function Ro({
+  enterRect: t,
+  exitRect: e,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
+  const o = t.left - e.left + (t.width - e.width) / 2 - n.x, s = t.top - e.top + (t.height - e.height) / 2 - n.y, r = t.width / e.width, i = t.height / e.height, l = Math.max(r, i);
   return {
-    transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
+    transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (c) => {
       const a = 1 - c;
       return {
-        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (l - 1) * a})`
+        transform: `translate(${o * a}px, ${s * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-class Ts {
+class vo {
   constructor() {
-    E(this, "physics", Os);
+    T(this, "physics", Io);
   }
-  contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: r } = t, l = o.mode === "enter", c = l ? n : s, a = l ? Ds(i) : Fs(i);
+  contribute(e) {
+    const { from: n, to: o, resolved: s, input: r, physics: i } = e, l = s.mode === "enter", c = l ? n : o, a = l ? _o(r) : Ro(r);
     return a && (c.style.transformOrigin = a.transformOrigin), [
-      new b({
+      new m({
         element: c,
-        integrator: w.from(r),
-        style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
+        integrator: b.from(i),
+        style: l ? (p, u) => a.animate(u) : (p) => a.animate(p)
       })
     ];
   }
 }
-const Ms = {
+const Oo = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Ys {
+class Fo {
   constructor() {
-    E(this, "physics", Ms);
+    T(this, "physics", Oo);
   }
-  contribute(t) {
+  contribute(e) {
     return [];
   }
 }
-const Ls = {
-  expand: () => new Ts(),
-  static: () => new Ys(),
-  blur: () => new Rs()
+const To = {
+  expand: () => new vo(),
+  static: () => new Fo(),
+  blur: () => new Po()
 };
-function ks(e) {
-  return Ls[e]();
+function Yo(t) {
+  return To[t]();
 }
-const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Mt = "data-zoom-radius";
-function Hs(e, t) {
-  return Math.abs(e.left - t.left) < 0.01 && Math.abs(e.top - t.top) < 0.01 && Math.abs(e.width - t.width) < 0.01 && Math.abs(e.height - t.height) < 0.01;
+const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Yt = "data-zoom-radius";
+function Do(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 Ns(e, t) {
+function Mo(t, e) {
   const n = [];
-  let s = t;
-  for (; s && s !== e; ) {
-    const o = s.parentElement;
-    if (!o) break;
-    for (const i of Array.from(o.children))
-      i !== s && i instanceof HTMLElement && n.push(i);
-    s = o;
+  let o = e;
+  for (; o && o !== t; ) {
+    const s = o.parentElement;
+    if (!s) break;
+    for (const r of Array.from(s.children))
+      r !== o && r instanceof HTMLElement && n.push(r);
+    o = s;
   }
   return n;
 }
-function Yt(e) {
-  const t = e.querySelectorAll(`[${lt}]`);
-  return t.length !== 1 ? null : t[0];
+function Dt(t) {
+  const e = t.querySelectorAll(`[${lt}]`);
+  return e.length !== 1 ? null : e[0];
 }
-function Lt(e, t) {
-  const n = e.querySelectorAll(`[${Tt}]`);
-  for (const s of n)
-    if (s.getAttribute(Tt) === t)
-      return s;
+function Mt(t, e) {
+  const n = t.querySelectorAll(`[${Tt}]`);
+  for (const o of n)
+    if (o.getAttribute(Tt) === e)
+      return o;
   return null;
 }
-function zs(e, t, n) {
+function ko(t, e, n) {
   if (n === "forward") {
-    const r = Yt(t);
-    if (!r) return null;
-    const l = r.getAttribute(lt);
+    const i = Dt(e);
+    if (!i) return null;
+    const l = i.getAttribute(lt);
     if (!l) return null;
-    const c = Lt(e, l);
-    return c ? { mode: "enter", enterEl: r, exitEl: c } : null;
+    const c = Mt(t, l);
+    return c ? { mode: "enter", enterEl: i, exitEl: c } : null;
   }
-  const s = Yt(e);
-  if (!s) return null;
-  const o = s.getAttribute(lt);
+  const o = Dt(t);
   if (!o) return null;
-  const i = Lt(t, o);
-  return i ? { mode: "exit", enterEl: s, exitEl: i } : null;
+  const s = o.getAttribute(lt);
+  if (!s) return null;
+  const r = Mt(e, s);
+  return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
 }
-function Us(e, t, n, s) {
-  const o = e.mode === "enter" ? n : t, i = e.mode === "enter" ? t : n, r = z(o, e.enterEl), l = z(i, e.exitEl), c = at(
-    e.enterEl,
-    r,
-    (m) => z(o, m),
+function Lo(t, e, n, o) {
+  const s = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, i = z(s, t.enterEl), l = z(r, t.exitEl), c = at(
+    t.enterEl,
+    i,
+    (g) => z(s, g),
     {
-      legacyRadiusAttribute: Mt
+      legacyRadiusAttribute: Yt
     }
   ), a = at(
-    e.exitEl,
+    t.exitEl,
     l,
-    (m) => z(i, m),
+    (g) => z(r, g),
     {
-      legacyRadiusAttribute: Mt
+      legacyRadiusAttribute: Yt
     }
-  ), [p, d] = Bt(c, a), u = p.contentAware && d.contentAware, h = e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(), f = {
+  ), [p, u] = Ut(c, a), d = p.contentAware && u.contentAware, y = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
     left: 0,
     top: 0,
-    width: h.width,
-    height: h.height
-  }, y = p.radiusSource === "legacy" || Hs(p.window, f) ? p.radius : 0;
+    width: y.width,
+    height: y.height
+  }, h = p.radiusSource === "legacy" || Do(p.window, f) ? p.radius : 0;
   return {
-    enterRect: r,
+    enterRect: i,
     exitRect: l,
-    ...u ? {
+    ...d ? {
       enterMedia: p,
-      exitMedia: d
+      exitMedia: u
     } : {},
-    pageRect: h,
-    scrollOffset: s,
-    enterRadius: y,
-    exitRadius: d.radius
+    pageRect: y,
+    scrollOffset: o,
+    enterRadius: h,
+    exitRadius: u.radius
   };
 }
-class Vs {
-  prepare(t) {
-    t.from.then((n) => {
+class Ho {
+  prepare(e) {
+    e.from.then((n) => {
       n.style.willChange = "transform, clip-path, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
     });
   }
-  contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, c = o.mode === "enter", a = c ? $s(i) : Es(i), p = c ? s : n, d = c ? "t" : "u";
+  contribute(e) {
+    const { from: n, to: o, resolved: s, input: r, physics: i, onComplete: l } = e, c = s.mode === "enter", a = c ? wo(r) : So(r), p = c ? o : n, u = c ? "t" : "u";
     a && (p.style.transformOrigin = a.transformOrigin);
-    const u = c ? R : v, h = c ? v : R, f = n.style.zIndex;
-    n.style.zIndex = u;
-    const y = s.style.zIndex, m = s.style.position;
-    return s.style.zIndex = h, s.style.position = "relative", l(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = f, s.style.zIndex === h && (s.style.zIndex = y), s.style.position === "relative" && (s.style.position = m), s.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+    const d = c ? _ : R, y = c ? R : _, f = n.style.zIndex;
+    n.style.zIndex = d;
+    const h = o.style.zIndex, g = o.style.position;
+    return o.style.zIndex = y, o.style.position = "relative", l(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = f, o.style.zIndex === y && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = g), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new b({
+      new m({
         element: p,
-        integrator: w.from(r),
+        integrator: b.from(i),
         // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
         // the legacy convention from v5's outAnim path. Either way, feed
         // the progress that matches the tileConfig's authored direction.
-        style: d === "t" ? (S) => a.animate(S) : (S, g) => a.animate(g)
+        style: u === "t" ? (S) => a.animate(S) : (S, w) => a.animate(w)
       })
     ];
   }
 }
-class Xs {
-  contribute(t) {
-    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = Ns(l, n.enterEl);
+class No {
+  contribute(e) {
+    const { resolved: n, physics: o, from: s, to: r, onComplete: i } = e, l = n.mode === "enter" ? r : s, c = Mo(l, n.enterEl);
     if (c.length === 0) return [];
     const a = c.map((p) => p.style.opacity);
     if (n.mode === "enter")
       for (const p of c) p.style.opacity = "0";
-    return r(() => {
+    return i(() => {
       for (let p = 0; p < c.length; p++) {
-        const d = c[p];
-        d && (d.style.opacity = a[p] ?? "");
+        const u = c[p];
+        u && (u.style.opacity = a[p] ?? "");
       }
     }), c.map(
-      (p) => new b({
+      (p) => new m({
         element: p,
-        integrator: w.from(s),
-        style: (d, u) => ({
-          opacity: n.mode === "enter" ? d : u
+        integrator: b.from(o),
+        style: (u, d) => ({
+          opacity: n.mode === "enter" ? u : d
         })
       })
     );
   }
 }
-class Kt {
+class jt {
   contribute() {
     return [];
   }
 }
-const Bs = {
-  default: () => new Kt(),
-  fade: () => new Xs()
+const zo = {
+  default: () => new jt(),
+  fade: () => new No()
 };
-function Ws(e) {
-  return Bs[e]();
+function Vo(t) {
+  return zo[t]();
 }
-class Zs extends Kt {
+class Uo extends jt {
 }
-function Gs(e) {
-  const t = ks(e.type);
+function Xo(t) {
+  const e = Yo(t.type);
   return { strategies: [
-    new Vs(),
-    t,
-    Ws(e.variant),
-    new Zs(),
+    new Ho(),
+    e,
+    Vo(t.variant),
+    new Uo(),
     // Overlay is intrinsically tied to backdrop-filter-driven types. Today
     // that's only `blur`; the table-driven factory above owns the mapping
     // so this conditional is the single line that knows the relationship.
-    ...e.type === "blur" ? [new vs()] : []
-  ], physics: t.physics };
+    ...t.type === "blur" ? [new Ao()] : []
+  ], physics: e.physics };
 }
-const js = (e) => {
-  const { strategies: t, physics: n } = Gs(e);
+const Bo = (t) => {
+  const { strategies: e, physics: n } = Xo(t);
   return {
-    prepare: (s) => {
-      const o = {
-        from: s.from,
-        to: s.to,
-        context: { positionedParent: s.context.positionedParent },
+    prepare: (o) => {
+      const s = {
+        from: o.from,
+        to: o.to,
+        context: { positionedParent: o.context.positionedParent },
         // `createElement` from the dispatcher is generic over tag; the
         // strategy interface narrows the cast to keep both signatures
         // compatible.
-        createElement: s.createElement
-      }, i = {};
-      for (const r of t) {
-        if (!r.prepare) continue;
-        const l = r.prepare(o);
-        l && Object.assign(i, l);
+        createElement: o.createElement
+      }, r = {};
+      for (const i of e) {
+        if (!i.prepare) continue;
+        const l = i.prepare(s);
+        l && Object.assign(r, l);
       }
-      return i;
+      return r;
     },
-    animation: ({ from: s, to: o, context: i, ...r }) => {
-      const l = zs(s, o, i.direction);
+    animation: ({ from: o, to: s, context: r, ...i }) => {
+      const l = ko(o, s, r.direction);
       if (!l)
-        return new P([], { mode: "parallel" });
-      const c = Us(l, s, o, i.scrollOffset), a = [], d = {
-        from: s,
-        to: o,
+        return new E([], { mode: "parallel" });
+      const c = Lo(l, o, s, r.scrollOffset), a = [], u = {
+        from: o,
+        to: s,
         resolved: l,
         input: c,
         physics: n,
-        context: i,
-        extras: r,
+        context: r,
+        extras: i,
         onComplete: (f) => {
           a.push(f);
         }
-      }, u = [];
-      for (const f of t)
-        f.contribute && u.push(...f.contribute(d));
-      const h = u[0];
-      if (h) {
-        const f = h.onComplete;
-        h.onComplete = () => {
+      }, d = [];
+      for (const f of e)
+        f.contribute && d.push(...f.contribute(u));
+      const y = d[0];
+      if (y) {
+        const f = y.onComplete;
+        y.onComplete = () => {
           f == null || f();
-          for (const y of a)
+          for (const h of a)
             try {
-              y();
-            } catch (m) {
-              console.error("[zoom] cleanup error", m);
+              h();
+            } catch (g) {
+              console.error("[zoom] cleanup error", g);
             }
         };
       }
-      for (const f of u) {
-        if (!(f instanceof b)) continue;
-        const y = f.onComplete;
+      for (const f of d) {
+        if (!(f instanceof m)) continue;
+        const h = f.onComplete;
         f.onComplete = () => {
-          y == null || y(), f.releaseFill();
+          h == null || h(), f.releaseFill();
         };
       }
-      return new P(u, { mode: "parallel" });
+      return new E(d, { mode: "parallel" });
     }
   };
 };
-function qs(e) {
-  const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
-  return { type: t, variant: n };
+function Wo(t) {
+  const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
+  return { type: e, variant: n };
 }
-function fo(e = {}) {
-  const t = qs(e);
-  return js(t);
+function ps(t = {}) {
+  const e = Wo(t);
+  return Bo(e);
 }
 export {
-  mo as Animation,
-  P as MultiAnimation,
-  b as WebAnimation,
-  to as axis,
-  eo as blind,
-  no as drill,
-  so as fade,
-  oo as film,
-  io as hero,
-  ro as jaemin,
-  ao as rotate,
-  lo as scroll,
-  co as sheet,
-  po as slide,
-  uo as strip,
-  fo as zoom
+  fs as Animation,
+  E as MultiAnimation,
+  m as WebAnimation,
+  Jo as axis,
+  Qo as blind,
+  ts as drill,
+  es as fade,
+  ns as film,
+  os as hero,
+  ss as jaemin,
+  is as rotate,
+  rs as scroll,
+  as as sheet,
+  ls as slide,
+  cs as strip,
+  ps as zoom
 };