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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,79 +1,79 @@
1
- var Ce = Object.defineProperty;
2
- var Ee = (t, e, n) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var R = (t, e, n) => Ee(t, typeof e != "symbol" ? e + "" : e, n);
4
- import { d as I, w as _ } from "./index-B_K3Vnj-.js";
5
- import { W as w, M as P } from "./multi-animation-Du9W3ZS_.js";
6
- import { A as Ji } from "./multi-animation-Du9W3ZS_.js";
7
- import { P as $e, I as C, S as mt, a as Pe, b as gt, s as ve, D as Ae } from "./provider-Cea0Pfm1.js";
8
- import { F as Re, a as Ie, p as et, S as _e } from "./page-motion-MEazegOU.js";
9
- class Oe {
1
+ var Pe = Object.defineProperty;
2
+ var Ae = (t, e, n) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
+ var I = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
4
+ import { d as _, w as O } from "./index-B_K3Vnj-.js";
5
+ import { W as w, M as A } from "./multi-animation-Du9W3ZS_.js";
6
+ import { A as oi } from "./multi-animation-Du9W3ZS_.js";
7
+ import { P as ve, I as C, S as bt, a as Re, b as wt, s as Ie, D as _e } from "./provider-Cea0Pfm1.js";
8
+ import { F as Oe, a as ke, p as ot, S as Fe } from "./page-motion-MEazegOU.js";
9
+ class Te {
10
10
  constructor(e) {
11
- R(this, "durationSec");
11
+ I(this, "durationSec");
12
12
  this.durationSec = Math.max(1 / 60, e.durationSec);
13
13
  }
14
14
  step(e, n, o) {
15
- const i = n - e.position;
16
- if (i === 0) return e;
17
- const r = Math.sign(i), c = Math.abs(i) / this.durationSec, s = r * c * o, l = e.position + s;
18
- return (r > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: r * c };
15
+ const r = n - e.position;
16
+ if (r === 0) return e;
17
+ const i = Math.sign(r), c = Math.abs(r) / this.durationSec, s = i * c * o, l = e.position + s;
18
+ return (i > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: i * c };
19
19
  }
20
20
  isSettled(e, n) {
21
- return Math.abs(e.position - n) < $e;
21
+ return Math.abs(e.position - n) < ve;
22
22
  }
23
23
  }
24
- function $t(t, e) {
25
- function n(r) {
24
+ function Rt(t, e) {
25
+ function n(i) {
26
26
  let c = 0, s = 0;
27
- const l = r.offsetWidth, a = r.offsetHeight;
28
- let p = r;
29
- for (; p; )
30
- c += p.offsetTop, s += p.offsetLeft, p = p.offsetParent;
27
+ const l = i.offsetWidth, a = i.offsetHeight;
28
+ let d = i;
29
+ for (; d; )
30
+ c += d.offsetTop, s += d.offsetLeft, d = d.offsetParent;
31
31
  return c -= window.scrollY, s -= window.scrollX, { top: c, left: s, width: l, height: a };
32
32
  }
33
- const o = n(t), i = n(e);
33
+ const o = n(t), r = n(e);
34
34
  return new DOMRect(
35
- i.left - o.left,
36
- i.top - o.top,
37
- i.width,
38
- i.height
35
+ r.left - o.left,
36
+ r.top - o.top,
37
+ r.width,
38
+ r.height
39
39
  );
40
40
  }
41
41
  function L(t, e) {
42
- const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), i = (s, l) => l > 0 && Math.abs(s - l) > 0.5 ? s / l : 1, r = i(n.width, t.offsetWidth), c = i(n.height, t.offsetHeight);
42
+ const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), r = (s, l) => l > 0 && Math.abs(s - l) > 0.5 ? s / l : 1, i = r(n.width, t.offsetWidth), c = r(n.height, t.offsetHeight);
43
43
  return new DOMRect(
44
- (o.left - n.left) / r,
44
+ (o.left - n.left) / i,
45
45
  (o.top - n.top) / c,
46
- o.width / r,
46
+ o.width / i,
47
47
  o.height / c
48
48
  );
49
49
  }
50
50
  function H(t, e) {
51
- const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? $t(n, o).top : 0;
51
+ const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
52
52
  return {
53
53
  top: t[e].scroll.y,
54
54
  left: 0,
55
55
  width: n.clientWidth,
56
- height: n.clientHeight - i
56
+ height: n.clientHeight - r
57
57
  };
58
58
  }
59
- function te(t, e) {
60
- const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? $t(n, o).top : 0;
59
+ function oe(t, e) {
60
+ const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
61
61
  return {
62
- top: t[e].scroll.y - i,
62
+ top: t[e].scroll.y - r,
63
63
  height: n.clientHeight
64
64
  };
65
65
  }
66
- const Rt = 8, It = {
66
+ const kt = 8, Ft = {
67
67
  spring: {
68
68
  stiffness: 600,
69
69
  damping: 40,
70
70
  doubleSpring: 1.2
71
71
  }
72
72
  };
73
- function Fe({
73
+ function Me({
74
74
  direction: t
75
75
  }) {
76
- const e = t === "forward" ? Rt : -Rt;
76
+ const e = t === "forward" ? kt : -kt;
77
77
  return {
78
78
  out: {
79
79
  willChange: "transform, opacity",
@@ -95,32 +95,32 @@ function Fe({
95
95
  }
96
96
  };
97
97
  }
98
- function ke() {
98
+ function De() {
99
99
  return {
100
- outPhysics: It,
101
- inPhysics: It,
100
+ outPhysics: Ft,
101
+ inPhysics: Ft,
102
102
  // Both sides run together — the cross-fade is the whole point of the
103
103
  // snappy feel. (fluid's sibling uses staggered fade-through.)
104
104
  composition: { mode: "parallel", startAt: [0, 0] },
105
- build: Fe
105
+ build: Me
106
106
  };
107
107
  }
108
- const _t = 30, Te = {
108
+ const Tt = 30, Ye = {
109
109
  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
110
- }, Me = {
110
+ }, Le = {
111
111
  spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
112
112
  };
113
- function De({
113
+ function He({
114
114
  direction: t
115
115
  }) {
116
- const e = t === "forward" ? 1 : -1, n = -_t * e, o = _t * e;
116
+ const e = t === "forward" ? 1 : -1, n = -Tt * e, o = Tt * e;
117
117
  return {
118
118
  out: {
119
119
  willChange: "transform, opacity",
120
120
  startStyle: {},
121
- animate: (i) => ({
122
- transform: `translate3d(${n * i}px, 0, 0)`,
123
- opacity: `${1 - i}`
121
+ animate: (r) => ({
122
+ transform: `translate3d(${n * r}px, 0, 0)`,
123
+ opacity: `${1 - r}`
124
124
  })
125
125
  },
126
126
  in: {
@@ -129,43 +129,43 @@ function De({
129
129
  transform: `translate3d(${o}px, 0, 0)`,
130
130
  opacity: "0"
131
131
  },
132
- animate: (i) => ({
133
- transform: `translate3d(${o * (1 - i)}px, 0, 0)`,
134
- opacity: `${i}`
132
+ animate: (r) => ({
133
+ transform: `translate3d(${o * (1 - r)}px, 0, 0)`,
134
+ opacity: `${r}`
135
135
  })
136
136
  }
137
137
  };
138
138
  }
139
- function Ye() {
139
+ function Ne() {
140
140
  return {
141
- outPhysics: Te,
142
- inPhysics: Me,
141
+ outPhysics: Ye,
142
+ inPhysics: Le,
143
143
  // Phased motion: outgoing falls away first under inertia, then incoming
144
144
  // springs in. The fade-through shape comes from the integrator curves
145
145
  // plus the sequence handoff, not from FADE_SPLIT inside animate(t).
146
146
  composition: { mode: "sequence" },
147
- build: De
147
+ build: He
148
148
  };
149
149
  }
150
- const Le = {
151
- snappy: ke(),
152
- fluid: Ye()
153
- }, Ot = 8, He = {
150
+ const ze = {
151
+ snappy: De(),
152
+ fluid: Ne()
153
+ }, Mt = 8, We = {
154
154
  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
155
- }, Ne = {
155
+ }, Ve = {
156
156
  spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
157
157
  };
158
- function ze({
158
+ function Xe({
159
159
  direction: t
160
160
  }) {
161
- const e = t === "forward" ? 1 : -1, n = -Ot * e, o = Ot * e;
161
+ const e = t === "forward" ? 1 : -1, n = -Mt * e, o = Mt * e;
162
162
  return {
163
163
  out: {
164
164
  willChange: "transform, opacity",
165
165
  startStyle: {},
166
- animate: (i) => ({
167
- transform: `translate3d(0, ${n * i}px, 0)`,
168
- opacity: `${1 - i}`
166
+ animate: (r) => ({
167
+ transform: `translate3d(0, ${n * r}px, 0)`,
168
+ opacity: `${1 - r}`
169
169
  })
170
170
  },
171
171
  in: {
@@ -174,24 +174,24 @@ function ze({
174
174
  transform: `translate3d(0, ${o}px, 0)`,
175
175
  opacity: "0"
176
176
  },
177
- animate: (i) => ({
178
- transform: `translate3d(0, ${o * (1 - i)}px, 0)`,
179
- opacity: `${i}`
177
+ animate: (r) => ({
178
+ transform: `translate3d(0, ${o * (1 - r)}px, 0)`,
179
+ opacity: `${r}`
180
180
  })
181
181
  }
182
182
  };
183
183
  }
184
- function We() {
184
+ function Be() {
185
185
  return {
186
- outPhysics: He,
187
- inPhysics: Ne,
186
+ outPhysics: We,
187
+ inPhysics: Ve,
188
188
  composition: { mode: "sequence" },
189
- build: ze
189
+ build: Xe
190
190
  };
191
191
  }
192
- const Xe = 40, Ve = {
192
+ const Ue = 40, Ze = {
193
193
  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
194
- }, Be = {
194
+ }, je = {
195
195
  spring: {
196
196
  stiffness: 400,
197
197
  damping: 30,
@@ -200,8 +200,8 @@ const Xe = 40, Ve = {
200
200
  restSpeed: 0.1
201
201
  }
202
202
  };
203
- function Ue(t) {
204
- const e = Xe;
203
+ function Ge(t) {
204
+ const e = Ue;
205
205
  return {
206
206
  out: {
207
207
  willChange: "opacity",
@@ -223,32 +223,32 @@ function Ue(t) {
223
223
  }
224
224
  };
225
225
  }
226
- function Ze() {
226
+ function qe() {
227
227
  return {
228
- outPhysics: Ve,
229
- inPhysics: Be,
228
+ outPhysics: Ze,
229
+ inPhysics: je,
230
230
  composition: { mode: "parallel", startAt: [0, 0] },
231
- build: Ue
231
+ build: Ge
232
232
  };
233
233
  }
234
- const Ft = We(), je = {
235
- snappy: Ft,
236
- directional: Ft,
237
- "non-directional": Ze()
238
- }, kt = {
234
+ const Dt = Be(), Ke = {
235
+ snappy: Dt,
236
+ directional: Dt,
237
+ "non-directional": qe()
238
+ }, Yt = {
239
239
  spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
240
- }, nt = 0.1, ot = 1 / 3, Tt = (t) => Math.max(0, Math.min(1, t));
241
- function Ge({
240
+ }, rt = 0.1, it = 1 / 3, Lt = (t) => Math.max(0, Math.min(1, t));
241
+ function Je({
242
242
  direction: t
243
243
  }) {
244
- const e = t === "forward" ? 1 : -1, n = 1 - e * nt;
244
+ const e = t === "forward" ? 1 : -1, n = 1 - e * rt;
245
245
  return {
246
246
  out: {
247
247
  willChange: "transform, opacity",
248
248
  startStyle: {},
249
249
  animate: (o) => ({
250
- transform: `scale(${1 + e * o * nt})`,
251
- opacity: `${Tt(1 - o / ot)}`
250
+ transform: `scale(${1 + e * o * rt})`,
251
+ opacity: `${Lt(1 - o / it)}`
252
252
  })
253
253
  },
254
254
  in: {
@@ -258,135 +258,135 @@ function Ge({
258
258
  opacity: "0"
259
259
  },
260
260
  animate: (o) => ({
261
- transform: `scale(${n + e * o * nt})`,
262
- opacity: `${Tt((o - ot) / (1 - ot))}`
261
+ transform: `scale(${n + e * o * rt})`,
262
+ opacity: `${Lt((o - it) / (1 - it))}`
263
263
  })
264
264
  }
265
265
  };
266
266
  }
267
- function qe() {
267
+ function Qe() {
268
268
  return {
269
- outPhysics: kt,
270
- inPhysics: kt,
269
+ outPhysics: Yt,
270
+ inPhysics: Yt,
271
271
  // Scale must move together on both sides; fade-through is encoded inside
272
272
  // each tick (piecewise), not via composition staggering — so parallel.
273
273
  composition: { mode: "parallel" },
274
- build: Ge
274
+ build: Je
275
275
  };
276
276
  }
277
- const Mt = {
277
+ const Ht = {
278
278
  spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
279
- }, it = 0.1, rt = 1 / 3, Dt = (t) => Math.max(0, Math.min(1, t));
280
- function Ke() {
279
+ }, st = 0.1, at = 1 / 3, Nt = (t) => Math.max(0, Math.min(1, t));
280
+ function tn() {
281
281
  return {
282
282
  out: {
283
283
  willChange: "opacity",
284
284
  startStyle: {},
285
285
  animate: (t) => ({
286
- opacity: `${Dt(1 - t / rt)}`
286
+ opacity: `${Nt(1 - t / at)}`
287
287
  })
288
288
  },
289
289
  in: {
290
290
  willChange: "transform, opacity",
291
291
  startStyle: {
292
- transform: `scale(${1 - it})`,
292
+ transform: `scale(${1 - st})`,
293
293
  opacity: "0"
294
294
  },
295
295
  animate: (t) => ({
296
- transform: `scale(${1 - it + t * it})`,
297
- opacity: `${Dt((t - rt) / (1 - rt))}`
296
+ transform: `scale(${1 - st + t * st})`,
297
+ opacity: `${Nt((t - at) / (1 - at))}`
298
298
  })
299
299
  }
300
300
  };
301
301
  }
302
- function Je() {
302
+ function en() {
303
303
  return {
304
- outPhysics: Mt,
305
- inPhysics: Mt,
304
+ outPhysics: Ht,
305
+ inPhysics: Ht,
306
306
  composition: { mode: "parallel" },
307
- build: Ke
307
+ build: tn
308
308
  };
309
309
  }
310
- const Yt = qe(), Qe = {
311
- snappy: Yt,
312
- directional: Yt,
313
- "non-directional": Je()
314
- }, tn = {
315
- x: Le,
316
- y: je,
317
- z: Qe
310
+ const zt = Qe(), nn = {
311
+ snappy: zt,
312
+ directional: zt,
313
+ "non-directional": en()
314
+ }, on = {
315
+ x: ze,
316
+ y: Ke,
317
+ z: nn
318
318
  };
319
- function en(t, e) {
320
- const n = tn[t];
319
+ function rn(t, e) {
320
+ const n = on[t];
321
321
  return n[e] ?? n.snappy;
322
322
  }
323
- const nn = "x", on = "snappy";
324
- function Lt(t, e) {
323
+ const sn = "x", an = "snappy";
324
+ function Wt(t, e) {
325
325
  t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
326
326
  for (const [n, o] of Object.entries(e.startStyle))
327
327
  t.style[n] = o;
328
328
  }
329
- function ee(t) {
329
+ function re(t) {
330
330
  t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
331
331
  }
332
- function rn(t) {
333
- ee(t), t.style.pointerEvents = "";
332
+ function cn(t) {
333
+ re(t), t.style.pointerEvents = "";
334
334
  }
335
- const sn = (t = {}) => {
336
- const e = t.type ?? nn, n = t.feel ?? on, o = en(e, n), i = (r) => {
337
- const c = o.build({ direction: r });
335
+ const ln = (t = {}) => {
336
+ const e = t.type ?? sn, n = t.feel ?? an, o = rn(e, n), r = (i) => {
337
+ const c = o.build({ direction: i });
338
338
  return {
339
339
  prepare: ({ from: s, to: l }) => (s.then((a) => {
340
- Lt(a, c.out), a.style.pointerEvents = "none";
340
+ Wt(a, c.out), a.style.pointerEvents = "none";
341
341
  }), l.then((a) => {
342
- Lt(a, c.in);
342
+ Wt(a, c.in);
343
343
  }), {}),
344
344
  animation: ({ from: s, to: l, context: a }) => {
345
345
  if (e === "z") {
346
- const m = H(a, "from"), u = H(a, "to");
347
- s.style.clipPath = `inset(${m.top}px 0 calc(100% - ${m.top + m.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
346
+ const f = H(a, "from"), u = H(a, "to");
347
+ s.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
348
348
  }
349
- const p = new w({
349
+ const d = new w({
350
350
  element: s,
351
351
  integrator: C.from(o.outPhysics),
352
- style: (m) => c.out.animate(m),
352
+ style: (f) => c.out.animate(f),
353
353
  // Restore the reused from node's inline styles on complete. This
354
354
  // covers willChange/backfaceVisibility/contain/transform/opacity (from
355
355
  // applyStartStyle + the WAAPI final frame), pointerEvents (set in
356
356
  // prepare), and clipPath (set above for z; harmless no-op otherwise).
357
- onComplete: () => rn(s)
358
- }), d = new w({
357
+ onComplete: () => cn(s)
358
+ }), p = new w({
359
359
  element: l,
360
360
  integrator: C.from(o.inPhysics),
361
- style: (m) => c.in.animate(m),
362
- onComplete: () => ee(l)
361
+ style: (f) => c.in.animate(f),
362
+ onComplete: () => re(l)
363
363
  });
364
- return new P(
365
- { out: p, in: d },
364
+ return new A(
365
+ { out: d, in: p },
366
366
  o.composition
367
367
  );
368
368
  }
369
369
  };
370
370
  };
371
- return I({
372
- forward: i("forward"),
373
- backward: i("backward")
371
+ return _({
372
+ forward: r("forward"),
373
+ backward: r("backward")
374
374
  });
375
375
  };
376
- function an(t, e, n) {
376
+ function dn(t, e, n) {
377
377
  return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
378
378
  }
379
- function _i(t = {}, e = {}) {
380
- const n = t.type ?? "x", o = t.variant, i = t.feel, r = an(n, o, i);
381
- return _(
382
- sn({ type: n, feel: r }),
379
+ function Mr(t = {}, e = {}) {
380
+ const n = t.type ?? "x", o = t.variant, r = t.feel, i = dn(n, o, r);
381
+ return O(
382
+ ln({ type: n, feel: i }),
383
383
  e.override
384
384
  );
385
385
  }
386
- const cn = {
386
+ const pn = {
387
387
  spring: { stiffness: 200, damping: 22 }
388
- }, ln = 10, pn = "horizontal", dn = "#000000";
389
- function Ht(t, e, n, o, i, r) {
388
+ }, un = 10, fn = "horizontal", hn = "#000000";
389
+ function Vt(t, e, n, o, r, i) {
390
390
  window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
391
391
  const s = document.createElement("div");
392
392
  s.style.cssText = `
@@ -401,44 +401,44 @@ function Ht(t, e, n, o, i, r) {
401
401
  `;
402
402
  const l = [];
403
403
  for (let a = 0; a < e; a++) {
404
- const p = document.createElement("div");
404
+ const d = document.createElement("div");
405
405
  if (n === "horizontal") {
406
- const d = 100 / e;
407
- p.style.cssText = `
406
+ const p = 100 / e;
407
+ d.style.cssText = `
408
408
  position: absolute;
409
- top: ${d * a}%;
409
+ top: ${p * a}%;
410
410
  left: 0;
411
411
  width: 100%;
412
- height: calc(${d}% + 1px);
412
+ height: calc(${p}% + 1px);
413
413
  background: ${o};
414
- transform: scaleX(${i === "hidden" ? 0 : 1});
415
- transform-origin: ${r} center;
414
+ transform: scaleX(${r === "hidden" ? 0 : 1});
415
+ transform-origin: ${i} center;
416
416
  will-change: transform;
417
417
  `;
418
418
  } else {
419
- const d = 100 / e;
420
- p.style.cssText = `
419
+ const p = 100 / e;
420
+ d.style.cssText = `
421
421
  position: absolute;
422
422
  top: 0;
423
- left: ${d * a}%;
424
- width: calc(${d}% + 1px);
423
+ left: ${p * a}%;
424
+ width: calc(${p}% + 1px);
425
425
  height: 100%;
426
426
  background: ${o};
427
- transform: scaleY(${i === "hidden" ? 0 : 1});
428
- transform-origin: ${r === "left" ? "top" : "bottom"} center;
427
+ transform: scaleY(${r === "hidden" ? 0 : 1});
428
+ transform-origin: ${i === "left" ? "top" : "bottom"} center;
429
429
  will-change: transform;
430
430
  `;
431
431
  }
432
- l.push(p), s.appendChild(p);
432
+ l.push(d), s.appendChild(d);
433
433
  }
434
434
  return t.appendChild(s), { container: s, blinds: l };
435
435
  }
436
- const un = (t = {}) => {
437
- const e = t.blindCount ?? ln, n = t.direction ?? pn, o = t.blindColor ?? dn, i = t.physics ?? cn, r = {
436
+ const yn = (t = {}) => {
437
+ const e = t.blindCount ?? un, n = t.direction ?? fn, o = t.blindColor ?? hn, r = t.physics ?? pn, i = {
438
438
  prepare: async ({ from: c, to: s }) => {
439
439
  const l = await c, a = await s;
440
440
  l.style.zIndex = "1000";
441
- const p = Ht(
441
+ const d = Vt(
442
442
  l,
443
443
  e,
444
444
  n,
@@ -447,7 +447,7 @@ const un = (t = {}) => {
447
447
  "left"
448
448
  );
449
449
  a.style.position = "relative", a.style.zIndex = "0";
450
- const d = Ht(
450
+ const p = Vt(
451
451
  a,
452
452
  e,
453
453
  n,
@@ -457,10 +457,10 @@ const un = (t = {}) => {
457
457
  );
458
458
  return {
459
459
  fromEl: l,
460
- fromBlinds: p.blinds,
461
- fromContainer: p.container,
462
- toBlinds: d.blinds,
463
- toContainer: d.container
460
+ fromBlinds: d.blinds,
461
+ fromContainer: d.container,
462
+ toBlinds: p.blinds,
463
+ toContainer: p.container
464
464
  };
465
465
  },
466
466
  animation: ({
@@ -468,66 +468,66 @@ const un = (t = {}) => {
468
468
  fromBlinds: s,
469
469
  fromContainer: l,
470
470
  toBlinds: a,
471
- toContainer: p
471
+ toContainer: d
472
472
  }) => {
473
- const d = s.map(
473
+ const p = s.map(
474
474
  (h) => new w({
475
475
  element: h,
476
- integrator: C.from(i),
477
- style: (f) => ({
478
- transform: n === "horizontal" ? `scaleX(${f})` : `scaleY(${f})`
476
+ integrator: C.from(r),
477
+ style: (y) => ({
478
+ transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
479
479
  })
480
480
  })
481
- ), m = a.map(
482
- (h, f) => new w({
481
+ ), f = a.map(
482
+ (h, y) => new w({
483
483
  element: h,
484
- integrator: C.from(i),
484
+ integrator: C.from(r),
485
485
  style: (b, g) => ({
486
486
  transform: n === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
487
487
  }),
488
- onComplete: f === a.length - 1 ? () => {
489
- p.remove(), l.remove(), c.style.zIndex = "", c.style.position = "";
488
+ onComplete: y === a.length - 1 ? () => {
489
+ d.remove(), l.remove(), c.style.zIndex = "", c.style.position = "";
490
490
  } : void 0
491
491
  })
492
- ), u = new P(d, { mode: "parallel" }), y = new P(m, { mode: "parallel" });
493
- return new P(
494
- { out: u, in: y },
492
+ ), u = new A(p, { mode: "parallel" }), m = new A(f, { mode: "parallel" });
493
+ return new A(
494
+ { out: u, in: m },
495
495
  { mode: "sequence" }
496
496
  );
497
497
  }
498
498
  };
499
- return I({ forward: r, backward: r });
499
+ return _({ forward: i, backward: i });
500
500
  };
501
- function Oi(t = {}, e = {}) {
501
+ function Dr(t = {}, e = {}) {
502
502
  const { type: n = "horizontal" } = t;
503
- return _(un({ direction: n }), e.override);
503
+ return O(yn({ direction: n }), e.override);
504
504
  }
505
- function Z(t, e = {}) {
505
+ function j(t, e = {}) {
506
506
  const n = Object.fromEntries(
507
- Object.entries(t).map(([o, i]) => {
508
- const r = i;
507
+ Object.entries(t).map(([o, r]) => {
508
+ const i = r;
509
509
  return [
510
510
  o,
511
- Array.isArray(r) ? r.length === 1 ? r[0] : new P(r) : r
511
+ Array.isArray(i) ? i.length === 1 ? i[0] : new A(i) : i
512
512
  ];
513
513
  })
514
514
  );
515
- return new P(n, e);
515
+ return new A(n, e);
516
516
  }
517
- function j(t) {
517
+ function G(t) {
518
518
  const e = t.onComplete;
519
519
  t.onComplete = () => {
520
520
  e == null || e(), t.releaseFill();
521
521
  };
522
522
  }
523
- const fn = {
523
+ const mn = {
524
524
  spring: {
525
525
  stiffness: 250,
526
526
  damping: 23,
527
527
  doubleSpring: 0.7
528
528
  }
529
529
  }, B = 0.5;
530
- function hn(t) {
530
+ function gn(t) {
531
531
  const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
532
532
  return {
533
533
  out: {
@@ -551,13 +551,13 @@ function hn(t) {
551
551
  }
552
552
  };
553
553
  }
554
- function yn() {
554
+ function bn() {
555
555
  return {
556
- physics: fn,
557
- build: hn
556
+ physics: mn,
557
+ build: gn
558
558
  };
559
559
  }
560
- const mn = {
560
+ const wn = {
561
561
  spring: {
562
562
  stiffness: 230,
563
563
  damping: 25,
@@ -567,7 +567,7 @@ const mn = {
567
567
  }
568
568
  }
569
569
  };
570
- function gn(t) {
570
+ function Sn(t) {
571
571
  const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
572
572
  return {
573
573
  out: {
@@ -588,32 +588,32 @@ function gn(t) {
588
588
  }
589
589
  };
590
590
  }
591
- function bn() {
591
+ function xn() {
592
592
  return {
593
- physics: mn,
594
- build: gn
593
+ physics: wn,
594
+ build: Sn
595
595
  };
596
596
  }
597
- const wn = {
598
- parallax: bn(),
599
- crossfade: yn()
600
- }, T = "0", ne = "1", M = "2", Sn = "parallax";
601
- function Nt(t, e) {
597
+ const Cn = {
598
+ parallax: xn(),
599
+ crossfade: bn()
600
+ }, M = "0", ie = "1", T = "2", En = "parallax";
601
+ function Xt(t, e) {
602
602
  t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
603
603
  for (const [n, o] of Object.entries(e.startStyle))
604
604
  t.style[n] = o;
605
605
  }
606
- const xn = (t = {}) => {
607
- const e = wn[t.type ?? Sn], n = e.physics, o = (i) => {
608
- const r = i === "forward" ? "enter" : "exit", c = e.build(r), s = r === "enter" ? T : M, l = r === "enter" ? M : T;
606
+ const $n = (t = {}) => {
607
+ const e = Cn[t.type ?? En], n = e.physics, o = (r) => {
608
+ const i = r === "forward" ? "enter" : "exit", c = e.build(i), s = i === "enter" ? M : T, l = i === "enter" ? T : M;
609
609
  return {
610
- prepare: ({ from: a, to: p }) => (a.then((d) => {
611
- Nt(d, c.out), d.style.pointerEvents = "none", d.style.zIndex = s;
612
- }), p.then((d) => {
613
- Nt(d, c.in), d.style.position = "relative", d.style.zIndex = l;
610
+ prepare: ({ from: a, to: d }) => (a.then((p) => {
611
+ Xt(p, c.out), p.style.pointerEvents = "none", p.style.zIndex = s;
612
+ }), d.then((p) => {
613
+ Xt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
614
614
  }), {}),
615
- animation: ({ from: a, to: p }) => {
616
- const d = new w({
615
+ animation: ({ from: a, to: d }) => {
616
+ const p = new w({
617
617
  element: a,
618
618
  integrator: C.from(n),
619
619
  style: (u) => c.out.animate(u),
@@ -623,72 +623,72 @@ const xn = (t = {}) => {
623
623
  onComplete: () => {
624
624
  a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
625
625
  }
626
- }), m = new w({
627
- element: p,
626
+ }), f = new w({
627
+ element: d,
628
628
  integrator: C.from(n),
629
629
  style: (u) => c.in.animate(u),
630
630
  onComplete: () => {
631
- p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.transform = "", p.style.opacity = "", p.style.position === "relative" && (p.style.position = ""), p.style.zIndex === l && (p.style.zIndex = "");
631
+ d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.transform = "", d.style.opacity = "", d.style.position === "relative" && (d.style.position = ""), d.style.zIndex === l && (d.style.zIndex = "");
632
632
  }
633
633
  });
634
- return [d, m].forEach(j), new P(
635
- { out: d, in: m },
634
+ return [p, f].forEach(G), new A(
635
+ { out: p, in: f },
636
636
  { mode: "parallel" }
637
637
  );
638
638
  }
639
639
  };
640
640
  };
641
- return I({
641
+ return _({
642
642
  forward: o("forward"),
643
643
  backward: o("backward")
644
644
  });
645
645
  };
646
- function Cn(t) {
646
+ function Pn(t) {
647
647
  return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
648
648
  }
649
- function Fi(t = {}, e = {}) {
650
- const n = t.type, o = Cn(n);
651
- return _(xn({ type: o }), e.override);
649
+ function Yr(t = {}, e = {}) {
650
+ const n = t.type, o = Pn(n);
651
+ return O($n({ type: o }), e.override);
652
652
  }
653
- const En = (t = {}) => {
654
- const e = t.physics ?? Re, n = t.physics ?? Ie, o = {
655
- prepare: ({ to: i }) => (i.then((r) => {
656
- r.style.opacity = "0", r.style.willChange = "opacity";
653
+ const An = (t = {}) => {
654
+ const e = t.physics ?? Oe, n = t.physics ?? ke, o = {
655
+ prepare: ({ to: r }) => (r.then((i) => {
656
+ i.style.opacity = "0", i.style.willChange = "opacity";
657
657
  }), {}),
658
- animation: ({ from: i, to: r }) => {
658
+ animation: ({ from: r, to: i }) => {
659
659
  const c = new w({
660
- element: i,
660
+ element: r,
661
661
  integrator: C.from(n),
662
662
  // Default bounds (0, 1). `u` runs 1→0 as the animation moves
663
663
  // forward, mapping opacity from fully visible to invisible.
664
664
  style: (l) => ({
665
- opacity: et("fade", "out", "forward", l).opacity
665
+ opacity: ot("fade", "out", "forward", l).opacity
666
666
  }),
667
667
  onComplete: () => {
668
- i.style.willChange = "auto", i.style.opacity = "";
668
+ r.style.willChange = "auto", r.style.opacity = "";
669
669
  }
670
670
  }), s = new w({
671
- element: r,
671
+ element: i,
672
672
  integrator: C.from(e),
673
673
  style: (l) => ({
674
- opacity: et("fade", "in", "forward", l).opacity
674
+ opacity: ot("fade", "in", "forward", l).opacity
675
675
  }),
676
676
  onComplete: () => {
677
- r.style.willChange = "auto", r.style.opacity = "";
677
+ i.style.willChange = "auto", i.style.opacity = "";
678
678
  }
679
679
  });
680
- return new P(
680
+ return new A(
681
681
  { out: c, in: s },
682
682
  { mode: "sequence" }
683
683
  );
684
684
  }
685
685
  };
686
- return I({ forward: o, backward: o });
686
+ return _({ forward: o, backward: o });
687
687
  };
688
- function ki(t = {}, e = {}) {
689
- return _(En(), e.override);
688
+ function Lr(t = {}, e = {}) {
689
+ return O(An(), e.override);
690
690
  }
691
- const st = {
691
+ const ct = {
692
692
  scaleDown: { stiffness: 20, damping: 7 },
693
693
  translate: { stiffness: 15, damping: 7 },
694
694
  scaleUp: { stiffness: 20, damping: 7 }
@@ -696,11 +696,11 @@ const st = {
696
696
  scaleDown: 0,
697
697
  translate: 0.2,
698
698
  scaleUp: 0.8
699
- }, $n = 0.8, Pn = "white", zt = 1e3 / 60, vn = 600;
700
- function An(t) {
701
- const { items: e, from: n, to: o, recordFrame: i } = t, r = zt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
699
+ }, vn = 0.8, Rn = "white", Bt = 1e3 / 60, In = 600;
700
+ function _n(t) {
701
+ const { items: e, from: n, to: o, recordFrame: r } = t, i = Bt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
702
702
  item: a,
703
- integrator: new mt({
703
+ integrator: new bt({
704
704
  stiffness: a.spring.stiffness,
705
705
  damping: a.spring.damping
706
706
  }),
@@ -711,111 +711,111 @@ function An(t) {
711
711
  }));
712
712
  for (let a = 0; a < s.length; a++)
713
713
  (a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
714
- i(0);
714
+ r(0);
715
715
  let l = 0;
716
- for (let a = 1; a <= vn; a++) {
717
- const p = a * zt;
718
- l = p;
719
- for (const d of s)
720
- !d.started || d.settled || (d.state = d.integrator.step(d.state, o, r), d.integrator.isSettled(d.state, o) ? (d.settleTime += r, d.settleTime >= Pe && (d.state = { position: o, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
721
- for (let d = 1; d < s.length; d++) {
722
- const m = s[d];
723
- if (m.started) continue;
724
- const u = s[d - 1];
716
+ for (let a = 1; a <= In; a++) {
717
+ const d = a * Bt;
718
+ l = d;
719
+ for (const p of s)
720
+ !p.started || p.settled || (p.state = p.integrator.step(p.state, o, i), p.integrator.isSettled(p.state, o) ? (p.settleTime += i, p.settleTime >= Re && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
721
+ for (let p = 1; p < s.length; p++) {
722
+ const f = s[p];
723
+ if (f.started) continue;
724
+ const u = s[p - 1];
725
725
  if (!u.started) continue;
726
- (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= m.item.offset && (m.started = !0);
726
+ (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= f.item.offset && (f.started = !0);
727
727
  }
728
- if (i(p), s.every((d) => d.settled)) return p;
728
+ if (r(d), s.every((p) => p.settled)) return d;
729
729
  }
730
730
  return l;
731
731
  }
732
- function at(t, e) {
732
+ function lt(t, e) {
733
733
  return t != null && t.spring ? {
734
734
  stiffness: t.spring.stiffness,
735
735
  damping: t.spring.damping
736
736
  } : e;
737
737
  }
738
- function Wt(t) {
739
- const { rect: e, scale: n, direction: o, override: i } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = at(i, st.scaleDown), s = at(i, st.translate), l = at(i, st.scaleUp), a = o === "out" ? 1 : 0, p = o === "out" ? 0 : 1, d = o === "out" ? [
738
+ function Ut(t) {
739
+ const { rect: e, scale: n, direction: o, override: r } = t, i = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = lt(r, ct.scaleDown), s = lt(r, ct.translate), l = lt(r, ct.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, p = o === "out" ? [
740
740
  {
741
741
  spring: c,
742
742
  offset: W.scaleDown,
743
- tick: (y) => {
744
- const h = 1 - y;
745
- r.scale = 1 - (1 - n) * h;
743
+ tick: (m) => {
744
+ const h = 1 - m;
745
+ i.scale = 1 - (1 - n) * h;
746
746
  }
747
747
  },
748
748
  {
749
749
  spring: s,
750
750
  offset: W.translate,
751
- tick: (y) => {
752
- const h = 1 - y;
753
- r.translateY = -e.top - e.height * h;
751
+ tick: (m) => {
752
+ const h = 1 - m;
753
+ i.translateY = -e.top - e.height * h;
754
754
  }
755
755
  },
756
756
  {
757
757
  spring: l,
758
758
  offset: W.scaleUp,
759
- tick: (y) => {
760
- const h = 1 - y;
761
- r.scale = n + (1 - n) * h;
759
+ tick: (m) => {
760
+ const h = 1 - m;
761
+ i.scale = n + (1 - n) * h;
762
762
  }
763
763
  }
764
764
  ] : [
765
765
  {
766
766
  spring: c,
767
767
  offset: W.scaleDown,
768
- tick: (y) => {
769
- r.scale = 1 - (1 - n) * y;
768
+ tick: (m) => {
769
+ i.scale = 1 - (1 - n) * m;
770
770
  }
771
771
  },
772
772
  {
773
773
  spring: s,
774
774
  offset: W.translate,
775
- tick: (y) => {
776
- r.translateY = -e.top + e.height * (1 - y);
775
+ tick: (m) => {
776
+ i.translateY = -e.top + e.height * (1 - m);
777
777
  }
778
778
  },
779
779
  {
780
780
  spring: l,
781
781
  offset: W.scaleUp,
782
- tick: (y) => {
783
- r.scale = n + (1 - n) * y;
782
+ tick: (m) => {
783
+ i.scale = n + (1 - n) * m;
784
784
  }
785
785
  }
786
- ], m = [], u = An({
787
- items: d,
786
+ ], f = [], u = _n({
787
+ items: p,
788
788
  from: a,
789
- to: p,
790
- recordFrame: (y) => m.push({
791
- time: y,
792
- scale: r.scale,
793
- translateY: r.translateY
789
+ to: d,
790
+ recordFrame: (m) => f.push({
791
+ time: m,
792
+ scale: i.scale,
793
+ translateY: i.translateY
794
794
  })
795
795
  });
796
- return { snapshots: m, totalDuration: u };
796
+ return { snapshots: f, totalDuration: u };
797
797
  }
798
- function Rn(t, e) {
798
+ function On(t, e) {
799
799
  if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
800
800
  if (t.length === 1 || e <= 0) return t[0];
801
801
  if (e >= 1) return t[t.length - 1];
802
- const n = e * (t.length - 1), o = Math.floor(n), i = Math.ceil(n);
803
- if (o === i) return t[o];
804
- const r = t[o], c = t[i], s = n - o;
802
+ const n = e * (t.length - 1), o = Math.floor(n), r = Math.ceil(n);
803
+ if (o === r) return t[o];
804
+ const i = t[o], c = t[r], s = n - o;
805
805
  return {
806
- time: r.time + (c.time - r.time) * s,
807
- scale: r.scale + (c.scale - r.scale) * s,
808
- translateY: r.translateY + (c.translateY - r.translateY) * s
806
+ time: i.time + (c.time - i.time) * s,
807
+ scale: i.scale + (c.scale - i.scale) * s,
808
+ translateY: i.translateY + (c.translateY - i.translateY) * s
809
809
  };
810
810
  }
811
- const In = [
811
+ const kn = [
812
812
  [1, 1],
813
813
  [-1, 1],
814
814
  [1, -1],
815
815
  [-1, -1]
816
816
  ];
817
- function _n(t, e) {
818
- const i = (r, c, s) => {
817
+ function Fn(t, e) {
818
+ const r = (i, c, s) => {
819
819
  const l = document.createElement("div");
820
820
  Object.assign(l.style, {
821
821
  position: "fixed",
@@ -823,7 +823,7 @@ function _n(t, e) {
823
823
  zIndex: "9999",
824
824
  width: "15px",
825
825
  height: "15px",
826
- ...r
826
+ ...i
827
827
  });
828
828
  const a = document.createElement("div");
829
829
  Object.assign(a.style, {
@@ -834,18 +834,18 @@ function _n(t, e) {
834
834
  [s]: "0",
835
835
  [c]: "0"
836
836
  });
837
- const p = document.createElement("div");
838
- return Object.assign(p.style, {
837
+ const d = document.createElement("div");
838
+ return Object.assign(d.style, {
839
839
  position: "absolute",
840
840
  width: "1px",
841
841
  height: "15px",
842
842
  backgroundColor: t,
843
843
  [s]: "0",
844
844
  [c]: "0"
845
- }), l.appendChild(a), l.appendChild(p), l;
845
+ }), l.appendChild(a), l.appendChild(d), l;
846
846
  };
847
847
  return {
848
- topLeft: i(
848
+ topLeft: r(
849
849
  {
850
850
  top: `${e.top - 1}px`,
851
851
  left: `${e.left - 1}px`
@@ -853,7 +853,7 @@ function _n(t, e) {
853
853
  "left",
854
854
  "top"
855
855
  ),
856
- topRight: i(
856
+ topRight: r(
857
857
  {
858
858
  top: `${e.top - 1}px`,
859
859
  left: `${e.left + e.width - 15 + 1}px`
@@ -861,7 +861,7 @@ function _n(t, e) {
861
861
  "right",
862
862
  "top"
863
863
  ),
864
- bottomLeft: i(
864
+ bottomLeft: r(
865
865
  {
866
866
  top: `${e.top + e.height - 15 + 1}px`,
867
867
  left: `${e.left - 1}px`
@@ -869,7 +869,7 @@ function _n(t, e) {
869
869
  "left",
870
870
  "bottom"
871
871
  ),
872
- bottomRight: i(
872
+ bottomRight: r(
873
873
  {
874
874
  top: `${e.top + e.height - 15 + 1}px`,
875
875
  left: `${e.left + e.width - 15 + 1}px`
@@ -879,11 +879,11 @@ function _n(t, e) {
879
879
  )
880
880
  };
881
881
  }
882
- function Xt(t, e) {
882
+ function Zt(t, e) {
883
883
  const n = e.left + e.width / 2, o = e.top + e.height / 2;
884
884
  t.style.transformOrigin = `${n}px ${o}px`;
885
885
  }
886
- function Vt(t, e) {
886
+ function jt(t, e) {
887
887
  t.style.clipPath = `polygon(
888
888
  ${e.left}px ${e.top}px,
889
889
  ${e.left + e.width}px ${e.top}px,
@@ -891,24 +891,24 @@ function Vt(t, e) {
891
891
  ${e.left}px ${e.top + e.height}px
892
892
  )`;
893
893
  }
894
- function ct(t, e, n, o, i) {
895
- const r = n / 1e3;
894
+ function dt(t, e, n, o, r) {
895
+ const i = n / 1e3;
896
896
  return new w({
897
897
  element: t,
898
- integrator: new Oe({ durationSec: r }),
898
+ integrator: new Te({ durationSec: i }),
899
899
  lowerBound: 0,
900
900
  upperBound: 1,
901
- style: (c) => o(Rn(e, c)),
902
- onComplete: i
901
+ style: (c) => o(On(e, c)),
902
+ onComplete: r
903
903
  });
904
904
  }
905
- const On = (t = {}) => {
906
- var r;
907
- const e = ((r = t.border) == null ? void 0 : r.color) ?? Pn, n = $n, o = t.physics, i = {
905
+ const Tn = (t = {}) => {
906
+ var i;
907
+ const e = ((i = t.border) == null ? void 0 : i.color) ?? Rn, n = vn, o = t.physics, r = {
908
908
  prepare: ({ from: c, to: s, context: l }) => {
909
- const a = H(l, "from"), p = H(l, "to"), d = $t(document.body, l.positionedParent), m = _n(e, {
909
+ const a = H(l, "from"), d = H(l, "to"), p = Rt(document.body, l.positionedParent), f = Fn(e, {
910
910
  ...a,
911
- top: d.top
911
+ top: p.top
912
912
  });
913
913
  for (const u of [
914
914
  "topLeft",
@@ -916,35 +916,35 @@ const On = (t = {}) => {
916
916
  "bottomLeft",
917
917
  "bottomRight"
918
918
  ])
919
- l.positionedParent.appendChild(m[u]);
919
+ l.positionedParent.appendChild(f[u]);
920
920
  return c.then((u) => {
921
- Xt(u, a), Vt(u, a), u.style.transform = `translateY(${-a.top}px)`;
921
+ Zt(u, a), jt(u, a), u.style.transform = `translateY(${-a.top}px)`;
922
922
  }), s.then((u) => {
923
- Xt(u, p), Vt(u, p), u.style.transform = `translateY(${-p.top + p.height}px) scale(${n})`;
924
- }), { borders: m, fromRect: a, toRect: p };
923
+ Zt(u, d), jt(u, d), u.style.transform = `translateY(${-d.top + d.height}px) scale(${n})`;
924
+ }), { borders: f, fromRect: a, toRect: d };
925
925
  },
926
- animation: ({ from: c, to: s, context: l, borders: a, fromRect: p, toRect: d }) => {
927
- const m = Wt({
928
- rect: p,
926
+ animation: ({ from: c, to: s, context: l, borders: a, fromRect: d, toRect: p }) => {
927
+ const f = Ut({
928
+ rect: d,
929
929
  scale: n,
930
930
  direction: "out",
931
931
  override: o
932
- }), u = Wt({
933
- rect: d,
932
+ }), u = Ut({
933
+ rect: p,
934
934
  scale: n,
935
935
  direction: "in",
936
936
  override: o
937
- }), y = ct(
937
+ }), m = dt(
938
938
  c,
939
- m.snapshots,
940
- m.totalDuration,
939
+ f.snapshots,
940
+ f.totalDuration,
941
941
  (S) => ({
942
942
  transform: `translateY(${S.translateY}px) scale(${S.scale})`
943
943
  }),
944
944
  () => {
945
945
  c.style.clipPath = "", c.style.transformOrigin = "", c.style.transform = "";
946
946
  }
947
- ), h = ct(
947
+ ), h = dt(
948
948
  s,
949
949
  u.snapshots,
950
950
  u.totalDuration,
@@ -954,21 +954,21 @@ const On = (t = {}) => {
954
954
  () => {
955
955
  s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
956
956
  }
957
- ), f = In.map(([S, $], v) => {
958
- const O = ["topLeft", "topRight", "bottomLeft", "bottomRight"][v];
959
- return ct(
960
- a[O],
961
- m.snapshots,
962
- m.totalDuration,
957
+ ), y = kn.map(([S, $], P) => {
958
+ const R = ["topLeft", "topRight", "bottomLeft", "bottomRight"][P];
959
+ return dt(
960
+ a[R],
961
+ f.snapshots,
962
+ f.totalDuration,
963
963
  (x) => {
964
- const E = (p.width - p.width * x.scale) / 2 * 0.7 * S, F = (p.height - p.height * x.scale) / 2 * 0.7 * $;
965
- return { transform: `translate(${E}px, ${F}px)` };
964
+ const E = (d.width - d.width * x.scale) / 2 * 0.7 * S, k = (d.height - d.height * x.scale) / 2 * 0.7 * $;
965
+ return { transform: `translate(${E}px, ${k}px)` };
966
966
  }
967
967
  );
968
- }), b = Z({
969
- out: y,
968
+ }), b = j({
969
+ out: m,
970
970
  in: h,
971
- borders: f
971
+ borders: y
972
972
  }), g = b.onComplete;
973
973
  return b.onComplete = () => {
974
974
  g == null || g();
@@ -979,60 +979,60 @@ const On = (t = {}) => {
979
979
  "bottomLeft",
980
980
  "bottomRight"
981
981
  ]) {
982
- const v = a[$];
983
- v.parentElement === S && S.removeChild(v);
982
+ const P = a[$];
983
+ P.parentElement === S && S.removeChild(P);
984
984
  }
985
985
  }, b;
986
986
  }
987
987
  };
988
- return I({ forward: i, backward: i });
988
+ return _({ forward: r, backward: r });
989
989
  };
990
- function Ti(t = {}, e = {}) {
990
+ function Hr(t = {}, e = {}) {
991
991
  const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
992
- return _(On(o), e.override);
992
+ return O(Tn(o), e.override);
993
993
  }
994
- function Fn(t) {
994
+ function Mn(t) {
995
995
  if (!t) return null;
996
996
  if (t.includes("/")) {
997
997
  const n = t.split("/");
998
998
  if (n.length !== 2) return null;
999
- const o = Number.parseFloat(n[0] ?? ""), i = Number.parseFloat(n[1] ?? "");
1000
- return Number.isFinite(o) && Number.isFinite(i) && o > 0 && i > 0 ? o / i : null;
999
+ const o = Number.parseFloat(n[0] ?? ""), r = Number.parseFloat(n[1] ?? "");
1000
+ return Number.isFinite(o) && Number.isFinite(r) && o > 0 && r > 0 ? o / r : null;
1001
1001
  }
1002
1002
  const e = Number.parseFloat(t);
1003
1003
  return Number.isFinite(e) && e > 0 ? e : null;
1004
1004
  }
1005
- function kn(t) {
1005
+ function Dn(t) {
1006
1006
  return t === "contain" || t === "cover" ? t : null;
1007
1007
  }
1008
- function bt(t) {
1008
+ function St(t) {
1009
1009
  return t.tagName === "IMG";
1010
1010
  }
1011
- function oe(t) {
1012
- if (bt(t)) return t;
1011
+ function se(t) {
1012
+ if (St(t)) return t;
1013
1013
  if (t.tagName === "PICTURE" || t.tagName === "VIDEO")
1014
1014
  return null;
1015
1015
  const e = [];
1016
1016
  for (const n of Array.from(t.children)) {
1017
1017
  const o = n;
1018
- bt(o) && e.push(o);
1018
+ St(o) && e.push(o);
1019
1019
  }
1020
1020
  return e.length === 1 ? e[0] ?? null : null;
1021
1021
  }
1022
- function Tn(t) {
1022
+ function Yn(t) {
1023
1023
  var l, a;
1024
- if (!bt(t)) return null;
1024
+ if (!St(t)) return null;
1025
1025
  const e = t, n = e.naturalWidth, o = e.naturalHeight;
1026
1026
  if (typeof n == "number" && typeof o == "number" && Number.isFinite(n) && Number.isFinite(o) && n > 0 && o > 0)
1027
1027
  return n / o;
1028
- const i = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = i === "" ? Number.NaN : Number(i), s = r === "" ? Number.NaN : Number(r);
1028
+ const r = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", i = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = r === "" ? Number.NaN : Number(r), s = i === "" ? Number.NaN : Number(i);
1029
1029
  return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
1030
1030
  }
1031
- function Mn(t) {
1031
+ function Ln(t) {
1032
1032
  const e = t.trim().toLowerCase().replace(/\s+/g, " ");
1033
1033
  return e === "" || e === "center" || e === "center center" || e === "50% 50%";
1034
1034
  }
1035
- function K(t) {
1035
+ function J(t) {
1036
1036
  if (typeof getComputedStyle == "function")
1037
1037
  try {
1038
1038
  return getComputedStyle(t);
@@ -1040,44 +1040,44 @@ function K(t) {
1040
1040
  }
1041
1041
  return t.style;
1042
1042
  }
1043
- function Dn(t) {
1044
- const e = K(t), n = Mn(e.objectPosition ?? "");
1043
+ function Hn(t) {
1044
+ const e = J(t), n = Ln(e.objectPosition ?? "");
1045
1045
  return {
1046
- fit: n ? kn(e.objectFit ?? null) : null,
1046
+ fit: n ? Dn(e.objectFit ?? null) : null,
1047
1047
  centered: n
1048
1048
  };
1049
1049
  }
1050
- function Pt(t) {
1050
+ function It(t) {
1051
1051
  if (!t) return 0;
1052
1052
  const e = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());
1053
1053
  if (!e) return null;
1054
1054
  const n = Number.parseFloat(e[1] ?? "");
1055
1055
  return Number.isFinite(n) && n >= 0 ? n : null;
1056
1056
  }
1057
- function wt(t) {
1058
- const e = K(t), n = [
1057
+ function xt(t) {
1058
+ const e = J(t), n = [
1059
1059
  e.borderTopLeftRadius,
1060
1060
  e.borderTopRightRadius,
1061
1061
  e.borderBottomRightRadius,
1062
1062
  e.borderBottomLeftRadius
1063
- ].map(Pt), o = n[0];
1063
+ ].map(It), o = n[0];
1064
1064
  if (o == null)
1065
1065
  return { radius: 0, supported: !1 };
1066
- const i = n.every(
1067
- (r) => r !== null && Math.abs(r - o) < 1e-3
1066
+ const r = n.every(
1067
+ (i) => i !== null && Math.abs(i - o) < 1e-3
1068
1068
  );
1069
- return { radius: i ? o : 0, supported: i };
1069
+ return { radius: r ? o : 0, supported: r };
1070
1070
  }
1071
- function Yn(t, e) {
1072
- var i;
1071
+ function Nn(t, e) {
1072
+ var r;
1073
1073
  if (!e) return null;
1074
- const n = (i = t.getAttribute(e)) == null ? void 0 : i.trim();
1074
+ const n = (r = t.getAttribute(e)) == null ? void 0 : r.trim();
1075
1075
  if (n == null || n === "") return null;
1076
1076
  const o = Number.parseFloat(n);
1077
1077
  return Number.isFinite(o) && o >= 0 ? o : null;
1078
1078
  }
1079
- function Ln(t) {
1080
- const e = K(t);
1079
+ function zn(t) {
1080
+ const e = J(t);
1081
1081
  return [
1082
1082
  e.paddingTop,
1083
1083
  e.paddingRight,
@@ -1087,10 +1087,10 @@ function Ln(t) {
1087
1087
  e.borderRightWidth,
1088
1088
  e.borderBottomWidth,
1089
1089
  e.borderLeftWidth
1090
- ].every((o) => o ? Pt(o) === 0 : !0);
1090
+ ].every((o) => o ? It(o) === 0 : !0);
1091
1091
  }
1092
- function Hn(t) {
1093
- const e = K(t), n = (o) => o === "hidden" || o === "clip";
1092
+ function Wn(t) {
1093
+ const e = J(t), n = (o) => o === "hidden" || o === "clip";
1094
1094
  return n(e.overflowX) && n(e.overflowY);
1095
1095
  }
1096
1096
  function D(t) {
@@ -1099,7 +1099,7 @@ function D(t) {
1099
1099
  function Y(t) {
1100
1100
  return t.top + t.height / 2;
1101
1101
  }
1102
- function G(t, e) {
1102
+ function q(t, e) {
1103
1103
  return {
1104
1104
  top: Math.max(0, e.top - t.top),
1105
1105
  right: Math.max(0, t.left + t.width - (e.left + e.width)),
@@ -1107,30 +1107,30 @@ function G(t, e) {
1107
1107
  left: Math.max(0, e.left - t.left)
1108
1108
  };
1109
1109
  }
1110
- function St(t, e) {
1111
- const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), i = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
1112
- return i > n && r > o ? { left: n, top: o, width: i - n, height: r - o } : null;
1110
+ function Ct(t, e) {
1111
+ const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), r = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height);
1112
+ return r > n && i > o ? { left: n, top: o, width: r - n, height: i - o } : null;
1113
1113
  }
1114
1114
  function U(t, e) {
1115
1115
  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;
1116
1116
  }
1117
- function Nn(t, e, n) {
1117
+ function Vn(t, e, n) {
1118
1118
  const o = t.width / t.height;
1119
- let i, r;
1120
- return n === "contain" ? o > e ? (r = t.height, i = r * e) : (i = t.width, r = i / e) : o > e ? (i = t.width, r = i / e) : (r = t.height, i = r * e), {
1121
- left: t.left + (t.width - i) / 2,
1122
- top: t.top + (t.height - r) / 2,
1123
- width: i,
1124
- height: r
1119
+ let r, i;
1120
+ return n === "contain" ? o > e ? (i = t.height, r = i * e) : (r = t.width, i = r / e) : o > e ? (r = t.width, i = r / e) : (i = t.height, r = i * e), {
1121
+ left: t.left + (t.width - r) / 2,
1122
+ top: t.top + (t.height - i) / 2,
1123
+ width: r,
1124
+ height: i
1125
1125
  };
1126
1126
  }
1127
- function ie(t, e, n) {
1128
- const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Nn(t, e, n) : t, i = n === "contain" ? o : t;
1127
+ function ae(t, e, n) {
1128
+ const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Vn(t, e, n) : t, r = n === "contain" ? o : t;
1129
1129
  return {
1130
1130
  bbox: t,
1131
1131
  content: o,
1132
- window: i,
1133
- clipInset: G(o, i),
1132
+ window: r,
1133
+ clipInset: q(o, r),
1134
1134
  aspectRatio: e,
1135
1135
  fit: n,
1136
1136
  radius: 0,
@@ -1141,168 +1141,186 @@ function ie(t, e, n) {
1141
1141
  mediaElement: null
1142
1142
  };
1143
1143
  }
1144
- function xt(t, e, n) {
1144
+ function Et(t, e, n) {
1145
1145
  return {
1146
- ...ie(t, null, null),
1146
+ ...ae(t, null, null),
1147
1147
  radius: e,
1148
1148
  radiusSource: n,
1149
1149
  bboxRadius: e,
1150
1150
  bboxRadiusSource: n
1151
1151
  };
1152
1152
  }
1153
- function re(t, e) {
1153
+ function ce(t, e) {
1154
1154
  const n = t.aspectRatio, o = e.aspectRatio;
1155
1155
  return t.contentAware && e.contentAware && n !== null && o !== null && Math.abs(n - o) / Math.max(n, o) < 0.01;
1156
1156
  }
1157
- function Bt(t) {
1158
- return xt(
1157
+ function Gt(t) {
1158
+ return Et(
1159
1159
  t.bbox,
1160
1160
  t.bboxRadius,
1161
1161
  t.bboxRadiusSource
1162
1162
  );
1163
1163
  }
1164
- function se(t, e) {
1165
- return re(t, e) ? [t, e] : [Bt(t), Bt(e)];
1166
- }
1167
- function zn(t, e, n, o) {
1168
- const i = oe(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? Fn(
1169
- t.getAttribute(o.legacyAspectRatioAttribute) ?? (i == null ? void 0 : i.getAttribute(o.legacyAspectRatioAttribute)) ?? null
1170
- ) : null, s = c ?? (i ? Tn(i) : null), l = i ? Dn(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Ln(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, p = ie(r, s, a), d = Hn(t), u = i !== null && i !== t && d ? St(p.window, e) : p.window, y = Yn(t, o.legacyRadiusAttribute), h = i === t || d, f = h ? wt(t) : { radius: 0, supported: !0 }, b = y ?? f.radius, g = y !== null ? "legacy" : f.supported ? f.radius > 0 ? "computed" : "none" : "unsupported", S = [];
1171
- u && h && U(u, e) && S.push(f), u && i && U(u, r) && S.push(wt(i));
1172
- const $ = S.every((E) => E.supported), v = Math.max(
1164
+ function le(t, e) {
1165
+ return ce(t, e) ? [t, e] : [Gt(t), Gt(e)];
1166
+ }
1167
+ function Xn(t, e, n, o) {
1168
+ const r = se(t), i = r ? n(r) : e, c = o.legacyAspectRatioAttribute ? Mn(
1169
+ t.getAttribute(o.legacyAspectRatioAttribute) ?? (r == null ? void 0 : r.getAttribute(o.legacyAspectRatioAttribute)) ?? null
1170
+ ) : null, s = c ?? (r ? Yn(r) : null), l = r ? Hn(r) : { fit: null, centered: !0 }, a = l.centered && (r === null || zn(r)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ae(i, s, a), p = Wn(t), u = r !== null && r !== t && p ? Ct(d.window, e) : d.window, m = Nn(t, o.legacyRadiusAttribute), h = r === t || p, y = h ? xt(t) : { radius: 0, supported: !0 }, b = m ?? y.radius, g = m !== null ? "legacy" : y.supported ? y.radius > 0 ? "computed" : "none" : "unsupported", S = [];
1171
+ u && h && U(u, e) && S.push(y), u && r && U(u, i) && S.push(xt(r));
1172
+ const $ = S.every((E) => E.supported), P = Math.max(
1173
1173
  0,
1174
1174
  ...S.map((E) => E.radius)
1175
- ), O = y ?? v, x = y !== null ? "legacy" : $ ? v > 0 ? "computed" : "none" : "unsupported";
1176
- return !u || x === "unsupported" ? xt(e, b, g) : {
1177
- ...p,
1175
+ ), R = m ?? P, x = m !== null ? "legacy" : $ ? P > 0 ? "computed" : "none" : "unsupported";
1176
+ return !u || x === "unsupported" ? Et(e, b, g) : {
1177
+ ...d,
1178
1178
  bbox: e,
1179
1179
  window: u,
1180
- clipInset: G(p.content, u),
1181
- radius: O,
1180
+ clipInset: q(d.content, u),
1181
+ radius: R,
1182
1182
  radiusSource: x,
1183
1183
  bboxRadius: b,
1184
1184
  bboxRadiusSource: g,
1185
- mediaElement: p.contentAware ? i : null
1185
+ mediaElement: d.contentAware ? r : null
1186
1186
  };
1187
1187
  }
1188
- function Ct(t, e, n, o) {
1189
- const i = zn(
1188
+ function $t(t, e, n, o) {
1189
+ const r = Xn(
1190
1190
  t,
1191
1191
  e,
1192
1192
  n,
1193
1193
  o
1194
1194
  );
1195
- if (!o.clipRoot || i.radiusSource === "unsupported")
1196
- return i;
1197
- let r = i.window, c = i.radius, s = [c, c, c, c], l = i.radiusSource, a = t.parentElement;
1195
+ if (!o.clipRoot || r.radiusSource === "unsupported")
1196
+ return r;
1197
+ let i = r.window, c = r.radius, s = [c, c, c, c], l = r.radiusSource, a = t.parentElement;
1198
1198
  for (; a && a !== o.clipRoot; ) {
1199
- const d = K(a), m = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = m(d.overflowX), y = m(d.overflowY);
1200
- if (u || y) {
1199
+ const p = J(a), f = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = f(p.overflowX), m = f(p.overflowY);
1200
+ if (u || m) {
1201
1201
  if (![
1202
- d.borderTopWidth,
1203
- d.borderRightWidth,
1204
- d.borderBottomWidth,
1205
- d.borderLeftWidth
1206
- ].every((x) => Pt(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
1207
- return i;
1208
- const f = n(a), b = {
1209
- left: u ? f.left : r.left,
1210
- top: y ? f.top : r.top,
1211
- width: u ? f.width : r.width,
1212
- height: y ? f.height : r.height
1213
- }, g = St(r, b);
1214
- if (!g) return i;
1215
- const S = wt(a);
1216
- if (!S.supported) return i;
1217
- if (u && y && U(r, f))
1202
+ p.borderTopWidth,
1203
+ p.borderRightWidth,
1204
+ p.borderBottomWidth,
1205
+ p.borderLeftWidth
1206
+ ].every((x) => It(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
1207
+ return r;
1208
+ const y = n(a), b = {
1209
+ left: u ? y.left : i.left,
1210
+ top: m ? y.top : i.top,
1211
+ width: u ? y.width : i.width,
1212
+ height: m ? y.height : i.height
1213
+ }, g = Ct(i, b);
1214
+ if (!g) return r;
1215
+ const S = xt(a);
1216
+ if (!S.supported) return r;
1217
+ if (u && m && U(i, y))
1218
1218
  l !== "legacy" && (c = Math.max(c, S.radius), s = s.map(
1219
1219
  (x) => Math.max(x, S.radius)
1220
1220
  ), c > 0 && (l = "computed"));
1221
1221
  else if (S.radius > 0) {
1222
1222
  const x = {
1223
- left: f.left + S.radius,
1224
- top: f.top + S.radius,
1225
- width: f.width - 2 * S.radius,
1226
- height: f.height - 2 * S.radius
1223
+ left: y.left + S.radius,
1224
+ top: y.top + S.radius,
1225
+ width: y.width - 2 * S.radius,
1226
+ height: y.height - 2 * S.radius
1227
1227
  };
1228
- if (!U(St(r, x) ?? f, r))
1229
- return i;
1228
+ if (!U(Ct(i, x) ?? y, i))
1229
+ return r;
1230
1230
  }
1231
- const $ = G(r, g), v = [
1231
+ const $ = q(i, g), P = [
1232
1232
  [$.top, $.left],
1233
1233
  [$.top, $.right],
1234
1234
  [$.bottom, $.right],
1235
1235
  [$.bottom, $.left]
1236
1236
  ];
1237
1237
  for (let x = 0; x < 4; x++) {
1238
- const E = Math.max(...v[x]), F = s[x];
1239
- if (E > 0.01 && E < F) return i;
1238
+ const E = Math.max(...P[x]), k = s[x];
1239
+ if (E > 0.01 && E < k) return r;
1240
1240
  E > 0.01 && (s[x] = 0);
1241
1241
  }
1242
- const O = Math.max(...s);
1243
- if (g.width < O || g.height < O)
1244
- return i;
1245
- r = g;
1242
+ const R = Math.max(...s);
1243
+ if (g.width < R || g.height < R)
1244
+ return r;
1245
+ i = g;
1246
1246
  }
1247
1247
  a = a.parentElement;
1248
1248
  }
1249
- const p = U(i.bbox, r);
1249
+ const d = U(r.bbox, i);
1250
1250
  return {
1251
- ...i,
1252
- window: r,
1253
- clipInset: G(i.content, r),
1251
+ ...r,
1252
+ window: i,
1253
+ clipInset: q(r.content, i),
1254
1254
  radius: c,
1255
1255
  radiusSource: l,
1256
- ...s.some((d) => d !== c) ? { cornerRadii: s } : {},
1257
- ...p ? { bboxRadius: c, bboxRadiusSource: l } : {}
1256
+ ...s.some((p) => p !== c) ? { cornerRadii: s } : {},
1257
+ ...d ? { bboxRadius: c, bboxRadiusSource: l } : {}
1258
1258
  };
1259
1259
  }
1260
- function ae(t, e, n, o, i) {
1261
- const r = n.width / o, c = n.height / i;
1260
+ function de(t, e, n, o, r) {
1261
+ const i = n.width / o, c = n.height / r;
1262
1262
  return {
1263
- left: D(t) + (D(n) - D(e)) / o - r / 2,
1264
- top: Y(t) + (Y(n) - Y(e)) / i - c / 2,
1265
- width: r,
1263
+ left: D(t) + (D(n) - D(e)) / o - i / 2,
1264
+ top: Y(t) + (Y(n) - Y(e)) / r - c / 2,
1265
+ width: i,
1266
1266
  height: c
1267
1267
  };
1268
1268
  }
1269
- const Wn = {
1269
+ const Bn = {
1270
1270
  enter: "contain",
1271
1271
  exit: "cover",
1272
1272
  legacy: "contain"
1273
1273
  };
1274
- function X(t) {
1275
- return Wn[t];
1274
+ function V(t) {
1275
+ return Bn[t];
1276
1276
  }
1277
- function q(t, e) {
1277
+ const Pt = "data-hero-enter-key", At = "data-hero-exit-key", Z = "data-hero-key";
1278
+ function K(t, e) {
1278
1279
  const n = e.map((o) => ({
1279
1280
  name: o,
1280
1281
  value: t.style.getPropertyValue(o),
1281
1282
  priority: t.style.getPropertyPriority(o)
1282
1283
  }));
1283
1284
  return () => {
1284
- for (const { name: o, value: i, priority: r } of n)
1285
- i ? t.style.setProperty(o, i, r) : t.style.removeProperty(o);
1285
+ for (const { name: o, value: r, priority: i } of n)
1286
+ r ? t.style.setProperty(o, r, i) : t.style.removeProperty(o);
1286
1287
  };
1287
1288
  }
1288
- function Xn(t) {
1289
+ const nt = /* @__PURE__ */ new WeakMap();
1290
+ function Un(t) {
1291
+ var e;
1292
+ return ((e = nt.get(t)) == null ? void 0 : e.opacity) ?? getComputedStyle(t).opacity;
1293
+ }
1294
+ function pt(t) {
1295
+ const e = nt.get(t) ?? {
1296
+ users: 0,
1297
+ opacity: getComputedStyle(t).opacity,
1298
+ restore: K(t, ["opacity"])
1299
+ };
1300
+ e.users++, nt.set(t, e), t.style.opacity = "0";
1301
+ let n = !1;
1302
+ return () => {
1303
+ n || (n = !0, !(--e.users > 0) && (e.restore(), nt.delete(t)));
1304
+ };
1305
+ }
1306
+ function Zn(t) {
1289
1307
  const e = t.getAttribute("data-hero-transitioning");
1290
1308
  return t.setAttribute("data-hero-transitioning", ""), () => {
1291
1309
  e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
1292
1310
  };
1293
1311
  }
1294
- function Vn(t, e) {
1295
- const n = q(t, ["z-index"]), o = q(e, ["z-index", "position"]);
1296
- return t.style.zIndex = T, e.style.zIndex = M, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
1312
+ function jn(t, e) {
1313
+ const n = K(t, ["z-index"]), o = K(e, ["z-index", "position"]);
1314
+ return t.style.zIndex = M, e.style.zIndex = T, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
1297
1315
  n(), o();
1298
1316
  };
1299
1317
  }
1300
- function Bn(t, e, n) {
1318
+ function Gn(t, e, n) {
1301
1319
  if (t.tagName !== "IMG") return () => {
1302
1320
  };
1303
- const o = getComputedStyle(t), i = (m) => Number.parseFloat(m) || 0, r = o.boxSizing === "border-box", c = i(o.width) + (r ? 0 : i(o.paddingLeft) + i(o.paddingRight) + i(o.borderLeftWidth) + i(o.borderRightWidth)), s = i(o.height) + (r ? 0 : i(o.paddingTop) + i(o.paddingBottom) + i(o.borderTopWidth) + i(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
1304
- let p = null;
1305
- o.position !== "absolute" && o.position !== "fixed" && (p = document.createElement("span"), p.setAttribute("data-hero-placeholder", ""), p.setAttribute("aria-hidden", "true"), Object.assign(p.style, {
1321
+ const o = getComputedStyle(t), r = (f) => Number.parseFloat(f) || 0, i = o.boxSizing === "border-box", c = r(o.width) + (i ? 0 : r(o.paddingLeft) + r(o.paddingRight) + r(o.borderLeftWidth) + r(o.borderRightWidth)), s = r(o.height) + (i ? 0 : r(o.paddingTop) + r(o.paddingBottom) + r(o.borderTopWidth) + r(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
1322
+ let d = null;
1323
+ o.position !== "absolute" && o.position !== "fixed" && (d = document.createElement("span"), d.setAttribute("data-hero-placeholder", ""), d.setAttribute("aria-hidden", "true"), Object.assign(d.style, {
1306
1324
  display: o.display === "inline" ? "inline-block" : o.display,
1307
1325
  boxSizing: "border-box",
1308
1326
  width: `${c}px`,
@@ -1315,8 +1333,8 @@ function Bn(t, e, n) {
1315
1333
  verticalAlign: o.verticalAlign,
1316
1334
  visibility: "hidden",
1317
1335
  pointerEvents: "none"
1318
- }), t.before(p));
1319
- const d = q(t, [
1336
+ }), t.before(d));
1337
+ const p = K(t, [
1320
1338
  "position",
1321
1339
  "left",
1322
1340
  "top",
@@ -1351,22 +1369,65 @@ function Bn(t, e, n) {
1351
1369
  margin: "0",
1352
1370
  flex: "none"
1353
1371
  }), () => {
1354
- d(), p == null || p.remove();
1372
+ p(), d == null || d.remove();
1355
1373
  };
1356
1374
  }
1357
- function vt(t, e, n) {
1358
- const o = (s, l) => `${l > 0 ? s / l * 100 : 0}%`, i = [
1375
+ function qn(t, e) {
1376
+ return t.fromEl.getAttribute(Pt) === t.key && t.toEl.getAttribute(At) === t.key ? !0 : e === "backward" && t.fromEl.getAttribute(Z) === t.key && t.toEl.getAttribute(Z) === t.key;
1377
+ }
1378
+ function Kn(t, e, n) {
1379
+ const o = t.cloneNode(!0), r = (i, c) => {
1380
+ const s = getComputedStyle(i), l = c.style;
1381
+ for (const a of Array.from(s))
1382
+ l.setProperty(a, s.getPropertyValue(a));
1383
+ for (const { name: a } of Array.from(c.attributes))
1384
+ (a === "id" || a.startsWith("data-hero-")) && c.removeAttribute(a);
1385
+ if (i.tagName === "IMG") {
1386
+ const a = i;
1387
+ a.currentSrc && (c.removeAttribute("srcset"), c.removeAttribute("sizes"), c.setAttribute("src", a.currentSrc)), c.setAttribute("loading", "eager");
1388
+ }
1389
+ l.animation = "none", l.transition = "none", Array.from(i.children).forEach((a, d) => {
1390
+ const p = c.children[d];
1391
+ p && r(a, p);
1392
+ });
1393
+ };
1394
+ return r(t, o), o.setAttribute("data-hero-layer", ""), o.setAttribute("aria-hidden", "true"), o.setAttribute("inert", ""), Object.assign(o.style, {
1395
+ position: "absolute",
1396
+ left: `${e.left}px`,
1397
+ top: `${e.top}px`,
1398
+ right: "auto",
1399
+ bottom: "auto",
1400
+ width: `${e.width}px`,
1401
+ height: `${e.height}px`,
1402
+ minWidth: "0",
1403
+ minHeight: "0",
1404
+ maxWidth: "none",
1405
+ maxHeight: "none",
1406
+ boxSizing: "border-box",
1407
+ margin: "0",
1408
+ transformOrigin: "center center",
1409
+ translate: "none",
1410
+ rotate: "none",
1411
+ scale: "none",
1412
+ // Both real pages have explicit stacking contexts at or below this tier.
1413
+ zIndex: String(Number(T) + 1),
1414
+ willChange: "transform, clip-path",
1415
+ pointerEvents: "none",
1416
+ opacity: Un(t)
1417
+ }), n && (o.style.borderRadius = "0"), o;
1418
+ }
1419
+ function _t(t, e, n) {
1420
+ const o = (s, l) => `${l > 0 ? s / l * 100 : 0}%`, r = [
1359
1421
  o(e.top, t.height),
1360
1422
  o(e.right, t.width),
1361
1423
  o(e.bottom, t.height),
1362
1424
  o(e.left, t.width)
1363
- ].join(" "), r = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
1364
- return `inset(${i} round ${r} / ${c})`;
1425
+ ].join(" "), i = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
1426
+ return `inset(${r} round ${i} / ${c})`;
1365
1427
  }
1366
- const Ut = "data-hero-enter-key", Zt = "data-hero-exit-key", lt = "data-hero-key";
1367
- class Un {
1428
+ class Jn {
1368
1429
  constructor() {
1369
- R(this, "previousFromOpacity", "");
1430
+ I(this, "previousFromOpacity", "");
1370
1431
  }
1371
1432
  prepare(e) {
1372
1433
  e.from.then((n) => {
@@ -1379,82 +1440,82 @@ class Un {
1379
1440
  }), {};
1380
1441
  }
1381
1442
  }
1382
- const Zn = () => new Un();
1383
- function jn(t, e) {
1443
+ const Qn = () => new Jn();
1444
+ function to(t, e) {
1384
1445
  const n = new Set(e), o = /* @__PURE__ */ new Set();
1385
1446
  for (const c of n) {
1386
1447
  let s = c.parentElement;
1387
1448
  for (; s && s !== t; )
1388
1449
  o.add(s), s = s.parentElement;
1389
1450
  }
1390
- const i = [], r = (c) => {
1451
+ const r = [], i = (c) => {
1391
1452
  var s;
1392
1453
  if (!(n.has(c) || ((s = c.getAttribute) == null ? void 0 : s.call(c, "data-hero-placeholder")) != null)) {
1393
1454
  if (c !== t && !o.has(c)) {
1394
- i.push(c);
1455
+ r.push(c);
1395
1456
  return;
1396
1457
  }
1397
1458
  for (const l of Array.from(c.children))
1398
- l instanceof HTMLElement && r(l);
1459
+ l instanceof HTMLElement && i(l);
1399
1460
  }
1400
1461
  };
1401
- return r(t), i;
1462
+ return i(t), r;
1402
1463
  }
1403
- class Gn {
1464
+ class eo {
1404
1465
  contribute(e) {
1405
- const { from: n, to: o, resolved: i, physics: r, onComplete: c } = e, s = i.pairs.map(
1406
- (u) => oe(u.toEl) ?? u.toEl
1407
- ), l = (s.length ? jn(o, s) : [o]).map((u) => ({
1466
+ const { from: n, to: o, resolved: r, physics: i, onComplete: c } = e, s = r.pairs.map(
1467
+ (u) => se(u.toEl) ?? u.toEl
1468
+ ), l = (s.length ? to(o, s) : [o]).map((u) => ({
1408
1469
  element: u,
1409
1470
  opacity: u.style.opacity,
1410
1471
  willChange: u.style.willChange,
1411
1472
  targetOpacity: Number.parseFloat(getComputedStyle(u).opacity) || 0
1412
1473
  })), a = /* @__PURE__ */ new Set();
1413
1474
  for (const u of s)
1414
- for (let y = u.parentElement; y && (a.add(y), y !== o); y = y.parentElement)
1475
+ for (let m = u.parentElement; m && (a.add(m), m !== o); m = m.parentElement)
1415
1476
  ;
1416
- const p = Array.from(a).map((u) => ({
1477
+ const d = Array.from(a).map((u) => ({
1417
1478
  element: u,
1418
1479
  color: getComputedStyle(u).backgroundColor,
1419
1480
  previousColor: u.style.backgroundColor
1420
1481
  })).filter(
1421
1482
  ({ color: u }) => u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)"
1422
- ), d = n.style.opacity, m = n.style.willChange;
1483
+ ), p = n.style.opacity, f = n.style.willChange;
1423
1484
  n.style.willChange = "opacity";
1424
1485
  for (const { element: u } of l)
1425
1486
  u.style.opacity = "0", u.style.willChange = "opacity";
1426
- for (const { element: u } of p)
1487
+ for (const { element: u } of d)
1427
1488
  u.style.backgroundColor = "transparent";
1428
1489
  return c(() => {
1429
- n.style.opacity = d, n.style.willChange = m;
1430
- for (const { element: u, opacity: y, willChange: h } of l)
1431
- u.style.opacity = y, u.style.willChange = h;
1432
- for (const { element: u, previousColor: y } of p)
1433
- u.style.backgroundColor = y;
1490
+ n.style.opacity = p, n.style.willChange = f;
1491
+ for (const { element: u, opacity: m, willChange: h } of l)
1492
+ u.style.opacity = m, u.style.willChange = h;
1493
+ for (const { element: u, previousColor: m } of d)
1494
+ u.style.backgroundColor = m;
1434
1495
  }), {
1435
1496
  out: [
1436
1497
  new w({
1437
1498
  element: n,
1438
- integrator: C.from(r),
1439
- style: (u, y) => ({ opacity: y })
1499
+ integrator: C.from(i),
1500
+ style: (u, m) => ({ opacity: m })
1440
1501
  })
1441
1502
  ],
1442
1503
  in: [
1443
1504
  ...l.map(
1444
- ({ element: u, targetOpacity: y }) => new w({
1505
+ ({ element: u, targetOpacity: m }) => new w({
1445
1506
  element: u,
1446
- integrator: C.from(r),
1507
+ integrator: C.from(i),
1447
1508
  style: (h) => ({
1448
- opacity: Math.min(1, Math.max(0, h)) * y
1509
+ opacity: Math.min(1, Math.max(0, h)) * m
1449
1510
  })
1450
1511
  })
1451
1512
  ),
1452
- ...p.map(
1453
- ({ element: u, color: y }) => new w({
1513
+ ...d.map(
1514
+ ({ element: u, color: m }) => new w({
1454
1515
  element: u,
1455
- integrator: C.from(r),
1516
+ integrator: C.from(i),
1456
1517
  style: (h) => ({
1457
- backgroundColor: `color-mix(in srgb, ${y} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
1518
+ backgroundColor: `color-mix(in srgb, ${m} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
1458
1519
  })
1459
1520
  })
1460
1521
  )
@@ -1462,19 +1523,19 @@ class Gn {
1462
1523
  };
1463
1524
  }
1464
1525
  }
1465
- const qn = () => new Gn(), Kn = {
1466
- static: Zn,
1467
- fade: qn
1468
- }, Jn = {
1526
+ const no = () => new eo(), oo = {
1527
+ static: Qn,
1528
+ fade: no
1529
+ }, ro = {
1469
1530
  spring: { stiffness: 320, damping: 30 }
1470
- }, Qn = () => Jn, to = {
1531
+ }, io = () => ro, so = {
1471
1532
  spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
1472
- }, eo = () => to, no = {
1473
- default: Qn,
1474
- smooth: eo
1475
- }, oo = 700, io = "data-hero-aspect-ratio", ro = "data-hero-radius";
1476
- function jt(t, e, n, o) {
1477
- const i = (c) => {
1533
+ }, ao = () => so, co = {
1534
+ default: io,
1535
+ smooth: ao
1536
+ }, lo = 700, po = "data-hero-aspect-ratio", uo = "data-hero-radius";
1537
+ function qt(t, e, n, o) {
1538
+ const r = (c) => {
1478
1539
  const s = L(t, c);
1479
1540
  return {
1480
1541
  left: s.left + t.scrollLeft,
@@ -1482,150 +1543,170 @@ function jt(t, e, n, o) {
1482
1543
  width: s.width,
1483
1544
  height: s.height
1484
1545
  };
1485
- }, r = i(e);
1486
- return Ct(e, r, i, {
1546
+ }, i = r(e);
1547
+ return $t(e, i, r, {
1487
1548
  clipRoot: o,
1488
1549
  fallbackFit: n,
1489
- legacyAspectRatioAttribute: io,
1490
- legacyRadiusAttribute: ro
1550
+ legacyAspectRatioAttribute: po,
1551
+ legacyRadiusAttribute: uo
1491
1552
  });
1492
1553
  }
1493
- function Q(t, e) {
1554
+ function tt(t, e) {
1494
1555
  const n = /* @__PURE__ */ new Map(), o = t.querySelectorAll(`[${e}]`);
1495
- for (const i of Array.from(o)) {
1496
- const r = i.getAttribute(e);
1497
- r && (n.has(r) || n.set(r, i));
1556
+ for (const r of Array.from(o)) {
1557
+ const i = r.getAttribute(e);
1558
+ i && (n.has(i) || n.set(i, r));
1498
1559
  }
1499
1560
  return n;
1500
1561
  }
1501
- function so(t, e) {
1502
- const n = [], o = Q(e, Ut), i = Q(t, Zt);
1562
+ function fo(t, e) {
1563
+ const n = [], o = tt(e, Pt), r = tt(t, At);
1503
1564
  for (const [s, l] of o) {
1504
- const a = i.get(s);
1565
+ const a = r.get(s);
1505
1566
  a && n.push({
1506
1567
  key: s,
1507
1568
  fromEl: a,
1508
1569
  toEl: l,
1509
- fromFit: X("exit"),
1510
- toFit: X("enter")
1570
+ fromFit: V("exit"),
1571
+ toFit: V("enter")
1511
1572
  });
1512
1573
  }
1513
- const r = Q(t, Ut), c = Q(e, Zt);
1514
- for (const [s, l] of r) {
1574
+ const i = tt(t, Pt), c = tt(e, At);
1575
+ for (const [s, l] of i) {
1515
1576
  const a = c.get(s);
1516
1577
  a && n.push({
1517
1578
  key: s,
1518
1579
  fromEl: l,
1519
1580
  toEl: a,
1520
- fromFit: X("enter"),
1521
- toFit: X("exit")
1581
+ fromFit: V("enter"),
1582
+ toFit: V("exit")
1522
1583
  });
1523
1584
  }
1524
1585
  return n;
1525
1586
  }
1526
- function ao(t, e) {
1587
+ function ho(t, e) {
1527
1588
  const n = [], o = Array.from(
1528
- e.querySelectorAll(`[${lt}]`)
1589
+ e.querySelectorAll(`[${Z}]`)
1529
1590
  );
1530
- for (const i of o) {
1531
- const r = i.getAttribute(lt);
1532
- if (!r) continue;
1591
+ for (const r of o) {
1592
+ const i = r.getAttribute(Z);
1593
+ if (!i) continue;
1533
1594
  const c = t.querySelector(
1534
- `[${lt}="${r}"]`
1595
+ `[${Z}="${i}"]`
1535
1596
  );
1536
1597
  c && n.push({
1537
- key: r,
1598
+ key: i,
1538
1599
  fromEl: c,
1539
- toEl: i,
1540
- fromFit: X("legacy"),
1541
- toFit: X("legacy")
1600
+ toEl: r,
1601
+ fromFit: V("legacy"),
1602
+ toFit: V("legacy")
1542
1603
  });
1543
1604
  }
1544
1605
  return n;
1545
1606
  }
1546
- function co(t, e) {
1547
- const n = so(t, e);
1548
- return n.length > 0 ? n : ao(t, e);
1607
+ function yo(t, e) {
1608
+ const n = fo(t, e);
1609
+ return n.length > 0 ? n : ho(t, e);
1549
1610
  }
1550
- function lo(t, e) {
1551
- return se(t, e);
1611
+ function mo(t, e) {
1612
+ return le(t, e);
1552
1613
  }
1553
- function po(t, e) {
1614
+ function go(t, e) {
1554
1615
  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";
1555
1616
  }
1556
- function uo(t, e, n, o, i) {
1557
- const { fromEl: r, toEl: c } = e, [s, l] = lo(
1558
- jt(t, r, e.fromFit, o),
1559
- jt(t, c, e.toFit, i)
1560
- ), a = s.content, p = s.window, d = l.content, m = l.window, u = l.clipInset, y = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = y ? 0 : s.radius, f = y ? 0 : l.radius;
1561
- if (a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0 || d.width === 0 || d.height === 0 || m.width === 0 || m.height === 0)
1617
+ function bo(t, e, n, o, r) {
1618
+ const { fromEl: i, toEl: c } = e, [s, l] = mo(
1619
+ qt(t, i, e.fromFit, o),
1620
+ qt(t, c, e.toFit, r)
1621
+ ), a = s.content, d = s.window, p = l.content, f = l.window, u = l.clipInset, m = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = m ? 0 : s.radius, y = m ? 0 : l.radius;
1622
+ if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || f.width === 0 || f.height === 0)
1562
1623
  return null;
1563
1624
  const b = Math.max(
1564
- a.width / d.width,
1565
- a.height / d.height
1566
- ), g = D(a), S = Y(a), $ = D(d), v = Y(d), O = g - $, x = S - v;
1625
+ a.width / p.width,
1626
+ a.height / p.height
1627
+ ), g = D(a), S = Y(a), $ = D(p), P = Y(p), R = g - $, x = S - P;
1567
1628
  if (Math.abs(x) > n) return null;
1568
- const E = G(
1569
- d,
1570
- ae(d, a, p, b, b)
1629
+ const E = q(
1630
+ p,
1631
+ de(p, a, d, b, b)
1571
1632
  );
1572
1633
  return {
1573
- toContent: d,
1574
- fromVisualEl: s.mediaElement ?? r,
1634
+ toContent: p,
1635
+ fromVisualEl: s.mediaElement ?? i,
1575
1636
  toVisualEl: l.mediaElement ?? c,
1576
- resetRadius: po(s, l),
1577
- styleFor: (F, k, A) => {
1578
- const V = (k * O + (A ? $ - D(A.box) : 0)) / ((A == null ? void 0 : A.scaleX) ?? 1), N = (k * x + (A ? v - Y(A.box) : 0)) / ((A == null ? void 0 : A.scaleY) ?? 1), z = F + k * b, fe = s.cornerRadii ?? [
1637
+ resetRadius: go(s, l),
1638
+ styleFor: (k, F, v) => {
1639
+ const X = (F * R + (v ? $ - D(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), N = (F * x + (v ? P - Y(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), z = k + F * b, me = s.cornerRadii ?? [
1579
1640
  h,
1580
1641
  h,
1581
1642
  h,
1582
1643
  h
1583
- ], he = l.cornerRadii ?? [
1584
- f,
1585
- f,
1586
- f,
1587
- f
1588
- ], ye = fe.map((Se, xe) => {
1589
- const At = Math.max(0, Se * k + he[xe] * F) / Math.max(Math.abs(z), 1e-6);
1590
- return { x: At, y: At };
1591
- }), me = E.top * k + u.top * F, ge = E.right * k + u.right * F, be = E.bottom * k + u.bottom * F, we = E.left * k + u.left * F;
1644
+ ], ge = l.cornerRadii ?? [
1645
+ y,
1646
+ y,
1647
+ y,
1648
+ y
1649
+ ], be = me.map((Ee, $e) => {
1650
+ const Ot = Math.max(0, Ee * F + ge[$e] * k) / Math.max(Math.abs(z), 1e-6);
1651
+ return { x: Ot, y: Ot };
1652
+ }), we = E.top * F + u.top * k, Se = E.right * F + u.right * k, xe = E.bottom * F + u.bottom * k, Ce = E.left * F + u.left * k;
1592
1653
  return {
1593
- transform: A ? `translate(${V}px, ${N}px) scale(${z * d.width / A.box.width}, ${z * d.height / A.box.height})` : `translate(${V}px, ${N}px) scale(${z})`,
1594
- clipPath: vt(
1595
- d,
1654
+ transform: v ? `translate(${X}px, ${N}px) scale(${z * p.width / v.box.width}, ${z * p.height / v.box.height})` : `translate(${X}px, ${N}px) scale(${z})`,
1655
+ clipPath: _t(
1656
+ p,
1596
1657
  {
1597
- top: me,
1598
- right: ge,
1599
- bottom: be,
1600
- left: we
1658
+ top: we,
1659
+ right: Se,
1660
+ bottom: xe,
1661
+ left: Ce
1601
1662
  },
1602
- ye
1663
+ be
1603
1664
  )
1604
1665
  };
1605
1666
  }
1606
1667
  };
1607
1668
  }
1608
- function fo(t, e) {
1669
+ function Kt(t, e) {
1609
1670
  t.style.transform = e.transform, t.style.clipPath = e.clipPath;
1610
1671
  }
1611
- class ho {
1672
+ class wo {
1612
1673
  contribute(e) {
1613
- const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onComplete: c } = e;
1614
- c(Vn(e.from, e.to));
1674
+ const { resolved: n, physics: o, positionedParent: r, maxDistance: i, onComplete: c } = e;
1675
+ c(jn(e.from, e.to));
1615
1676
  const s = n.pairs.flatMap((a) => {
1616
- const p = uo(
1617
- i,
1618
- a,
1677
+ const d = bo(
1619
1678
  r,
1679
+ a,
1680
+ i,
1620
1681
  e.from,
1621
1682
  e.to
1622
1683
  );
1623
- return p ? [{ pair: a, plan: p }] : [];
1684
+ return d ? [{ pair: a, plan: d }] : [];
1624
1685
  });
1625
1686
  e.resolved = { pairs: s.map(({ pair: a }) => a) };
1626
1687
  const l = [];
1627
- for (const { plan: a } of s) {
1628
- const { fromVisualEl: p, toVisualEl: d } = a, m = Xn(d), u = q(p, ["opacity"]), y = q(d, [
1688
+ for (const { pair: a, plan: d } of s) {
1689
+ const { fromVisualEl: p, toVisualEl: f } = d;
1690
+ if (qn(a, e.direction)) {
1691
+ const $ = Kn(
1692
+ f,
1693
+ d.toContent,
1694
+ d.resetRadius
1695
+ );
1696
+ Kt($, d.styleFor(0, 1)), r.appendChild($);
1697
+ const P = pt(p), R = pt(f);
1698
+ c(() => {
1699
+ $.remove(), P(), R();
1700
+ }), l.push(
1701
+ new w({
1702
+ element: $,
1703
+ integrator: C.from(o),
1704
+ style: (x, E) => d.styleFor(x, E)
1705
+ })
1706
+ );
1707
+ continue;
1708
+ }
1709
+ const u = Zn(f), m = pt(p), h = K(f, [
1629
1710
  "transform",
1630
1711
  "transform-origin",
1631
1712
  "clip-path",
@@ -1633,120 +1714,121 @@ class ho {
1633
1714
  "border-radius",
1634
1715
  "will-change"
1635
1716
  ]);
1636
- d.style.transform = "none", d.style.transformOrigin = "center center", d.style.willChange = "transform, clip-path", a.resetRadius && (d.style.borderRadius = "0");
1637
- const h = Bn(
1638
- d,
1639
- a.toContent,
1640
- L(i, d)
1641
- ), f = L(i, d), b = {
1717
+ f.style.transform = "none", f.style.transformOrigin = "center center", f.style.willChange = "transform, clip-path", d.resetRadius && (f.style.borderRadius = "0");
1718
+ const y = Gn(
1719
+ f,
1720
+ d.toContent,
1721
+ L(r, f)
1722
+ ), b = L(r, f), g = {
1642
1723
  box: {
1643
- left: f.left + i.scrollLeft,
1644
- top: f.top + i.scrollTop,
1645
- width: f.width,
1646
- height: f.height
1724
+ left: b.left + r.scrollLeft,
1725
+ top: b.top + r.scrollTop,
1726
+ width: b.width,
1727
+ height: b.height
1647
1728
  },
1648
- scaleX: d.offsetWidth && Math.abs(f.width - d.offsetWidth) > 0.5 ? f.width / d.offsetWidth : 1,
1649
- scaleY: d.offsetHeight && Math.abs(f.height - d.offsetHeight) > 0.5 ? f.height / d.offsetHeight : 1
1650
- }, g = (S, $) => a.styleFor(S, $, b);
1651
- fo(d, g(0, 1)), p.style.opacity = "0", c(() => {
1652
- h(), y(), u(), m();
1729
+ scaleX: f.offsetWidth && Math.abs(b.width - f.offsetWidth) > 0.5 ? b.width / f.offsetWidth : 1,
1730
+ scaleY: f.offsetHeight && Math.abs(b.height - f.offsetHeight) > 0.5 ? b.height / f.offsetHeight : 1
1731
+ }, S = ($, P) => d.styleFor($, P, g);
1732
+ Kt(f, S(0, 1)), c(() => {
1733
+ y(), h(), m(), u();
1653
1734
  }), l.push(
1654
1735
  new w({
1655
- element: d,
1736
+ element: f,
1656
1737
  integrator: C.from(o),
1657
- style: g
1738
+ style: S
1658
1739
  })
1659
1740
  );
1660
1741
  }
1661
1742
  return { shared: l };
1662
1743
  }
1663
1744
  }
1664
- function yo(t) {
1665
- return [new ho(), Kn[t.type]()];
1745
+ function So(t) {
1746
+ return [new wo(), oo[t.type]()];
1666
1747
  }
1667
- const mo = (t) => {
1668
- const e = no[t.variant](), n = oo, o = {
1669
- prepare: (i) => {
1748
+ const xo = (t) => {
1749
+ const e = co[t.variant](), n = lo, o = {
1750
+ prepare: (r) => {
1670
1751
  var l;
1671
- const r = yo(t), c = Promise.all([
1672
- i.from,
1673
- i.to
1674
- ]).then(([a, p]) => ({ pairs: co(a, p) })), s = {
1675
- from: i.from,
1676
- to: i.to,
1752
+ const i = So(t), c = Promise.all([
1753
+ r.from,
1754
+ r.to
1755
+ ]).then(([a, d]) => ({ pairs: yo(a, d) })), s = {
1756
+ from: r.from,
1757
+ to: r.to,
1677
1758
  resolved: c
1678
1759
  };
1679
- for (const a of r)
1760
+ for (const a of i)
1680
1761
  (l = a.prepare) == null || l.call(a, s);
1681
- return c.then((a) => ({ resolved: a, strategies: r }));
1762
+ return c.then((a) => ({ resolved: a, strategies: i }));
1682
1763
  },
1683
- animation: ({ from: i, to: r, context: c, resolved: s, strategies: l }) => {
1764
+ animation: ({ from: r, to: i, context: c, resolved: s, strategies: l }) => {
1684
1765
  var h;
1685
1766
  if (s.pairs.length === 0)
1686
- return Z({ shared: [], out: [], in: [] });
1687
- const a = [], p = (f) => {
1688
- a.push(f);
1689
- }, d = {
1690
- from: i,
1691
- to: r,
1767
+ return j({ shared: [], out: [], in: [] });
1768
+ const a = [], d = (y) => {
1769
+ a.push(y);
1770
+ }, p = {
1771
+ direction: c.direction,
1772
+ from: r,
1773
+ to: i,
1692
1774
  resolved: s,
1693
1775
  physics: e,
1694
1776
  positionedParent: c.positionedParent,
1695
1777
  maxDistance: n,
1696
- onComplete: p
1697
- }, m = {
1778
+ onComplete: d
1779
+ }, f = {
1698
1780
  shared: [],
1699
1781
  out: [],
1700
1782
  in: []
1701
1783
  };
1702
- for (const f of l) {
1703
- const b = (h = f.contribute) == null ? void 0 : h.call(f, d);
1784
+ for (const y of l) {
1785
+ const b = (h = y.contribute) == null ? void 0 : h.call(y, p);
1704
1786
  if (b)
1705
- for (const g of Object.keys(m))
1706
- m[g].push(...b[g] ?? []);
1787
+ for (const g of Object.keys(f))
1788
+ f[g].push(...b[g] ?? []);
1707
1789
  }
1708
- const u = Z(m), y = u.onComplete;
1790
+ const u = j(f), m = u.onComplete;
1709
1791
  return u.onComplete = () => {
1710
- y == null || y();
1711
- for (const f of Object.values(m).flat())
1712
- f instanceof w && f.releaseFill();
1713
- for (const f of a)
1792
+ m == null || m();
1793
+ for (const y of Object.values(f).flat())
1794
+ y instanceof w && y.releaseFill();
1795
+ for (const y of a)
1714
1796
  try {
1715
- f();
1797
+ y();
1716
1798
  } catch (b) {
1717
1799
  console.error("[hero] cleanup error", b);
1718
1800
  }
1719
1801
  }, u;
1720
1802
  }
1721
1803
  };
1722
- return I({
1804
+ return _({
1723
1805
  forward: o,
1724
1806
  backward: o
1725
1807
  });
1726
1808
  };
1727
- function Mi(t = {}, e = {}) {
1809
+ function Nr(t = {}, e = {}) {
1728
1810
  const n = t.type ?? "static", o = t.variant ?? "default";
1729
- return _(mo({ type: n, variant: o }), e.override);
1811
+ return O(xo({ type: n, variant: o }), e.override);
1730
1812
  }
1731
- const go = {
1813
+ const Co = {
1732
1814
  spring: { stiffness: 50, damping: 30 }
1733
- }, bo = {
1815
+ }, Eo = {
1734
1816
  spring: { stiffness: 80, damping: 25 }
1735
- }, wo = (t = {}) => {
1736
- const e = t.physics ?? go, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
1817
+ }, $o = (t = {}) => {
1818
+ const e = t.physics ?? Co, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, r = t.rotationTriggerPoint ?? 0.8, i = {
1737
1819
  prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
1738
1820
  a.style.opacity = "1";
1739
1821
  }), s.then((a) => {
1740
- const p = H(l, "to"), d = Math.min(p.width, p.height) * 0.4;
1741
- a.style.setProperty("--max-border-radius", `${d}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
1742
- const m = p.left + p.width / 2, u = p.top + p.height / 2;
1743
- a.style.transformOrigin = `${m}px ${u}px`, a.style.position = "fixed", a.style.top = `${p.top}px`, a.style.left = `${p.left}px`, a.style.width = `${p.width}px`, a.style.height = `${p.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
1822
+ const d = H(l, "to"), p = Math.min(d.width, d.height) * 0.4;
1823
+ a.style.setProperty("--max-border-radius", `${p}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
1824
+ const f = d.left + d.width / 2, u = d.top + d.height / 2;
1825
+ a.style.transformOrigin = `${f}px ${u}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
1744
1826
  }), {}),
1745
1827
  animation: ({ from: c, to: s }) => {
1746
1828
  const l = new w({
1747
1829
  element: c,
1748
- integrator: C.from(bo),
1749
- style: (p, d) => ({ opacity: d }),
1830
+ integrator: C.from(Eo),
1831
+ style: (d, p) => ({ opacity: p }),
1750
1832
  // The outgoing node is reused (re-hidden, shown again on the next
1751
1833
  // navigation), so reset every inline style we wrote to it — mirroring
1752
1834
  // the "to" cleanup below. prepare sets opacity and the out style fades
@@ -1757,63 +1839,63 @@ const go = {
1757
1839
  }), a = new w({
1758
1840
  element: s,
1759
1841
  integrator: C.from(e),
1760
- style: (p) => {
1761
- let d;
1762
- if (p <= 0.05)
1763
- d = o;
1764
- else if (p <= i) {
1765
- const h = (p - 0.05) / (i - 0.05), f = Math.pow(h, 9);
1766
- d = o + (0.8 - o) * f;
1842
+ style: (d) => {
1843
+ let p;
1844
+ if (d <= 0.05)
1845
+ p = o;
1846
+ else if (d <= r) {
1847
+ const h = (d - 0.05) / (r - 0.05), y = Math.pow(h, 9);
1848
+ p = o + (0.8 - o) * y;
1767
1849
  } else {
1768
- const h = (p - i) / (1 - i);
1769
- d = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
1850
+ const h = (d - r) / (1 - r);
1851
+ p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
1770
1852
  }
1771
- const m = 0.7;
1853
+ const f = 0.7;
1772
1854
  let u;
1773
- if (p <= m)
1855
+ if (d <= f)
1774
1856
  u = n;
1775
1857
  else {
1776
- const h = (p - m) / (1 - m), f = 1 - Math.pow(1 - h, 2);
1777
- u = n * (1 - f);
1858
+ const h = (d - f) / (1 - f), y = 1 - Math.pow(1 - h, 2);
1859
+ u = n * (1 - y);
1778
1860
  }
1779
- let y;
1780
- if (p <= m)
1781
- y = 1;
1861
+ let m;
1862
+ if (d <= f)
1863
+ m = 1;
1782
1864
  else {
1783
- const h = (p - m) / (1 - m);
1784
- y = 1 - Math.pow(h, 0.5);
1865
+ const h = (d - f) / (1 - f);
1866
+ m = 1 - Math.pow(h, 0.5);
1785
1867
  }
1786
1868
  return {
1787
- transform: `rotate(${u.toFixed(2)}deg) scale(${d.toFixed(4)}) translateZ(0)`,
1788
- "--border-radius-scale": y.toFixed(4)
1869
+ transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
1870
+ "--border-radius-scale": m.toFixed(4)
1789
1871
  };
1790
1872
  },
1791
1873
  onComplete: () => {
1792
1874
  s.style.willChange = "", s.style.backfaceVisibility = "", s.style.removeProperty("--max-border-radius"), s.style.removeProperty("--border-radius-scale"), s.style.transform = "", s.style.transformOrigin = "", s.style.position = "", s.style.zIndex = "", s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
1793
1875
  }
1794
1876
  });
1795
- return new P(
1877
+ return new A(
1796
1878
  { out: l, in: a },
1797
1879
  { mode: "parallel" }
1798
1880
  );
1799
1881
  }
1800
1882
  };
1801
- return I({ forward: r, backward: r });
1883
+ return _({ forward: i, backward: i });
1802
1884
  };
1803
- function Di(t = {}, e = {}) {
1804
- return _(wo(), e.override);
1885
+ function zr(t = {}, e = {}) {
1886
+ return O($o(), e.override);
1805
1887
  }
1806
- const So = {
1888
+ const Po = {
1807
1889
  spring: { stiffness: 100, damping: 30 }
1808
- }, xo = (t = {}) => {
1809
- const e = t.physics ?? So, n = {
1810
- prepare: ({ from: o, to: i }) => (o.then((r) => {
1811
- r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
1812
- }), i.then((r) => {
1813
- r.style.opacity = "0", r.style.transform = "rotate(-180deg)", r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
1890
+ }, Ao = (t = {}) => {
1891
+ const e = t.physics ?? Po, n = {
1892
+ prepare: ({ from: o, to: r }) => (o.then((i) => {
1893
+ i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
1894
+ }), r.then((i) => {
1895
+ i.style.opacity = "0", i.style.transform = "rotate(-180deg)", i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
1814
1896
  }), {}),
1815
- animation: ({ from: o, to: i }) => {
1816
- const r = new w({
1897
+ animation: ({ from: o, to: r }) => {
1898
+ const i = new w({
1817
1899
  element: o,
1818
1900
  integrator: C.from(e),
1819
1901
  style: (s) => ({
@@ -1827,7 +1909,7 @@ const So = {
1827
1909
  o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
1828
1910
  }
1829
1911
  }), c = new w({
1830
- element: i,
1912
+ element: r,
1831
1913
  integrator: C.from(e),
1832
1914
  // u runs 1→0, so -u*180 unwinds -180→0.
1833
1915
  style: (s, l) => ({
@@ -1835,21 +1917,21 @@ const So = {
1835
1917
  opacity: s > 0.5 ? 1 : 0
1836
1918
  }),
1837
1919
  onComplete: () => {
1838
- i.style.willChange = "auto", i.style.transform = "", i.style.transformOrigin = "", i.style.opacity = "";
1920
+ r.style.willChange = "auto", r.style.transform = "", r.style.transformOrigin = "", r.style.opacity = "";
1839
1921
  }
1840
1922
  });
1841
- return new P(
1842
- { out: r, in: c },
1923
+ return new A(
1924
+ { out: i, in: c },
1843
1925
  { mode: "parallel" }
1844
1926
  );
1845
1927
  }
1846
1928
  };
1847
- return I({ forward: n, backward: n });
1929
+ return _({ forward: n, backward: n });
1848
1930
  };
1849
- function Yi(t = {}, e = {}) {
1850
- return _(xo(), e.override);
1931
+ function Wr(t = {}, e = {}) {
1932
+ return O(Ao(), e.override);
1851
1933
  }
1852
- const Co = {
1934
+ const vo = {
1853
1935
  spring: {
1854
1936
  stiffness: 20,
1855
1937
  damping: 8,
@@ -1857,20 +1939,20 @@ const Co = {
1857
1939
  restDelta: 1e-3,
1858
1940
  restSpeed: 1e-3
1859
1941
  }
1860
- }, Eo = (t = {}) => {
1861
- const e = t.physics ?? Co, n = t.directional ?? !0, o = (i) => {
1862
- const r = !n || i === "forward", c = r ? T : M, s = r ? M : T;
1942
+ }, Ro = (t = {}) => {
1943
+ const e = t.physics ?? vo, n = t.directional ?? !0, o = (r) => {
1944
+ const i = !n || r === "forward", c = i ? M : T, s = i ? T : M;
1863
1945
  return {
1864
- prepare: ({ from: l, to: a }) => (l.then((p) => {
1865
- p.style.zIndex = c, p.style.willChange = "transform", p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", p.style.pointerEvents = "none";
1866
- }), a.then((p) => {
1867
- p.style.willChange = "transform", p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", p.style.position = "relative", p.style.zIndex = s;
1946
+ prepare: ({ from: l, to: a }) => (l.then((d) => {
1947
+ d.style.zIndex = c, d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.pointerEvents = "none";
1948
+ }), a.then((d) => {
1949
+ d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.position = "relative", d.style.zIndex = s;
1868
1950
  }), {}),
1869
1951
  animation: ({ from: l, to: a }) => {
1870
- const p = l.offsetHeight, d = a.offsetHeight, m = window.innerHeight, u = Math.max(Math.min(p, d), m), y = new w({
1952
+ const d = l.offsetHeight, p = a.offsetHeight, f = window.innerHeight, u = Math.max(Math.min(d, p), f), m = new w({
1871
1953
  element: l,
1872
1954
  integrator: C.from(e),
1873
- style: (f) => ({ transform: `translate3d(0, ${r ? -u * f : u * f}px, 0)` }),
1955
+ style: (y) => ({ transform: `translate3d(0, ${i ? -u * y : u * y}px, 0)` }),
1874
1956
  // The outgoing node is the real, reused element (re-hidden then shown
1875
1957
  // again on the next navigation), so mirror the incoming cleanup and
1876
1958
  // also reset the out-only props applied in prepare (zIndex,
@@ -1882,74 +1964,74 @@ const Co = {
1882
1964
  }), h = new w({
1883
1965
  element: a,
1884
1966
  integrator: C.from(e),
1885
- style: (f, b) => ({ transform: `translate3d(0, ${r ? b * u : b * -u}px, 0)` }),
1967
+ style: (y, b) => ({ transform: `translate3d(0, ${i ? b * u : b * -u}px, 0)` }),
1886
1968
  onComplete: () => {
1887
1969
  a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === s && (a.style.zIndex = "");
1888
1970
  }
1889
1971
  });
1890
- return [y, h].forEach(j), new P(
1891
- { out: y, in: h },
1972
+ return [m, h].forEach(G), new A(
1973
+ { out: m, in: h },
1892
1974
  { mode: "parallel" }
1893
1975
  );
1894
1976
  }
1895
1977
  };
1896
1978
  };
1897
- return I({
1979
+ return _({
1898
1980
  forward: o("forward"),
1899
1981
  backward: o("backward")
1900
1982
  });
1901
1983
  };
1902
- function Li(t = {}, e = {}) {
1984
+ function Vr(t = {}, e = {}) {
1903
1985
  const { type: n = "directional" } = t;
1904
- return _(
1905
- Eo({ directional: n === "directional" }),
1986
+ return O(
1987
+ Ro({ directional: n === "directional" }),
1906
1988
  e.override
1907
1989
  );
1908
1990
  }
1909
- const $o = {
1991
+ const Io = {
1910
1992
  spring: { stiffness: 200, damping: 24 }
1911
- }, Po = {
1993
+ }, _o = {
1912
1994
  inertia: { acceleration: 25, resistance: 1.2 }
1913
- }, pt = 0.2;
1914
- function vo() {
1995
+ }, ut = 0.2;
1996
+ function Oo() {
1915
1997
  return {
1916
- enterPhysics: $o,
1917
- exitPhysics: Po,
1998
+ enterPhysics: Io,
1999
+ exitPhysics: _o,
1918
2000
  background: {
1919
2001
  willChange: "transform, opacity",
1920
2002
  enterStyle: (t, e) => ({
1921
- transform: `scale(${1 - pt * t})`,
2003
+ transform: `scale(${1 - ut * t})`,
1922
2004
  opacity: e
1923
2005
  }),
1924
2006
  exitStyle: (t) => ({
1925
- transform: `scale(${1 - pt + pt * t})`,
2007
+ transform: `scale(${1 - ut + ut * t})`,
1926
2008
  opacity: t
1927
2009
  })
1928
2010
  }
1929
2011
  };
1930
2012
  }
1931
- const Ao = {
2013
+ const ko = {
1932
2014
  spring: { stiffness: 200, damping: 24 }
1933
- }, Ro = {
2015
+ }, Fo = {
1934
2016
  inertia: { acceleration: 25, resistance: 1.2 }
1935
- }, dt = 0.08, Io = 16, ut = 0.6, _o = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
1936
- function Oo() {
2017
+ }, ft = 0.08, To = 16, ht = 0.6, Mo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
2018
+ function Do() {
1937
2019
  return {
1938
- enterPhysics: Ao,
1939
- exitPhysics: Ro,
2020
+ enterPhysics: ko,
2021
+ exitPhysics: Fo,
1940
2022
  background: {
1941
2023
  willChange: "transform, opacity",
1942
2024
  // enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
1943
2025
  // untouched; at peak it is shrunk and dimmed.
1944
2026
  enterStyle: (t) => ({
1945
- transform: `scale(${1 - dt * t})`,
1946
- opacity: 1 - (1 - ut) * t
2027
+ transform: `scale(${1 - ft * t})`,
2028
+ opacity: 1 - (1 - ht) * t
1947
2029
  }),
1948
2030
  // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
1949
2031
  // the inverse ramp of enter.
1950
2032
  exitStyle: (t) => ({
1951
- transform: `scale(${1 - dt + dt * t})`,
1952
- opacity: ut + (1 - ut) * t
2033
+ transform: `scale(${1 - ft + ft * t})`,
2034
+ opacity: ht + (1 - ht) * t
1953
2035
  })
1954
2036
  },
1955
2037
  overlay: {
@@ -1967,27 +2049,27 @@ function Oo() {
1967
2049
  // enter: 0 → MAX as the sheet rises (progress 0 → 1).
1968
2050
  // exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
1969
2051
  style: (t, e) => {
1970
- const n = t === "enter" ? e : 1 - e, o = _o(Io * n);
2052
+ const n = t === "enter" ? e : 1 - e, o = Mo(To * n);
1971
2053
  return { backdropFilter: o, WebkitBackdropFilter: o };
1972
2054
  }
1973
2055
  }
1974
2056
  };
1975
2057
  }
1976
- const Fo = {
2058
+ const Yo = {
1977
2059
  spring: {
1978
2060
  stiffness: 190,
1979
2061
  damping: 25
1980
2062
  }
1981
- }, ko = {
2063
+ }, Lo = {
1982
2064
  spring: {
1983
2065
  stiffness: 190,
1984
2066
  damping: 25
1985
2067
  }
1986
2068
  };
1987
- function To() {
2069
+ function Ho() {
1988
2070
  return {
1989
- enterPhysics: Fo,
1990
- exitPhysics: ko,
2071
+ enterPhysics: Yo,
2072
+ exitPhysics: Lo,
1991
2073
  background: {
1992
2074
  willChange: "",
1993
2075
  enterStyle: () => ({}),
@@ -1995,155 +2077,155 @@ function To() {
1995
2077
  }
1996
2078
  };
1997
2079
  }
1998
- const Mo = {
1999
- static: To(),
2000
- "background-scale": vo(),
2001
- blur: Oo()
2002
- }, Do = "static", Yo = "transform", Lo = (t = {}) => {
2003
- const e = Mo[t.type ?? Do], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
2004
- const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", p = s === "enter" ? e.enterPhysics : e.exitPhysics;
2080
+ const No = {
2081
+ static: Ho(),
2082
+ "background-scale": Oo(),
2083
+ blur: Do()
2084
+ }, zo = "static", Wo = "transform", Vo = (t = {}) => {
2085
+ const e = No[t.type ?? zo], n = e.background, o = e.overlay, r = n.willChange !== "", i = (c) => {
2086
+ const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", d = s === "enter" ? e.enterPhysics : e.exitPhysics;
2005
2087
  return {
2006
- prepare: ({ from: d, to: m, context: u, createElement: y }) => {
2007
- const h = { from: d, to: m }[l], f = { from: d, to: m }[a];
2088
+ prepare: ({ from: p, to: f, context: u, createElement: m }) => {
2089
+ const h = { from: p, to: f }[l], y = { from: p, to: f }[a];
2008
2090
  h.then((g) => {
2009
- g.style.willChange = Yo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = M, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
2010
- }), f.then((g) => {
2011
- i && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = T, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
2091
+ g.style.willChange = Wo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = T, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
2092
+ }), y.then((g) => {
2093
+ r && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = M, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
2012
2094
  });
2013
2095
  let b;
2014
- return o && (b = y("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
2096
+ return o && (b = m("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
2015
2097
  },
2016
- animation: ({ from: d, to: m, context: u, overlay: y }) => {
2017
- const h = { from: d, to: m }[l], f = { from: d, to: m }[a], b = H(u, l), g = () => {
2018
- d.style.pointerEvents = "", d.style.zIndex = "";
2098
+ animation: ({ from: p, to: f, context: u, overlay: m }) => {
2099
+ const h = { from: p, to: f }[l], y = { from: p, to: f }[a], b = H(u, l), g = () => {
2100
+ p.style.pointerEvents = "", p.style.zIndex = "";
2019
2101
  }, S = () => {
2020
- const x = s === "enter" ? M : T;
2021
- m.style.position === "relative" && (m.style.position = ""), m.style.zIndex === x && (m.style.zIndex = "");
2102
+ const x = s === "enter" ? T : M;
2103
+ f.style.position === "relative" && (f.style.position = ""), f.style.zIndex === x && (f.style.zIndex = "");
2022
2104
  };
2023
2105
  h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
2024
2106
  const $ = s === "enter" ? (x, E) => ({
2025
2107
  transform: `translate3d(0, ${E * b.height}px, 0)`
2026
2108
  }) : (x) => ({
2027
2109
  transform: `translate3d(0, ${x * b.height}px, 0)`
2028
- }), v = new w({
2110
+ }), P = new w({
2029
2111
  element: h,
2030
- integrator: C.from(p),
2112
+ integrator: C.from(d),
2031
2113
  style: $,
2032
2114
  onComplete: () => {
2033
2115
  h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", g(), S();
2034
2116
  }
2035
2117
  });
2036
- j(v);
2037
- const O = {
2038
- sheet: v,
2039
- background: new P([]),
2040
- overlay: new P([])
2118
+ G(P);
2119
+ const R = {
2120
+ sheet: P,
2121
+ background: new A([]),
2122
+ overlay: new A([])
2041
2123
  };
2042
- if (i) {
2043
- const x = f.scrollHeight;
2044
- x > 0 && (f.style.height = `${x}px`);
2045
- const E = H(u, a), F = E.left + E.width / 2, k = E.top + E.height / 2;
2046
- f.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, f.style.transformOrigin = `${F}px ${k}px`;
2047
- const A = s === "enter" ? (N, z) => n.enterStyle(N, z) : (N) => n.exitStyle(N), V = new w({
2048
- element: f,
2049
- integrator: C.from(p),
2050
- style: A,
2124
+ if (r) {
2125
+ const x = y.scrollHeight;
2126
+ x > 0 && (y.style.height = `${x}px`);
2127
+ const E = H(u, a), k = E.left + E.width / 2, F = E.top + E.height / 2;
2128
+ y.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, y.style.transformOrigin = `${k}px ${F}px`;
2129
+ const v = s === "enter" ? (N, z) => n.enterStyle(N, z) : (N) => n.exitStyle(N), X = new w({
2130
+ element: y,
2131
+ integrator: C.from(d),
2132
+ style: v,
2051
2133
  // The background is the reused outgoing (`from`) node on `enter` and
2052
2134
  // the surviving incoming (`to`) node on `exit` — in both cases its
2053
2135
  // inline styles must be cleared on settle so the reused node is not
2054
2136
  // left scaled/faded/clipped the next time it is shown. releaseFill
2055
2137
  // below drops the WAAPI fill so these resets actually take effect.
2056
2138
  onComplete: () => {
2057
- f.style.willChange = "auto", f.style.backfaceVisibility = "", f.style.contain = "", f.style.clipPath = "", f.style.transformOrigin = "", f.style.transform = "", f.style.opacity = "", f.style.height = "";
2139
+ y.style.willChange = "auto", y.style.backfaceVisibility = "", y.style.contain = "", y.style.clipPath = "", y.style.transformOrigin = "", y.style.transform = "", y.style.opacity = "", y.style.height = "";
2058
2140
  }
2059
2141
  });
2060
- j(V), O.background = V;
2142
+ G(X), R.background = X;
2061
2143
  }
2062
- if (y && o) {
2063
- y.style.zIndex = ne;
2064
- const x = te(u, "to");
2065
- y.style.top = `${x.top}px`, y.style.height = `${x.height}px`, O.overlay = new w({
2066
- element: y,
2067
- integrator: C.from(p),
2144
+ if (m && o) {
2145
+ m.style.zIndex = ie;
2146
+ const x = oe(u, "to");
2147
+ m.style.top = `${x.top}px`, m.style.height = `${x.height}px`, R.overlay = new w({
2148
+ element: m,
2149
+ integrator: C.from(d),
2068
2150
  style: (E) => o.style(s, E)
2069
2151
  });
2070
2152
  }
2071
- return new P(O, { mode: "parallel" });
2153
+ return new A(R, { mode: "parallel" });
2072
2154
  }
2073
2155
  };
2074
2156
  };
2075
- return I({
2076
- forward: r("forward"),
2077
- backward: r("backward")
2157
+ return _({
2158
+ forward: i("forward"),
2159
+ backward: i("backward")
2078
2160
  });
2079
2161
  };
2080
- function Ho(t) {
2162
+ function Xo(t) {
2081
2163
  return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
2082
2164
  }
2083
- function Hi(t = {}, e = {}) {
2084
- const n = t.type, o = Ho(n);
2085
- return _(Lo({ type: o }), e.override);
2165
+ function Xr(t = {}, e = {}) {
2166
+ const n = t.type, o = Xo(n);
2167
+ return O(Vo({ type: o }), e.override);
2086
2168
  }
2087
- const No = (t = {}) => {
2088
- const e = t.physics ?? _e, n = (o) => {
2089
- const i = o === "forward" ? 100 : -100;
2169
+ const Bo = (t = {}) => {
2170
+ const e = t.physics ?? Fe, n = (o) => {
2171
+ const r = o === "forward" ? 100 : -100;
2090
2172
  return {
2091
- prepare: ({ from: r, to: c }) => (r.then((s) => {
2173
+ prepare: ({ from: i, to: c }) => (i.then((s) => {
2092
2174
  s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
2093
2175
  }), c.then((s) => {
2094
- s.style.transform = `translate3d(${i}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
2176
+ s.style.transform = `translate3d(${r}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
2095
2177
  }), {}),
2096
- animation: ({ from: r, to: c }) => {
2178
+ animation: ({ from: i, to: c }) => {
2097
2179
  const s = new w({
2098
- element: r,
2180
+ element: i,
2099
2181
  integrator: C.from(e),
2100
- style: (a) => ({ transform: `translate3d(${100 * et("slide", "out", o, a).x}%, 0, 0)` }),
2182
+ style: (a) => ({ transform: `translate3d(${100 * ot("slide", "out", o, a).x}%, 0, 0)` }),
2101
2183
  // The outgoing node is the real Activity page and gets reused on the
2102
2184
  // next navigation, so reset every inline style we wrote to it (mirror
2103
2185
  // the incoming cleanup, plus the out-only pointerEvents).
2104
2186
  onComplete: () => {
2105
- r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.pointerEvents = "";
2187
+ i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.pointerEvents = "";
2106
2188
  }
2107
2189
  }), l = new w({
2108
2190
  element: c,
2109
2191
  integrator: C.from(e),
2110
- style: (a) => ({ transform: `translate3d(${100 * et("slide", "in", o, a).x}%, 0, 0)` }),
2192
+ style: (a) => ({ transform: `translate3d(${100 * ot("slide", "in", o, a).x}%, 0, 0)` }),
2111
2193
  onComplete: () => {
2112
2194
  c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.transform = "";
2113
2195
  }
2114
2196
  });
2115
- return new P(
2197
+ return new A(
2116
2198
  { out: s, in: l },
2117
2199
  { mode: "parallel" }
2118
2200
  );
2119
2201
  }
2120
2202
  };
2121
2203
  };
2122
- return I({
2204
+ return _({
2123
2205
  forward: n("forward"),
2124
2206
  backward: n("backward")
2125
2207
  });
2126
2208
  };
2127
- function Ni(t = {}, e = {}) {
2128
- return _(No(), e.override);
2209
+ function Br(t = {}, e = {}) {
2210
+ return O(Bo(), e.override);
2129
2211
  }
2130
- const zo = {
2212
+ const Uo = {
2131
2213
  spring: { stiffness: 17, damping: 6 }
2132
- }, ft = 20, tt = 800, Wo = (t = {}) => {
2133
- const e = t.physics ?? zo, n = {
2134
- prepare: ({ from: o, to: i }) => (o.then((r) => {
2135
- r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none", r.style.transform = `perspective(${tt}px) rotateY(0deg) translate3d(0%, 0, 0)`;
2136
- }), i.then((r) => {
2137
- r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${tt}px) rotateY(${ft}deg) translate3d(-100%, 0, 0)`;
2214
+ }, yt = 20, et = 800, Zo = (t = {}) => {
2215
+ const e = t.physics ?? Uo, n = {
2216
+ prepare: ({ from: o, to: r }) => (o.then((i) => {
2217
+ i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none", i.style.transform = `perspective(${et}px) rotateY(0deg) translate3d(0%, 0, 0)`;
2218
+ }), r.then((i) => {
2219
+ i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transform = `perspective(${et}px) rotateY(${yt}deg) translate3d(-100%, 0, 0)`;
2138
2220
  }), {}),
2139
- animation: ({ from: o, to: i }) => {
2140
- const r = new w({
2221
+ animation: ({ from: o, to: r }) => {
2222
+ const i = new w({
2141
2223
  element: o,
2142
2224
  integrator: C.from(e),
2143
2225
  style: (s) => {
2144
- const l = -s * ft, a = s * 100;
2226
+ const l = -s * yt, a = s * 100;
2145
2227
  return {
2146
- transform: `perspective(${tt}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
2228
+ transform: `perspective(${et}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
2147
2229
  };
2148
2230
  },
2149
2231
  // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -2153,33 +2235,33 @@ const zo = {
2153
2235
  o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.pointerEvents = "";
2154
2236
  }
2155
2237
  }), c = new w({
2156
- element: i,
2238
+ element: r,
2157
2239
  integrator: C.from(e),
2158
2240
  style: (s, l) => {
2159
- const a = l * ft, p = -l * 100;
2241
+ const a = l * yt, d = -l * 100;
2160
2242
  return {
2161
- transform: `perspective(${tt}px) rotateY(${a}deg) translate3d(${p}%, 0, 0)`
2243
+ transform: `perspective(${et}px) rotateY(${a}deg) translate3d(${d}%, 0, 0)`
2162
2244
  };
2163
2245
  },
2164
2246
  onComplete: () => {
2165
- i.style.transform = "", i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
2247
+ r.style.transform = "", r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
2166
2248
  }
2167
2249
  });
2168
- return new P(
2169
- { out: r, in: c },
2250
+ return new A(
2251
+ { out: i, in: c },
2170
2252
  { mode: "sequence" }
2171
2253
  );
2172
2254
  }
2173
2255
  };
2174
- return I({ forward: n, backward: n });
2256
+ return _({ forward: n, backward: n });
2175
2257
  };
2176
- function zi(t = {}, e = {}) {
2177
- return _(Wo(), e.override);
2258
+ function Ur(t = {}, e = {}) {
2259
+ return O(Zo(), e.override);
2178
2260
  }
2179
- function Xo(t, e) {
2261
+ function jo(t, e) {
2180
2262
  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;
2181
2263
  }
2182
- function ce(t) {
2264
+ function pe(t) {
2183
2265
  const e = () => ({
2184
2266
  enterContent: t.enterRect,
2185
2267
  exitContent: t.exitRect,
@@ -2187,27 +2269,27 @@ function ce(t) {
2187
2269
  scaleX: t.exitRect.width / t.enterRect.width,
2188
2270
  scaleY: t.exitRect.height / t.enterRect.height
2189
2271
  }), { enterMedia: n, exitMedia: o } = t;
2190
- if (!n || !o || !re(n, o)) return e();
2191
- const i = n.content, r = o.content;
2192
- if (i.width <= 0 || i.height <= 0 || r.width <= 0 || r.height <= 0)
2272
+ if (!n || !o || !ce(n, o)) return e();
2273
+ const r = n.content, i = o.content;
2274
+ if (r.width <= 0 || r.height <= 0 || i.width <= 0 || i.height <= 0)
2193
2275
  return e();
2194
- const c = r.width / i.width, s = r.height / i.height, l = ae(
2195
- i,
2276
+ const c = i.width / r.width, s = i.height / r.height, l = de(
2196
2277
  r,
2278
+ i,
2197
2279
  o.window,
2198
2280
  c,
2199
2281
  s
2200
2282
  );
2201
- return Xo(n.window, l) ? {
2202
- enterContent: i,
2203
- exitContent: r,
2283
+ return jo(n.window, l) ? {
2284
+ enterContent: r,
2285
+ exitContent: i,
2204
2286
  startWindow: l,
2205
2287
  scaleX: c,
2206
2288
  scaleY: s,
2207
2289
  exitCornerRadii: o.cornerRadii
2208
2290
  } : e();
2209
2291
  }
2210
- function le(t, e) {
2292
+ function ue(t, e) {
2211
2293
  return {
2212
2294
  top: t.top,
2213
2295
  right: e.width - (t.left + t.width),
@@ -2215,36 +2297,36 @@ function le(t, e) {
2215
2297
  left: t.left
2216
2298
  };
2217
2299
  }
2218
- function Vo(t, e, n) {
2300
+ function Go(t, e, n) {
2219
2301
  return {
2220
2302
  x: t / Math.max(Math.abs(e), 1e-6),
2221
2303
  y: t / Math.max(Math.abs(n), 1e-6)
2222
2304
  };
2223
2305
  }
2224
- function pe(t, e, n, o, i, r) {
2306
+ function fe(t, e, n, o, r, i) {
2225
2307
  return (n ?? [t]).map(
2226
- (c) => Vo(
2308
+ (c) => Go(
2227
2309
  Math.max(0, c * o + e * (1 - o)),
2228
- i,
2229
- r
2310
+ r,
2311
+ i
2230
2312
  )
2231
2313
  );
2232
2314
  }
2233
- function Bo(t) {
2234
- const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ce(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 - n.x, m = s.top - c.top + (s.height - c.height) / 2 - n.y, u = le(l, e);
2315
+ function qo(t) {
2316
+ const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 - n.x, f = s.top - c.top + (s.height - c.height) / 2 - n.y, u = ue(l, e);
2235
2317
  return {
2236
2318
  transformOrigin: `${D(c)}px ${Y(c)}px`,
2237
- animate: (y) => {
2238
- const h = 1 - y, f = 1 + (a - 1) * h, b = 1 + (p - 1) * h, g = pe(
2239
- i,
2319
+ animate: (m) => {
2320
+ const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
2321
+ r,
2240
2322
  o,
2241
- r.exitCornerRadii,
2323
+ i.exitCornerRadii,
2242
2324
  h,
2243
- f,
2325
+ y,
2244
2326
  b
2245
2327
  );
2246
2328
  return {
2247
- clipPath: vt(
2329
+ clipPath: _t(
2248
2330
  e,
2249
2331
  {
2250
2332
  top: u.top * h,
@@ -2254,26 +2336,26 @@ function Bo(t) {
2254
2336
  },
2255
2337
  g
2256
2338
  ),
2257
- transform: `translate(${d * h}px, ${m * h}px) scale(${f}, ${b})`
2339
+ transform: `translate(${p * h}px, ${f * h}px) scale(${y}, ${b})`
2258
2340
  };
2259
2341
  }
2260
2342
  };
2261
2343
  }
2262
- function Uo(t) {
2263
- const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = ce(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: p } = r, d = s.left - c.left + (s.width - c.width) / 2 + n.x, m = s.top - c.top + (s.height - c.height) / 2 + n.y, u = le(l, e);
2344
+ function Ko(t) {
2345
+ const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 + n.x, f = s.top - c.top + (s.height - c.height) / 2 + n.y, u = ue(l, e);
2264
2346
  return {
2265
2347
  transformOrigin: `${D(c)}px ${Y(c)}px`,
2266
- animate: (y) => {
2267
- const h = 1 - y, f = 1 + (a - 1) * h, b = 1 + (p - 1) * h, g = pe(
2268
- i,
2348
+ animate: (m) => {
2349
+ const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
2350
+ r,
2269
2351
  o,
2270
- r.exitCornerRadii,
2352
+ i.exitCornerRadii,
2271
2353
  h,
2272
- f,
2354
+ y,
2273
2355
  b
2274
2356
  );
2275
2357
  return {
2276
- clipPath: vt(
2358
+ clipPath: _t(
2277
2359
  e,
2278
2360
  {
2279
2361
  top: u.top * h,
@@ -2283,12 +2365,12 @@ function Uo(t) {
2283
2365
  },
2284
2366
  g
2285
2367
  ),
2286
- transform: `translate(${d * h - n.x}px, ${m * h}px) scale(${f}, ${b})`
2368
+ transform: `translate(${p * h - n.x}px, ${f * h}px) scale(${y}, ${b})`
2287
2369
  };
2288
2370
  }
2289
2371
  };
2290
2372
  }
2291
- const Zo = {
2373
+ const Jo = {
2292
2374
  spring: {
2293
2375
  stiffness: 380,
2294
2376
  damping: 30,
@@ -2299,30 +2381,30 @@ const Zo = {
2299
2381
  damping: 30
2300
2382
  }
2301
2383
  }
2302
- }, de = 0.12, jo = 18;
2303
- function Go() {
2384
+ }, he = 0.12, Qo = 18;
2385
+ function tr() {
2304
2386
  return {
2305
2387
  transformOrigin: "50% 50%",
2306
2388
  animate: (t) => {
2307
2389
  const e = 1 - t;
2308
2390
  return {
2309
- transform: `scale(${1 - de * e})`
2391
+ transform: `scale(${1 - he * e})`
2310
2392
  };
2311
2393
  }
2312
2394
  };
2313
2395
  }
2314
- function qo() {
2396
+ function er() {
2315
2397
  return {
2316
2398
  transformOrigin: "50% 50%",
2317
2399
  animate: (t) => {
2318
2400
  const e = 1 - t;
2319
2401
  return {
2320
- transform: `scale(${1 - de * e})`
2402
+ transform: `scale(${1 - he * e})`
2321
2403
  };
2322
2404
  }
2323
2405
  };
2324
2406
  }
2325
- const ht = {
2407
+ const mt = {
2326
2408
  willChange: "backdrop-filter",
2327
2409
  // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
2328
2410
  // track the live scroll position), so they are intentionally omitted here.
@@ -2338,52 +2420,52 @@ const ht = {
2338
2420
  WebkitBackdropFilter: "blur(0px)"
2339
2421
  },
2340
2422
  style: (t, e) => {
2341
- const n = t === "enter" ? e : 1 - e, o = `blur(${jo * n}px)`;
2423
+ const n = t === "enter" ? e : 1 - e, o = `blur(${Qo * n}px)`;
2342
2424
  return {
2343
2425
  backdropFilter: o,
2344
2426
  WebkitBackdropFilter: o
2345
2427
  };
2346
2428
  }
2347
2429
  };
2348
- class Ko {
2430
+ class nr {
2349
2431
  constructor() {
2350
- R(this, "name", "background");
2351
- R(this, "physics", Zo);
2432
+ I(this, "name", "background");
2433
+ I(this, "physics", Jo);
2352
2434
  }
2353
2435
  contribute(e) {
2354
- const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? Go() : qo();
2436
+ const { from: n, to: o, resolved: r, physics: i } = e, c = r.mode === "enter", s = c ? n : o, l = c ? tr() : er();
2355
2437
  return l && (s.style.transformOrigin = l.transformOrigin), [
2356
2438
  new w({
2357
2439
  element: s,
2358
- integrator: C.from(r),
2359
- style: c ? (a, p) => l.animate(p) : (a) => l.animate(a)
2440
+ integrator: C.from(i),
2441
+ style: c ? (a, d) => l.animate(d) : (a) => l.animate(a)
2360
2442
  })
2361
2443
  ];
2362
2444
  }
2363
2445
  }
2364
- class Jo {
2446
+ class or {
2365
2447
  constructor() {
2366
- R(this, "name", "overlay");
2448
+ I(this, "name", "overlay");
2367
2449
  }
2368
2450
  prepare(e) {
2369
2451
  const n = e.createElement("zoom-overlay");
2370
- return Object.assign(n.style, ht.initialStyle), n.style.willChange = ht.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
2452
+ return Object.assign(n.style, mt.initialStyle), n.style.willChange = mt.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
2371
2453
  }
2372
2454
  contribute(e) {
2373
2455
  const n = e.extras.overlay;
2374
2456
  if (!n) return [];
2375
- n.style.zIndex = ne;
2376
- const o = te(e.context, "to");
2457
+ n.style.zIndex = ie;
2458
+ const o = oe(e.context, "to");
2377
2459
  return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
2378
2460
  new w({
2379
2461
  element: n,
2380
2462
  integrator: C.from(e.physics),
2381
- style: (i) => ht.style(e.resolved.mode, i)
2463
+ style: (r) => mt.style(e.resolved.mode, r)
2382
2464
  })
2383
2465
  ];
2384
2466
  }
2385
2467
  }
2386
- const Qo = {
2468
+ const rr = {
2387
2469
  spring: {
2388
2470
  stiffness: 380,
2389
2471
  damping: 30,
@@ -2393,172 +2475,172 @@ const Qo = {
2393
2475
  }
2394
2476
  }
2395
2477
  };
2396
- function ti({
2478
+ function ir({
2397
2479
  enterRect: t,
2398
2480
  exitRect: e,
2399
2481
  scrollOffset: n
2400
2482
  }) {
2401
- const o = t.left - e.left + (t.width - e.width) / 2 + n.x, i = t.top - e.top + (t.height - e.height) / 2 + n.y, r = t.width / e.width, c = t.height / e.height, s = Math.max(r, c);
2483
+ const o = t.left - e.left + (t.width - e.width) / 2 + n.x, r = t.top - e.top + (t.height - e.height) / 2 + n.y, i = t.width / e.width, c = t.height / e.height, s = Math.max(i, c);
2402
2484
  return {
2403
2485
  transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
2404
2486
  animate: (l) => {
2405
2487
  const a = 1 - l;
2406
2488
  return {
2407
- transform: `translate(${o * a - n.x}px, ${i * a}px) scale(${1 + (s - 1) * a})`
2489
+ transform: `translate(${o * a - n.x}px, ${r * a}px) scale(${1 + (s - 1) * a})`
2408
2490
  };
2409
2491
  }
2410
2492
  };
2411
2493
  }
2412
- function ei({
2494
+ function sr({
2413
2495
  enterRect: t,
2414
2496
  exitRect: e,
2415
2497
  scrollOffset: n
2416
2498
  }) {
2417
- const o = t.left - e.left + (t.width - e.width) / 2 - n.x, i = t.top - e.top + (t.height - e.height) / 2 - n.y, r = t.width / e.width, c = t.height / e.height, s = Math.max(r, c);
2499
+ const o = t.left - e.left + (t.width - e.width) / 2 - n.x, r = t.top - e.top + (t.height - e.height) / 2 - n.y, i = t.width / e.width, c = t.height / e.height, s = Math.max(i, c);
2418
2500
  return {
2419
2501
  transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
2420
2502
  animate: (l) => {
2421
2503
  const a = 1 - l;
2422
2504
  return {
2423
- transform: `translate(${o * a}px, ${i * a}px) scale(${1 + (s - 1) * a})`
2505
+ transform: `translate(${o * a}px, ${r * a}px) scale(${1 + (s - 1) * a})`
2424
2506
  };
2425
2507
  }
2426
2508
  };
2427
2509
  }
2428
- class ni {
2510
+ class ar {
2429
2511
  constructor() {
2430
- R(this, "name", "background");
2431
- R(this, "physics", Qo);
2512
+ I(this, "name", "background");
2513
+ I(this, "physics", rr);
2432
2514
  }
2433
2515
  contribute(e) {
2434
- const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? ti(r) : ei(r);
2516
+ const { from: n, to: o, resolved: r, input: i, physics: c } = e, s = r.mode === "enter", l = s ? n : o, a = s ? ir(i) : sr(i);
2435
2517
  return a && (l.style.transformOrigin = a.transformOrigin), [
2436
2518
  new w({
2437
2519
  element: l,
2438
2520
  integrator: C.from(c),
2439
- style: s ? (p, d) => a.animate(d) : (p) => a.animate(p)
2521
+ style: s ? (d, p) => a.animate(p) : (d) => a.animate(d)
2440
2522
  })
2441
2523
  ];
2442
2524
  }
2443
2525
  }
2444
- const oi = {
2526
+ const cr = {
2445
2527
  spring: {
2446
2528
  stiffness: 530,
2447
2529
  damping: 34,
2448
2530
  doubleSpring: 1
2449
2531
  }
2450
2532
  };
2451
- class ii {
2533
+ class lr {
2452
2534
  constructor() {
2453
- R(this, "name", "background");
2454
- R(this, "physics", oi);
2535
+ I(this, "name", "background");
2536
+ I(this, "physics", cr);
2455
2537
  }
2456
2538
  contribute(e) {
2457
2539
  return [];
2458
2540
  }
2459
2541
  }
2460
- const ri = {
2461
- expand: () => new ni(),
2462
- static: () => new ii(),
2463
- blur: () => new Ko()
2542
+ const dr = {
2543
+ expand: () => new ar(),
2544
+ static: () => new lr(),
2545
+ blur: () => new nr()
2464
2546
  };
2465
- function si(t) {
2466
- return ri[t]();
2547
+ function pr(t) {
2548
+ return dr[t]();
2467
2549
  }
2468
- const Et = "data-zoom-enter-key", Gt = "data-zoom-exit-key", qt = "data-zoom-radius";
2469
- function ai(t, e) {
2550
+ const vt = "data-zoom-enter-key", Jt = "data-zoom-exit-key", Qt = "data-zoom-radius";
2551
+ function ur(t, e) {
2470
2552
  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;
2471
2553
  }
2472
- function ci(t, e) {
2554
+ function fr(t, e) {
2473
2555
  const n = [];
2474
2556
  let o = e;
2475
2557
  for (; o && o !== t; ) {
2476
- const i = o.parentElement;
2477
- if (!i) break;
2478
- for (const r of Array.from(i.children))
2479
- r !== o && r instanceof HTMLElement && n.push(r);
2480
- o = i;
2558
+ const r = o.parentElement;
2559
+ if (!r) break;
2560
+ for (const i of Array.from(r.children))
2561
+ i !== o && i instanceof HTMLElement && n.push(i);
2562
+ o = r;
2481
2563
  }
2482
2564
  return n;
2483
2565
  }
2484
- function Kt(t) {
2485
- const e = t.querySelectorAll(`[${Et}]`);
2566
+ function te(t) {
2567
+ const e = t.querySelectorAll(`[${vt}]`);
2486
2568
  return e.length !== 1 ? null : e[0];
2487
2569
  }
2488
- function Jt(t, e) {
2489
- const n = t.querySelectorAll(`[${Gt}]`);
2570
+ function ee(t, e) {
2571
+ const n = t.querySelectorAll(`[${Jt}]`);
2490
2572
  for (const o of n)
2491
- if (o.getAttribute(Gt) === e)
2573
+ if (o.getAttribute(Jt) === e)
2492
2574
  return o;
2493
2575
  return null;
2494
2576
  }
2495
- function li(t, e, n) {
2577
+ function hr(t, e, n) {
2496
2578
  if (n === "forward") {
2497
- const c = Kt(e);
2579
+ const c = te(e);
2498
2580
  if (!c) return null;
2499
- const s = c.getAttribute(Et);
2581
+ const s = c.getAttribute(vt);
2500
2582
  if (!s) return null;
2501
- const l = Jt(t, s);
2583
+ const l = ee(t, s);
2502
2584
  return l ? { mode: "enter", enterEl: c, exitEl: l } : null;
2503
2585
  }
2504
- const o = Kt(t);
2586
+ const o = te(t);
2505
2587
  if (!o) return null;
2506
- const i = o.getAttribute(Et);
2507
- if (!i) return null;
2508
- const r = Jt(e, i);
2509
- return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
2588
+ const r = o.getAttribute(vt);
2589
+ if (!r) return null;
2590
+ const i = ee(e, r);
2591
+ return i ? { mode: "exit", enterEl: o, exitEl: i } : null;
2510
2592
  }
2511
- function pi(t, e, n, o) {
2512
- const i = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, c = L(i, t.enterEl), s = L(r, t.exitEl), l = Ct(
2593
+ function yr(t, e, n, o) {
2594
+ const r = t.mode === "enter" ? n : e, i = t.mode === "enter" ? e : n, c = L(r, t.enterEl), s = L(i, t.exitEl), l = $t(
2513
2595
  t.enterEl,
2514
2596
  c,
2515
- (f) => L(i, f),
2597
+ (y) => L(r, y),
2516
2598
  {
2517
- clipRoot: i,
2518
- legacyRadiusAttribute: qt
2599
+ clipRoot: r,
2600
+ legacyRadiusAttribute: Qt
2519
2601
  }
2520
- ), a = Ct(
2602
+ ), a = $t(
2521
2603
  t.exitEl,
2522
2604
  s,
2523
- (f) => L(r, f),
2605
+ (y) => L(i, y),
2524
2606
  {
2525
- clipRoot: r,
2526
- legacyRadiusAttribute: qt
2607
+ clipRoot: i,
2608
+ legacyRadiusAttribute: Qt
2527
2609
  }
2528
- ), [p, d] = se(l, a), m = p.contentAware && d.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), y = {
2610
+ ), [d, p] = le(l, a), f = d.contentAware && p.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), m = {
2529
2611
  left: 0,
2530
2612
  top: 0,
2531
2613
  width: u.width,
2532
2614
  height: u.height
2533
- }, h = p.radiusSource === "legacy" || ai(p.window, y) ? p.radius : 0;
2615
+ }, h = d.radiusSource === "legacy" || ur(d.window, m) ? d.radius : 0;
2534
2616
  return {
2535
2617
  enterRect: c,
2536
2618
  exitRect: s,
2537
- ...m ? {
2538
- enterMedia: p,
2539
- exitMedia: d
2619
+ ...f ? {
2620
+ enterMedia: d,
2621
+ exitMedia: p
2540
2622
  } : {},
2541
2623
  pageRect: u,
2542
2624
  scrollOffset: o,
2543
2625
  enterRadius: h,
2544
- exitRadius: d.radius
2626
+ exitRadius: p.radius
2545
2627
  };
2546
2628
  }
2547
- const yt = /* @__PURE__ */ new WeakMap();
2548
- function di(t) {
2549
- const e = yt.get(t) ?? {
2629
+ const gt = /* @__PURE__ */ new WeakMap();
2630
+ function mr(t) {
2631
+ const e = gt.get(t) ?? {
2550
2632
  opacity: t.style.opacity,
2551
2633
  users: 0
2552
2634
  };
2553
- e.users++, yt.set(t, e), t.style.opacity = "0";
2635
+ e.users++, gt.set(t, e), t.style.opacity = "0";
2554
2636
  let n = !1;
2555
2637
  return () => {
2556
- n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), yt.delete(t)));
2638
+ n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), gt.delete(t)));
2557
2639
  };
2558
2640
  }
2559
- class ui {
2641
+ class gr {
2560
2642
  constructor() {
2561
- R(this, "name", "tile");
2643
+ I(this, "name", "tile");
2562
2644
  }
2563
2645
  prepare(e) {
2564
2646
  e.from.then((n) => {
@@ -2566,89 +2648,89 @@ class ui {
2566
2648
  });
2567
2649
  }
2568
2650
  contribute(e) {
2569
- const { from: n, to: o, resolved: i, input: r, physics: c, onComplete: s } = e, l = i.mode === "enter", a = l ? Bo(r) : Uo(r), p = l ? o : n, d = l ? "t" : "u";
2570
- s(di(i.exitEl)), a && (p.style.transformOrigin = a.transformOrigin);
2571
- const m = l ? T : M, u = l ? M : T, y = n.style.zIndex;
2572
- n.style.zIndex = m;
2573
- const h = o.style.zIndex, f = o.style.position;
2651
+ const { from: n, to: o, resolved: r, input: i, physics: c, onComplete: s } = e, l = r.mode === "enter", a = l ? qo(i) : Ko(i), d = l ? o : n, p = l ? "t" : "u";
2652
+ s(mr(r.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
2653
+ const f = l ? M : T, u = l ? T : M, m = n.style.zIndex;
2654
+ n.style.zIndex = f;
2655
+ const h = o.style.zIndex, y = o.style.position;
2574
2656
  return o.style.zIndex = u, o.style.position = "relative", s(() => {
2575
- p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = y, o.style.zIndex === u && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = f), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
2657
+ d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = "", n.style.zIndex = m, o.style.zIndex === u && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = y), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
2576
2658
  }), [
2577
2659
  new w({
2578
- element: p,
2660
+ element: d,
2579
2661
  integrator: C.from(c),
2580
2662
  // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
2581
2663
  // the legacy convention from v5's outAnim path. Either way, feed
2582
2664
  // the progress that matches the tileConfig's authored direction.
2583
- style: d === "t" ? (b) => a.animate(b) : (b, g) => a.animate(g)
2665
+ style: p === "t" ? (b) => a.animate(b) : (b, g) => a.animate(g)
2584
2666
  })
2585
2667
  ];
2586
2668
  }
2587
2669
  }
2588
- class fi {
2670
+ class br {
2589
2671
  constructor() {
2590
- R(this, "name", "content");
2672
+ I(this, "name", "content");
2591
2673
  }
2592
2674
  contribute(e) {
2593
- const { resolved: n, physics: o, from: i, to: r, onComplete: c } = e, s = n.mode === "enter" ? r : i, l = ci(s, n.enterEl);
2675
+ const { resolved: n, physics: o, from: r, to: i, onComplete: c } = e, s = n.mode === "enter" ? i : r, l = fr(s, n.enterEl);
2594
2676
  if (l.length === 0) return [];
2595
- const a = l.map((p) => p.style.opacity);
2677
+ const a = l.map((d) => d.style.opacity);
2596
2678
  if (n.mode === "enter")
2597
- for (const p of l) p.style.opacity = "0";
2679
+ for (const d of l) d.style.opacity = "0";
2598
2680
  return c(() => {
2599
- for (let p = 0; p < l.length; p++) {
2600
- const d = l[p];
2601
- d && (d.style.opacity = a[p] ?? "");
2681
+ for (let d = 0; d < l.length; d++) {
2682
+ const p = l[d];
2683
+ p && (p.style.opacity = a[d] ?? "");
2602
2684
  }
2603
2685
  }), l.map(
2604
- (p) => new w({
2605
- element: p,
2686
+ (d) => new w({
2687
+ element: d,
2606
2688
  integrator: C.from(o),
2607
- style: (d, m) => ({
2608
- opacity: n.mode === "enter" ? d : m
2689
+ style: (p, f) => ({
2690
+ opacity: n.mode === "enter" ? p : f
2609
2691
  })
2610
2692
  })
2611
2693
  );
2612
2694
  }
2613
2695
  }
2614
- class hi {
2696
+ class wr {
2615
2697
  constructor() {
2616
- R(this, "name", "content");
2698
+ I(this, "name", "content");
2617
2699
  }
2618
2700
  contribute() {
2619
2701
  return [];
2620
2702
  }
2621
2703
  }
2622
- const yi = {
2623
- default: () => new hi(),
2624
- fade: () => new fi()
2704
+ const Sr = {
2705
+ default: () => new wr(),
2706
+ fade: () => new br()
2625
2707
  };
2626
- function mi(t) {
2627
- return yi[t]();
2708
+ function xr(t) {
2709
+ return Sr[t]();
2628
2710
  }
2629
- function gi(t) {
2630
- const e = si(t.type);
2711
+ function Cr(t) {
2712
+ const e = pr(t.type);
2631
2713
  return { strategies: [
2632
- new ui(),
2714
+ new gr(),
2633
2715
  e,
2634
- mi(t.variant),
2716
+ xr(t.variant),
2635
2717
  // Overlay is intrinsically tied to backdrop-filter-driven types. Today
2636
2718
  // that's only `blur`; the table-driven factory above owns the mapping
2637
2719
  // so this conditional is the single line that knows the relationship.
2638
- ...t.type === "blur" ? [new Jo()] : []
2720
+ ...t.type === "blur" ? [new or()] : []
2639
2721
  ], physics: e.physics };
2640
2722
  }
2641
- const bi = (t) => {
2642
- const { strategies: e, physics: n } = gi(t), o = (i) => ({
2643
- prepare: (r) => {
2723
+ const Er = (t) => {
2724
+ const { strategies: e, physics: n } = Cr(t), o = (r) => ({
2725
+ prepare: (i) => {
2644
2726
  const c = {
2645
- from: r.from,
2646
- to: r.to,
2647
- context: { positionedParent: r.context.positionedParent },
2727
+ from: i.from,
2728
+ to: i.to,
2729
+ context: { positionedParent: i.context.positionedParent },
2648
2730
  // `createElement` from the dispatcher is generic over tag; the
2649
2731
  // strategy interface narrows the cast to keep both signatures
2650
2732
  // compatible.
2651
- createElement: r.createElement
2733
+ createElement: i.createElement
2652
2734
  }, s = {};
2653
2735
  for (const l of e) {
2654
2736
  if (!l.prepare) continue;
@@ -2657,38 +2739,38 @@ const bi = (t) => {
2657
2739
  }
2658
2740
  return s;
2659
2741
  },
2660
- animation: ({ from: r, to: c, context: s, ...l }) => {
2742
+ animation: ({ from: i, to: c, context: s, ...l }) => {
2661
2743
  var b;
2662
- const a = li(r, c, i);
2744
+ const a = hr(i, c, r);
2663
2745
  if (!a)
2664
- return Z({
2746
+ return j({
2665
2747
  tile: [],
2666
2748
  background: [],
2667
2749
  content: [],
2668
2750
  overlay: []
2669
2751
  });
2670
- const p = pi(a, r, c, s.scrollOffset), d = [], u = {
2671
- from: r,
2752
+ const d = yr(a, i, c, s.scrollOffset), p = [], u = {
2753
+ from: i,
2672
2754
  to: c,
2673
2755
  resolved: a,
2674
- input: p,
2756
+ input: d,
2675
2757
  physics: n,
2676
2758
  context: s,
2677
2759
  extras: l,
2678
2760
  onComplete: (g) => {
2679
- d.push(g);
2761
+ p.push(g);
2680
2762
  }
2681
- }, y = {
2763
+ }, m = {
2682
2764
  tile: [],
2683
2765
  background: [],
2684
2766
  content: [],
2685
2767
  overlay: []
2686
2768
  };
2687
2769
  for (const g of e)
2688
- y[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
2689
- const h = Object.values(y).flat(), f = Z(y);
2690
- f.onComplete = () => {
2691
- for (const g of d)
2770
+ m[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
2771
+ const h = Object.values(m).flat(), y = j(m);
2772
+ y.onComplete = () => {
2773
+ for (const g of p)
2692
2774
  try {
2693
2775
  g();
2694
2776
  } catch (S) {
@@ -2696,29 +2778,29 @@ const bi = (t) => {
2696
2778
  }
2697
2779
  };
2698
2780
  for (const g of h)
2699
- g instanceof w && j(g);
2700
- return f;
2781
+ g instanceof w && G(g);
2782
+ return y;
2701
2783
  }
2702
2784
  });
2703
- return I({
2785
+ return _({
2704
2786
  forward: o("forward"),
2705
2787
  backward: o("backward")
2706
2788
  });
2707
2789
  };
2708
- function wi(t) {
2790
+ function $r(t) {
2709
2791
  const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
2710
2792
  return { type: e, variant: n };
2711
2793
  }
2712
- function Wi(t = {}, e = {}) {
2713
- const n = wi(t);
2714
- return _(bi(n), e.override);
2794
+ function Zr(t = {}, e = {}) {
2795
+ const n = $r(t);
2796
+ return O(Er(n), e.override);
2715
2797
  }
2716
- const Qt = 1 / 60, Si = 600;
2717
- function xi(t, e) {
2718
- const n = Math.sqrt(t), o = e / (2 * n), i = 2 * Math.PI / n, r = o <= 1 ? 1 - o : 1 / o - 1;
2719
- return { duration: i, bounce: r, zeta: o };
2798
+ const ne = 1 / 60, Pr = 600;
2799
+ function Ar(t, e) {
2800
+ const n = Math.sqrt(t), o = e / (2 * n), r = 2 * Math.PI / n, i = o <= 1 ? 1 - o : 1 / o - 1;
2801
+ return { duration: r, bounce: i, zeta: o };
2720
2802
  }
2721
- function J(t) {
2803
+ function Q(t) {
2722
2804
  if (!Number.isFinite(t.stiffness) || t.stiffness <= 0)
2723
2805
  throw new Error("spring(): stiffness must be finite and > 0");
2724
2806
  if (!Number.isFinite(t.damping) || t.damping < 0)
@@ -2731,40 +2813,40 @@ function J(t) {
2731
2813
  throw new Error(`spring(): ${e} must be finite and > 0`);
2732
2814
  return C.from({ spring: t });
2733
2815
  }
2734
- function Ci(t) {
2816
+ function vr(t) {
2735
2817
  let e = { position: 0, velocity: 0 };
2736
- for (let n = 1; n <= Si; n++)
2737
- if (e = t.step(e, 1, Qt), e.position >= 1) return n * Qt * 1e3;
2818
+ for (let n = 1; n <= Pr; n++)
2819
+ if (e = t.step(e, 1, ne), e.position >= 1) return n * ne * 1e3;
2738
2820
  return 1 / 0;
2739
2821
  }
2740
- function Ei(t) {
2822
+ function Rr(t) {
2741
2823
  const { duration: e, resistance: n = 1.5, restDelta: o } = t;
2742
2824
  if (!Number.isFinite(e) || !(e > 0))
2743
2825
  throw new Error("easeIn(): duration must be finite and > 0");
2744
- const i = e * 1e3;
2745
- let r = 0.01, c = 1e6;
2826
+ const r = e * 1e3;
2827
+ let i = 0.01, c = 1e6;
2746
2828
  for (let s = 0; s < 60; s++) {
2747
- const l = Math.sqrt(r * c), a = new gt({
2829
+ const l = Math.sqrt(i * c), a = new wt({
2748
2830
  acceleration: l,
2749
2831
  resistance: n,
2750
2832
  restDelta: o
2751
2833
  });
2752
- Ci(a) > i ? r = l : c = l;
2834
+ vr(a) > r ? i = l : c = l;
2753
2835
  }
2754
- return new gt({ acceleration: c, resistance: n, restDelta: o });
2836
+ return new wt({ acceleration: c, resistance: n, restDelta: o });
2755
2837
  }
2756
- class ue {
2838
+ class ye {
2757
2839
  constructor(e, n) {
2758
2840
  if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
2759
2841
  throw new Error("scale(): factor must be finite and > 0");
2760
2842
  }
2761
2843
  step(e, n, o) {
2762
- const i = Math.max(1, Math.ceil(this.factor)), r = o * this.factor / i;
2844
+ const r = Math.max(1, Math.ceil(this.factor)), i = o * this.factor / r;
2763
2845
  let c = {
2764
2846
  ...e,
2765
2847
  velocity: e.velocity / this.factor
2766
2848
  };
2767
- for (let s = 0; s < i; s++) c = this.inner.step(c, n, r);
2849
+ for (let s = 0; s < r; s++) c = this.inner.step(c, n, i);
2768
2850
  return { ...c, velocity: c.velocity * this.factor };
2769
2851
  }
2770
2852
  isSettled(e, n) {
@@ -2774,13 +2856,13 @@ class ue {
2774
2856
  );
2775
2857
  }
2776
2858
  }
2777
- function Xi(t, e) {
2778
- return new ue(t, e);
2859
+ function jr(t, e) {
2860
+ return new ye(t, e);
2779
2861
  }
2780
- function $i(t) {
2781
- const e = ve(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
2782
- if (t instanceof ue) {
2783
- const o = $i(t.inner);
2862
+ function Ir(t) {
2863
+ const e = Ie(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
2864
+ if (t instanceof ye) {
2865
+ const o = Ir(t.inner);
2784
2866
  return {
2785
2867
  ...o,
2786
2868
  kind: "scaled",
@@ -2788,61 +2870,61 @@ function $i(t) {
2788
2870
  settleMs: n
2789
2871
  };
2790
2872
  }
2791
- return t instanceof mt || t instanceof Ae ? {
2792
- kind: t instanceof mt ? "spring" : "double-spring",
2793
- ...xi(t.stiffness, t.damping),
2873
+ return t instanceof bt || t instanceof _e ? {
2874
+ kind: t instanceof bt ? "spring" : "double-spring",
2875
+ ...Ar(t.stiffness, t.damping),
2794
2876
  settleMs: n
2795
- } : t instanceof gt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
2877
+ } : t instanceof wt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
2796
2878
  }
2797
- const Vi = J({
2879
+ const Gr = Q({
2798
2880
  stiffness: 246.74011002723395,
2799
2881
  damping: 31.41592653589793
2800
- }), Bi = J({
2882
+ }), qr = Q({
2801
2883
  stiffness: 438.6490844928604,
2802
2884
  damping: 35.604716740684324
2803
- }), Ui = J({
2885
+ }), Kr = Q({
2804
2886
  stiffness: 194.9551486634935,
2805
2887
  damping: 19.54768762233649
2806
- }), Zi = J({
2888
+ }), Jr = Q({
2807
2889
  stiffness: 130.5071656342394,
2808
2890
  damping: 22.84794657156213
2809
- }), ji = J({
2891
+ }), Qr = Q({
2810
2892
  stiffness: 986.9604401089358,
2811
2893
  damping: 62.83185307179586
2812
- }), Gi = Ei({ duration: 0.2 });
2894
+ }), ti = Rr({ duration: 0.2 });
2813
2895
  export {
2814
- Ji as Animation,
2815
- Ae as DoubleSpringIntegrator,
2816
- gt as InertiaIntegrator,
2896
+ oi as Animation,
2897
+ _e as DoubleSpringIntegrator,
2898
+ wt as InertiaIntegrator,
2817
2899
  C as IntegratorProvider,
2818
- Oe as LinearIntegrator,
2819
- P as MultiAnimation,
2820
- ue as ScaledIntegrator,
2821
- mt as SpringIntegrator,
2900
+ Te as LinearIntegrator,
2901
+ A as MultiAnimation,
2902
+ ye as ScaledIntegrator,
2903
+ bt as SpringIntegrator,
2822
2904
  w as WebAnimation,
2823
- Gi as accelerate,
2824
- _i as axis,
2825
- Oi as blind,
2826
- Ui as bouncy,
2827
- I as defineTransition,
2828
- $i as describeIntegrator,
2829
- Fi as drill,
2830
- Ei as easeIn,
2831
- ki as fade,
2832
- Ti as film,
2833
- Zi as gentle,
2834
- Mi as hero,
2835
- Di as jaemin,
2836
- Yi as rotate,
2837
- Xi as scale,
2838
- Li as scroll,
2839
- Hi as sheet,
2840
- Ni as slide,
2841
- Vi as smooth,
2842
- Bi as snappy,
2843
- J as spring,
2844
- zi as strip,
2845
- ji as swift,
2846
- _ as withOverride,
2847
- Wi as zoom
2905
+ ti as accelerate,
2906
+ Mr as axis,
2907
+ Dr as blind,
2908
+ Kr as bouncy,
2909
+ _ as defineTransition,
2910
+ Ir as describeIntegrator,
2911
+ Yr as drill,
2912
+ Rr as easeIn,
2913
+ Lr as fade,
2914
+ Hr as film,
2915
+ Jr as gentle,
2916
+ Nr as hero,
2917
+ zr as jaemin,
2918
+ Wr as rotate,
2919
+ jr as scale,
2920
+ Vr as scroll,
2921
+ Xr as sheet,
2922
+ Br as slide,
2923
+ Gr as smooth,
2924
+ qr as snappy,
2925
+ Q as spring,
2926
+ Ur as strip,
2927
+ Qr as swift,
2928
+ O as withOverride,
2929
+ Zr as zoom
2848
2930
  };