motion-v 0.2.4 → 0.2.5

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,8 +1,8 @@
1
- import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as re, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as kn, watch as Gn, onBeforeUnmount as di } from "vue";
1
+ import { inject as Js, provide as Qs, Fragment as ti, defineComponent as Ot, Comment as ei, mergeProps as In, cloneVNode as ni, h as $t, mergeDefaults as si, ref as ii, useAttrs as ri, getCurrentInstance as oi, onMounted as Ln, onUnmounted as Dt, onUpdated as ai, openBlock as Nn, createBlock as $n, unref as li, withCtx as Kn, renderSlot as Wn, toRefs as ui, resolveDynamicComponent as ci, TransitionGroup as fi, Transition as hi, onBeforeUpdate as _n, watch as kn, onBeforeUnmount as di } from "vue";
2
2
  function pi(e, t) {
3
3
  e.indexOf(t) === -1 && e.push(t);
4
4
  }
5
- function _n(e, t) {
5
+ function Gn(e, t) {
6
6
  const n = e.indexOf(t);
7
7
  n > -1 && e.splice(n, 1);
8
8
  }
@@ -11,7 +11,7 @@ class zn {
11
11
  this.subscriptions = [];
12
12
  }
13
13
  add(t) {
14
- return pi(this.subscriptions, t), () => _n(this.subscriptions, t);
14
+ return pi(this.subscriptions, t), () => Gn(this.subscriptions, t);
15
15
  }
16
16
  notify(t, n, s) {
17
17
  const i = this.subscriptions.length;
@@ -34,9 +34,9 @@ class zn {
34
34
  function oe(e, t) {
35
35
  return t ? e * (1e3 / t) : 0;
36
36
  }
37
- const ke = /* @__PURE__ */ new Set();
37
+ const _e = /* @__PURE__ */ new Set();
38
38
  function Bt(e, t, n) {
39
- e || ke.has(t) || (console.warn(t), ke.add(t));
39
+ e || _e.has(t) || (console.warn(t), _e.add(t));
40
40
  }
41
41
  const mi = {
42
42
  skipAnimations: !1,
@@ -108,23 +108,23 @@ function vi(e, t) {
108
108
  };
109
109
  return { schedule: st.reduce((g, y) => {
110
110
  const T = o[y];
111
- return g[y] = (V, w = !1, A = !1) => (n || m(), T.schedule(V, w, A)), g;
111
+ return g[y] = (x, w = !1, A = !1) => (n || m(), T.schedule(x, w, A)), g;
112
112
  }, {}), cancel: (g) => {
113
113
  for (let y = 0; y < st.length; y++)
114
114
  o[st[y]].cancel(g);
115
115
  }, state: i, steps: o };
116
116
  }
117
117
  const { schedule: M, cancel: R, state: J, steps: Ll } = vi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
118
- let wt;
118
+ let St;
119
119
  function bi() {
120
- wt = void 0;
120
+ St = void 0;
121
121
  }
122
122
  const N = {
123
- now: () => (wt === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), wt),
123
+ now: () => (St === void 0 && N.set(J.isProcessing || mi.useManualTiming ? J.timestamp : performance.now()), St),
124
124
  set: (e) => {
125
- wt = e, queueMicrotask(bi);
125
+ St = e, queueMicrotask(bi);
126
126
  }
127
- }, Ge = 30, Si = (e) => !isNaN(parseFloat(e)), G = {
127
+ }, ke = 30, Si = (e) => !isNaN(parseFloat(e)), k = {
128
128
  current: void 0
129
129
  };
130
130
  class wi {
@@ -248,7 +248,7 @@ class wi {
248
248
  * @public
249
249
  */
250
250
  get() {
251
- return G.current && G.current.push(this), this.current;
251
+ return k.current && k.current.push(this), this.current;
252
252
  }
253
253
  /**
254
254
  * @public
@@ -265,9 +265,9 @@ class wi {
265
265
  */
266
266
  getVelocity() {
267
267
  const t = N.now();
268
- if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Ge)
268
+ if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ke)
269
269
  return 0;
270
- const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ge);
270
+ const n = Math.min(this.updatedAt - this.prevUpdatedAt, ke);
271
271
  return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
272
272
  }
273
273
  /**
@@ -328,7 +328,7 @@ function Rt(e) {
328
328
  let t;
329
329
  return () => (t === void 0 && (t = e()), t);
330
330
  }
331
- const jn = Rt(() => window.ScrollTimeline !== void 0);
331
+ const Un = Rt(() => window.ScrollTimeline !== void 0);
332
332
  class ae {
333
333
  constructor(t) {
334
334
  this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
@@ -347,7 +347,7 @@ class ae {
347
347
  this.animations[s][t] = n;
348
348
  }
349
349
  attachTimeline(t, n) {
350
- const s = this.animations.map((i) => jn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
350
+ const s = this.animations.map((i) => Un() && i.attachTimeline ? i.attachTimeline(t) : n(i));
351
351
  return () => {
352
352
  s.forEach((i, r) => {
353
353
  i && i(), this.animations[r].stop();
@@ -392,27 +392,27 @@ class ae {
392
392
  }
393
393
  }
394
394
  const C = (e) => e * 1e3, B = (e) => e / 1e3, Ti = 5;
395
- function Un(e, t, n) {
395
+ function jn(e, t, n) {
396
396
  const s = Math.max(t - Ti, 0);
397
397
  return oe(n - e(s), t - s);
398
398
  }
399
- let ht = K, I = K;
400
- process.env.NODE_ENV !== "production" && (ht = (e, t) => {
399
+ let ft = K, I = K;
400
+ process.env.NODE_ENV !== "production" && (ft = (e, t) => {
401
401
  !e && typeof console < "u" && console.warn(t);
402
402
  }, I = (e, t) => {
403
403
  if (!e)
404
404
  throw new Error(t);
405
405
  });
406
- const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, Vi = 0.01, _e = 10, xi = 0.05, Ai = 1;
406
+ const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, xi = 0.01, Ge = 10, Vi = 0.05, Ai = 1;
407
407
  function Mi({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
408
408
  let i, r;
409
- ht(e <= C(_e), "Spring duration must be 10 seconds or less");
409
+ ft(e <= C(Ge), "Spring duration must be 10 seconds or less");
410
410
  let o = 1 - t;
411
- o = H(xi, Ai, o), e = H(Vi, _e, B(e)), o < 1 ? (i = (u) => {
412
- const c = u * o, f = c * e, h = c - n, p = Ut(u, o), m = Math.exp(-f);
411
+ o = H(Vi, Ai, o), e = H(xi, Ge, B(e)), o < 1 ? (i = (u) => {
412
+ const c = u * o, f = c * e, h = c - n, p = Ht(u, o), m = Math.exp(-f);
413
413
  return Kt - h / p * m;
414
414
  }, r = (u) => {
415
- const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ut(Math.pow(u, 2), o);
415
+ const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ht(Math.pow(u, 2), o);
416
416
  return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / S;
417
417
  }) : (i = (u) => {
418
418
  const c = Math.exp(-u * e), f = (u - n) * e + 1;
@@ -444,7 +444,7 @@ function Pi(e, t, n) {
444
444
  s = s - e(s) / t(s);
445
445
  return s;
446
446
  }
447
- function Ut(e, t) {
447
+ function Ht(e, t) {
448
448
  return e * Math.sqrt(1 - t * t);
449
449
  }
450
450
  const Ci = ["duration", "bounce"], Fi = ["stiffness", "damping", "mass"];
@@ -478,62 +478,62 @@ function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
478
478
  n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
479
479
  let y;
480
480
  if (m < 1) {
481
- const T = Ut(b, m);
482
- y = (V) => {
483
- const w = Math.exp(-m * b * V);
484
- return r - w * ((p + m * b * S) / T * Math.sin(T * V) + S * Math.cos(T * V));
481
+ const T = Ht(b, m);
482
+ y = (x) => {
483
+ const w = Math.exp(-m * b * x);
484
+ return r - w * ((p + m * b * S) / T * Math.sin(T * x) + S * Math.cos(T * x));
485
485
  };
486
486
  } else if (m === 1)
487
487
  y = (T) => r - Math.exp(-b * T) * (S + (p + b * S) * T);
488
488
  else {
489
489
  const T = b * Math.sqrt(m * m - 1);
490
- y = (V) => {
491
- const w = Math.exp(-m * b * V), A = Math.min(T * V, 300);
490
+ y = (x) => {
491
+ const w = Math.exp(-m * b * x), A = Math.min(T * x, 300);
492
492
  return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
493
493
  };
494
494
  }
495
495
  return {
496
496
  calculatedDuration: h && c || null,
497
497
  next: (T) => {
498
- const V = y(T);
498
+ const x = y(T);
499
499
  if (h)
500
500
  o.done = T >= c;
501
501
  else {
502
502
  let w = 0;
503
- m < 1 && (w = T === 0 ? C(p) : Un(y, T, V));
504
- const A = Math.abs(w) <= n, F = Math.abs(r - V) <= t;
503
+ m < 1 && (w = T === 0 ? C(p) : jn(y, T, x));
504
+ const A = Math.abs(w) <= n, F = Math.abs(r - x) <= t;
505
505
  o.done = A && F;
506
506
  }
507
- return o.value = o.done ? r : V, o;
507
+ return o.value = o.done ? r : x, o;
508
508
  }
509
509
  };
510
510
  }
511
- const Ht = 2e4;
511
+ const Yt = 2e4;
512
512
  function Hn(e) {
513
513
  let t = 0;
514
514
  const n = 50;
515
515
  let s = e.next(t);
516
- for (; !s.done && t < Ht; )
516
+ for (; !s.done && t < Yt; )
517
517
  t += n, s = e.next(t);
518
- return t >= Ht ? 1 / 0 : t;
518
+ return t >= Yt ? 1 / 0 : t;
519
519
  }
520
520
  function Yn(e, t = 100, n) {
521
- const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Ht);
521
+ const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Hn(s), Yt);
522
522
  return {
523
523
  type: "keyframes",
524
524
  ease: (r) => s.next(i * r).value / t,
525
525
  duration: B(i)
526
526
  };
527
527
  }
528
- const dt = (e, t, n) => e + (t - e) * n, pt = (e, t, n) => {
528
+ const ht = (e, t, n) => e + (t - e) * n, dt = (e, t, n) => {
529
529
  const s = t - e;
530
530
  return s === 0 ? 1 : (n - e) / s;
531
531
  };
532
532
  function Xn(e, t) {
533
533
  const n = e[e.length - 1];
534
534
  for (let s = 1; s <= t; s++) {
535
- const i = pt(0, t, s);
536
- e.push(dt(n, 1, i));
535
+ const i = dt(0, t, s);
536
+ e.push(ht(n, 1, i));
537
537
  }
538
538
  }
539
539
  function ue(e) {
@@ -555,10 +555,10 @@ function ce(e) {
555
555
  function qn(e, t, n, s) {
556
556
  return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
557
557
  }
558
- function mt(e) {
558
+ function pt(e) {
559
559
  return typeof e == "function";
560
560
  }
561
- function je(e, t, n, s) {
561
+ function Ue(e, t, n, s) {
562
562
  var i;
563
563
  return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
564
564
  }
@@ -572,7 +572,7 @@ function Bi(e, t) {
572
572
  function Ri(e, t, n) {
573
573
  for (let s = 0; s < e.length; s++) {
574
574
  const i = e[s];
575
- i.at > t && i.at < n && (_n(e, i), s--);
575
+ i.at > t && i.at < n && (Gn(e, i), s--);
576
576
  }
577
577
  }
578
578
  function Ii(e, t, n, s, i, r) {
@@ -580,7 +580,7 @@ function Ii(e, t, n, s, i, r) {
580
580
  for (let o = 0; o < t.length; o++)
581
581
  e.push({
582
582
  value: t[o],
583
- at: dt(i, r, s[o]),
583
+ at: ht(i, r, s[o]),
584
584
  easing: Bi(n, o)
585
585
  });
586
586
  }
@@ -597,20 +597,20 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
597
597
  u.set(m, f);
598
598
  continue;
599
599
  } else if (!Array.isArray(m)) {
600
- u.set(m.name, je(f, m.at, c, u));
600
+ u.set(m.name, Ue(f, m.at, c, u));
601
601
  continue;
602
602
  }
603
603
  let [S, b, g = {}] = m;
604
- g.at !== void 0 && (f = je(f, g.at, c, u));
604
+ g.at !== void 0 && (f = Ue(f, g.at, c, u));
605
605
  let y = 0;
606
- const T = (V, w, A, F = 0, v = 0) => {
607
- const x = Ki(V), { delay: O = 0, times: z = ue(x), type: Nt = "keyframes", ...qs } = w;
606
+ const T = (x, w, A, F = 0, v = 0) => {
607
+ const V = Ki(x), { delay: O = 0, times: z = ue(V), type: Nt = "keyframes", ...qs } = w;
608
608
  let { ease: Oe = t.ease || "easeOut", duration: L } = w;
609
- const De = typeof O == "function" ? O(F, v) : O, Be = x.length, Re = mt(Nt) ? Nt : i == null ? void 0 : i[Nt];
609
+ const De = typeof O == "function" ? O(F, v) : O, Be = V.length, Re = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
610
610
  if (Be <= 2 && Re) {
611
611
  let $e = 100;
612
- if (Be === 2 && Gi(x)) {
613
- const Zs = x[1] - x[0];
612
+ if (Be === 2 && ki(V)) {
613
+ const Zs = V[1] - V[0];
614
614
  $e = Math.abs(Zs);
615
615
  }
616
616
  const Ke = { ...qs };
@@ -621,19 +621,19 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
621
621
  L ?? (L = r);
622
622
  const Ie = f + De, Le = Ie + L;
623
623
  z.length === 1 && z[0] === 0 && (z[1] = 1);
624
- const Ne = z.length - x.length;
625
- Ne > 0 && Xn(z, Ne), x.length === 1 && x.unshift(null), Ii(A, x, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
624
+ const Ne = z.length - V.length;
625
+ Ne > 0 && Xn(z, Ne), V.length === 1 && V.unshift(null), Ii(A, V, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
626
626
  };
627
627
  if (P(S)) {
628
- const V = Ue(S, a);
629
- T(b, g, He("default", V));
628
+ const x = je(S, a);
629
+ T(b, g, He("default", x));
630
630
  } else {
631
- const V = qn(S, b, s, l), w = V.length;
631
+ const x = qn(S, b, s, l), w = x.length;
632
632
  for (let A = 0; A < w; A++) {
633
633
  b = b, g = g;
634
- const F = V[A], v = Ue(F, a);
635
- for (const x in b)
636
- T(b[x], Wi(g, x), He(x, v), A, w);
634
+ const F = x[A], v = je(F, a);
635
+ for (const V in b)
636
+ T(b[V], Wi(g, V), He(V, v), A, w);
637
637
  }
638
638
  }
639
639
  c = f, f += y;
@@ -645,14 +645,14 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
645
645
  const g = [], y = [], T = [];
646
646
  for (let w = 0; w < b.length; w++) {
647
647
  const { at: A, value: F, easing: v } = b[w];
648
- g.push(F), y.push(pt(0, h, A)), T.push(v || "easeOut");
648
+ g.push(F), y.push(dt(0, h, A)), T.push(v || "easeOut");
649
649
  }
650
650
  y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift(Ni)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
651
651
  keyframes: {},
652
652
  transition: {}
653
653
  });
654
- const V = o.get(m);
655
- V.keyframes[S] = g, V.transition[S] = {
654
+ const x = o.get(m);
655
+ x.keyframes[S] = g, x.transition[S] = {
656
656
  ...t,
657
657
  duration: h,
658
658
  ease: T,
@@ -662,7 +662,7 @@ function $i(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
662
662
  }
663
663
  }), o;
664
664
  }
665
- function Ue(e, t) {
665
+ function je(e, t) {
666
666
  return !t.has(e) && t.set(e, {}), t.get(e);
667
667
  }
668
668
  function He(e, t) {
@@ -677,7 +677,7 @@ function Wi(e, t) {
677
677
  ...e[t]
678
678
  } : { ...e };
679
679
  }
680
- const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE__ */ new WeakMap(), gt = [
680
+ const _i = (e) => typeof e == "number", ki = (e) => e.every(_i), $ = /* @__PURE__ */ new WeakMap(), mt = [
681
681
  "transformPerspective",
682
682
  "x",
683
683
  "y",
@@ -695,7 +695,7 @@ const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE_
695
695
  "skew",
696
696
  "skewX",
697
697
  "skewY"
698
- ], X = new Set(gt), _i = {
698
+ ], X = new Set(mt), Gi = {
699
699
  type: "spring",
700
700
  stiffness: 500,
701
701
  damping: 25,
@@ -705,19 +705,19 @@ const ki = (e) => typeof e == "number", Gi = (e) => e.every(ki), $ = /* @__PURE_
705
705
  stiffness: 550,
706
706
  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
707
707
  restSpeed: 10
708
- }), ji = {
708
+ }), Ui = {
709
709
  type: "keyframes",
710
710
  duration: 0.8
711
- }, Ui = {
711
+ }, ji = {
712
712
  type: "keyframes",
713
713
  ease: [0.25, 0.1, 0.35, 1],
714
714
  duration: 0.3
715
- }, Hi = (e, { keyframes: t }) => t.length > 2 ? ji : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : _i : Ui;
715
+ }, Hi = (e, { keyframes: t }) => t.length > 2 ? Ui : X.has(e) ? e.startsWith("scale") ? zi(t[1]) : Gi : ji;
716
716
  function fe(e, t) {
717
717
  return e ? e[t] || e.default || e : void 0;
718
718
  }
719
719
  const Yi = (e) => e !== null;
720
- function yt(e, { repeat: t, repeatType: n = "loop" }, s) {
720
+ function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
721
721
  const i = e.filter(Yi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
722
722
  return !r || s === void 0 ? i[r] : s;
723
723
  }
@@ -729,13 +729,13 @@ function Zi(e, t, n, s, i) {
729
729
  while (Math.abs(r) > Xi && ++a < qi);
730
730
  return o;
731
731
  }
732
- function vt(e, t, n, s) {
732
+ function yt(e, t, n, s) {
733
733
  if (e === t && n === s)
734
734
  return K;
735
735
  const i = (r) => Zi(r, 0, 1, e, n);
736
736
  return (r) => r === 0 || r === 1 ? r : Jn(i(r), t, s);
737
737
  }
738
- const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ vt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ ts(es), ns = /* @__PURE__ */ Qn(he), ss = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = ts(de), is = Qn(de), rs = (e) => /^0[^.\s]+$/u.test(e);
738
+ const Qn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, ts = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ yt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ ts(es), ns = /* @__PURE__ */ Qn(he), ss = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Ji = ts(de), is = Qn(de), rs = (e) => /^0[^.\s]+$/u.test(e);
739
739
  function Qi(e) {
740
740
  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || rs(e) : !0;
741
741
  }
@@ -767,17 +767,17 @@ const tt = {
767
767
  test: (e) => typeof e == "number",
768
768
  parse: parseFloat,
769
769
  transform: (e) => e
770
- }, lt = {
770
+ }, at = {
771
771
  ...tt,
772
772
  transform: (e) => H(0, 1, e)
773
- }, St = {
773
+ }, bt = {
774
774
  ...tt,
775
775
  default: 1
776
- }, bt = (e) => ({
776
+ }, vt = (e) => ({
777
777
  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
778
778
  parse: parseFloat,
779
779
  transform: (t) => `${t}${e}`
780
- }), W = /* @__PURE__ */ bt("deg"), Z = /* @__PURE__ */ bt("%"), d = /* @__PURE__ */ bt("px"), rr = /* @__PURE__ */ bt("vh"), or = /* @__PURE__ */ bt("vw"), Ye = {
780
+ }), W = /* @__PURE__ */ vt("deg"), Z = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), rr = /* @__PURE__ */ vt("vh"), or = /* @__PURE__ */ vt("vw"), Ye = {
781
781
  ...Z,
782
782
  parse: (e) => Z.parse(e) / 100,
783
783
  transform: (e) => Z.transform(e * 100)
@@ -802,7 +802,7 @@ const tt = {
802
802
  const r = s.match(/^matrix\((.+)\)$/u);
803
803
  return r ? qe(r[1], e) : 0;
804
804
  }
805
- }, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = gt.filter((e) => !lr.has(e));
805
+ }, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = mt.filter((e) => !lr.has(e));
806
806
  function cr(e) {
807
807
  const t = [];
808
808
  return ur.forEach((n) => {
@@ -827,11 +827,11 @@ Q.translateY = Q.y;
827
827
  const cs = (e) => (t) => t.test(e), fr = {
828
828
  test: (e) => e === "auto",
829
829
  parse: (e) => e
830
- }, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), U = /* @__PURE__ */ new Set();
831
- let Yt = !1, Xt = !1;
830
+ }, fs = [tt, d, Z, W, or, rr, fr], Je = (e) => fs.find(cs(e)), j = /* @__PURE__ */ new Set();
831
+ let Xt = !1, qt = !1;
832
832
  function hs() {
833
- if (Xt) {
834
- const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
833
+ if (qt) {
834
+ const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
835
835
  t.forEach((s) => {
836
836
  const i = cr(s);
837
837
  i.length && (n.set(s, i), s.render());
@@ -846,11 +846,11 @@ function hs() {
846
846
  s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
847
847
  });
848
848
  }
849
- Xt = !1, Yt = !1, U.forEach((e) => e.complete()), U.clear();
849
+ qt = !1, Xt = !1, j.forEach((e) => e.complete()), j.clear();
850
850
  }
851
851
  function ds() {
852
- U.forEach((e) => {
853
- e.readKeyframes(), e.needsMeasurement && (Xt = !0);
852
+ j.forEach((e) => {
853
+ e.readKeyframes(), e.needsMeasurement && (qt = !0);
854
854
  });
855
855
  }
856
856
  function hr() {
@@ -861,7 +861,7 @@ class me {
861
861
  this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
862
862
  }
863
863
  scheduleResolve() {
864
- this.isScheduled = !0, this.isAsync ? (U.add(this), Yt || (Yt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
864
+ this.isScheduled = !0, this.isAsync ? (j.add(this), Xt || (Xt = !0, M.read(ds), M.resolveKeyframes(hs))) : (this.readKeyframes(), this.complete());
865
865
  }
866
866
  readKeyframes() {
867
867
  const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -888,10 +888,10 @@ class me {
888
888
  measureEndState() {
889
889
  }
890
890
  complete() {
891
- this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), U.delete(this);
891
+ this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
892
892
  }
893
893
  cancel() {
894
- this.isComplete || (this.isScheduled = !1, U.delete(this));
894
+ this.isComplete || (this.isScheduled = !1, j.delete(this));
895
895
  }
896
896
  resume() {
897
897
  this.isComplete || this.scheduleResolve();
@@ -914,10 +914,10 @@ const pr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
914
914
  }, mr = (e) => H(0, 255, e), Wt = {
915
915
  ...tt,
916
916
  transform: (e) => Math.round(mr(e))
917
- }, j = {
917
+ }, U = {
918
918
  test: /* @__PURE__ */ ye("rgb", "red"),
919
919
  parse: /* @__PURE__ */ ps("red", "green", "blue"),
920
- transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(lt.transform(s)) + ")"
920
+ transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(e) + ", " + Wt.transform(t) + ", " + Wt.transform(n) + ", " + rt(at.transform(s)) + ")"
921
921
  };
922
922
  function gr(e) {
923
923
  let t = "", n = "", s = "", i = "";
@@ -928,25 +928,25 @@ function gr(e) {
928
928
  alpha: i ? parseInt(i, 16) / 255 : 1
929
929
  };
930
930
  }
931
- const qt = {
931
+ const Zt = {
932
932
  test: /* @__PURE__ */ ye("#"),
933
933
  parse: gr,
934
- transform: j.transform
934
+ transform: U.transform
935
935
  }, q = {
936
936
  test: /* @__PURE__ */ ye("hsl", "hue"),
937
937
  parse: /* @__PURE__ */ ps("hue", "saturation", "lightness"),
938
- transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(lt.transform(s)) + ")"
938
+ transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(at.transform(s)) + ")"
939
939
  }, E = {
940
- test: (e) => j.test(e) || qt.test(e) || q.test(e),
941
- parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : qt.parse(e),
942
- transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e)
940
+ test: (e) => U.test(e) || Zt.test(e) || q.test(e),
941
+ parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : Zt.parse(e),
942
+ transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e)
943
943
  }, yr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
944
944
  function vr(e) {
945
945
  var t, n;
946
946
  return isNaN(e) && typeof e == "string" && (((t = e.match(ge)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(yr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
947
947
  }
948
948
  const ms = "number", gs = "color", br = "var", Sr = "var(", Qe = "${}", wr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
949
- function ut(e) {
949
+ function lt(e) {
950
950
  const t = e.toString(), n = [], s = {
951
951
  color: [],
952
952
  number: [],
@@ -957,10 +957,10 @@ function ut(e) {
957
957
  return { values: n, split: a, indexes: s, types: i };
958
958
  }
959
959
  function ys(e) {
960
- return ut(e).values;
960
+ return lt(e).values;
961
961
  }
962
962
  function vs(e) {
963
- const { split: t, types: n } = ut(e), s = t.length;
963
+ const { split: t, types: n } = lt(e), s = t.length;
964
964
  return (i) => {
965
965
  let r = "";
966
966
  for (let o = 0; o < s; o++)
@@ -972,7 +972,7 @@ function vs(e) {
972
972
  };
973
973
  }
974
974
  const Tr = (e) => typeof e == "number" ? 0 : e;
975
- function Vr(e) {
975
+ function xr(e) {
976
976
  const t = ys(e);
977
977
  return vs(e)(t.map(Tr));
978
978
  }
@@ -980,8 +980,8 @@ const et = {
980
980
  test: vr,
981
981
  parse: ys,
982
982
  createTransformer: vs,
983
- getAnimatableNone: Vr
984
- }, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
983
+ getAnimatableNone: xr
984
+ }, Vr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
985
985
  function Ar(e) {
986
986
  const [t, n] = e.slice(0, -1).split("(");
987
987
  if (t === "drop-shadow")
@@ -990,16 +990,16 @@ function Ar(e) {
990
990
  if (!s)
991
991
  return e;
992
992
  const i = n.replace(s, "");
993
- let r = xr.has(t) ? 1 : 0;
993
+ let r = Vr.has(t) ? 1 : 0;
994
994
  return s !== n && (r *= 100), t + "(" + r + i + ")";
995
995
  }
996
- const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
996
+ const Mr = /\b([a-z-]*)\(.*?\)/gu, Jt = {
997
997
  ...et,
998
998
  getAnimatableNone: (e) => {
999
999
  const t = e.match(Mr);
1000
1000
  return t ? t.map(Ar).join(" ") : e;
1001
1001
  }
1002
- }, Jt = {
1002
+ }, Qt = {
1003
1003
  // Border props
1004
1004
  borderWidth: d,
1005
1005
  borderTopWidth: d,
@@ -1040,10 +1040,10 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
1040
1040
  rotateX: W,
1041
1041
  rotateY: W,
1042
1042
  rotateZ: W,
1043
- scale: St,
1044
- scaleX: St,
1045
- scaleY: St,
1046
- scaleZ: St,
1043
+ scale: bt,
1044
+ scaleX: bt,
1045
+ scaleY: bt,
1046
+ scaleZ: bt,
1047
1047
  skew: W,
1048
1048
  skewX: W,
1049
1049
  skewY: W,
@@ -1056,7 +1056,7 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
1056
1056
  z: d,
1057
1057
  perspective: d,
1058
1058
  transformPerspective: d,
1059
- opacity: lt,
1059
+ opacity: at,
1060
1060
  originX: Ye,
1061
1061
  originY: Ye,
1062
1062
  originZ: d
@@ -1064,13 +1064,13 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
1064
1064
  ...tt,
1065
1065
  transform: Math.round
1066
1066
  }, ve = {
1067
- ...Jt,
1067
+ ...Qt,
1068
1068
  ...Er,
1069
1069
  zIndex: tn,
1070
1070
  size: d,
1071
1071
  // SVG
1072
- fillOpacity: lt,
1073
- strokeOpacity: lt,
1072
+ fillOpacity: at,
1073
+ strokeOpacity: at,
1074
1074
  numOctaves: tn
1075
1075
  }, Pr = {
1076
1076
  ...ve,
@@ -1086,19 +1086,19 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, Zt = {
1086
1086
  borderRightColor: E,
1087
1087
  borderBottomColor: E,
1088
1088
  borderLeftColor: E,
1089
- filter: Zt,
1090
- WebkitFilter: Zt
1089
+ filter: Jt,
1090
+ WebkitFilter: Jt
1091
1091
  }, be = (e) => Pr[e];
1092
1092
  function bs(e, t) {
1093
1093
  let n = be(e);
1094
- return n !== Zt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
1094
+ return n !== Jt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
1095
1095
  }
1096
1096
  const Cr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
1097
1097
  function Fr(e, t, n) {
1098
1098
  let s = 0, i;
1099
1099
  for (; s < e.length && !i; ) {
1100
1100
  const r = e[s];
1101
- typeof r == "string" && !Cr.has(r) && ut(r).values.length && (i = e[s]), s++;
1101
+ typeof r == "string" && !Cr.has(r) && lt(r).values.length && (i = e[s]), s++;
1102
1102
  }
1103
1103
  if (i && n)
1104
1104
  for (const r of t)
@@ -1177,7 +1177,7 @@ function Dr(e, t, n, s) {
1177
1177
  if (t === "display" || t === "visibility")
1178
1178
  return !0;
1179
1179
  const r = e[e.length - 1], o = en(i, t), a = en(r, t);
1180
- return ht(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || mt(n)) && s;
1180
+ return ft(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Or(e) || (n === "spring" || pt(n)) && s;
1181
1181
  }
1182
1182
  const Br = 40;
1183
1183
  class ws {
@@ -1225,7 +1225,7 @@ class ws {
1225
1225
  if (o)
1226
1226
  this.options.duration = 0;
1227
1227
  else {
1228
- l == null || l(yt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
1228
+ l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
1229
1229
  return;
1230
1230
  }
1231
1231
  const c = this.initPlayback(t, n);
@@ -1259,15 +1259,15 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
1259
1259
  let S = n * t;
1260
1260
  const b = f + S, g = o === void 0 ? b : o(b);
1261
1261
  g !== b && (S = g - f);
1262
- const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), V = (v) => {
1263
- const x = y(v), O = T(v);
1264
- h.done = Math.abs(x) <= u, h.value = h.done ? g : O;
1262
+ const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), x = (v) => {
1263
+ const V = y(v), O = T(v);
1264
+ h.done = Math.abs(V) <= u, h.value = h.done ? g : O;
1265
1265
  };
1266
1266
  let w, A;
1267
1267
  const F = (v) => {
1268
1268
  p(h.value) && (w = v, A = le({
1269
1269
  keyframes: [h.value, m(h.value)],
1270
- velocity: Un(T, v, h.value),
1270
+ velocity: jn(T, v, h.value),
1271
1271
  // TODO: This should be passing * 1000
1272
1272
  damping: i,
1273
1273
  stiffness: r,
@@ -1278,12 +1278,12 @@ function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
1278
1278
  return F(0), {
1279
1279
  calculatedDuration: null,
1280
1280
  next: (v) => {
1281
- let x = !1;
1282
- return !A && w === void 0 && (x = !0, V(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!x && V(v), h);
1281
+ let V = !1;
1282
+ return !A && w === void 0 && (V = !0, x(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!V && x(v), h);
1283
1283
  }
1284
1284
  };
1285
1285
  }
1286
- const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ vt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
1286
+ const Rr = /* @__PURE__ */ yt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ yt(0, 0, 0.58, 1), Ts = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
1287
1287
  linear: K,
1288
1288
  easeIn: Rr,
1289
1289
  easeInOut: Ts,
@@ -1295,16 +1295,16 @@ const Rr = /* @__PURE__ */ vt(0.42, 0, 1, 1), Ir = /* @__PURE__ */ vt(0, 0, 0.58
1295
1295
  backInOut: ns,
1296
1296
  backOut: es,
1297
1297
  anticipate: ss
1298
- }, Qt = (e) => {
1298
+ }, te = (e) => {
1299
1299
  if (Se(e)) {
1300
1300
  I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
1301
1301
  const [t, n, s, i] = e;
1302
- return vt(t, n, s, i);
1302
+ return yt(t, n, s, i);
1303
1303
  } else if (typeof e == "string")
1304
1304
  return I(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
1305
1305
  return e;
1306
1306
  }, Lr = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Lr);
1307
- function kt(e, t, n) {
1307
+ function _t(e, t, n) {
1308
1308
  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
1309
1309
  }
1310
1310
  function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
@@ -1314,7 +1314,7 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
1314
1314
  i = r = o = n;
1315
1315
  else {
1316
1316
  const a = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - a;
1317
- i = kt(l, a, e + 1 / 3), r = kt(l, a, e), o = kt(l, a, e - 1 / 3);
1317
+ i = _t(l, a, e + 1 / 3), r = _t(l, a, e), o = _t(l, a, e - 1 / 3);
1318
1318
  }
1319
1319
  return {
1320
1320
  red: Math.round(i * 255),
@@ -1323,16 +1323,16 @@ function Nr({ hue: e, saturation: t, lightness: n, alpha: s }) {
1323
1323
  alpha: s
1324
1324
  };
1325
1325
  }
1326
- function At(e, t) {
1326
+ function Vt(e, t) {
1327
1327
  return (n) => n > 0 ? t : e;
1328
1328
  }
1329
- const Gt = (e, t, n) => {
1329
+ const kt = (e, t, n) => {
1330
1330
  const s = e * e, i = n * (t * t - s) + s;
1331
1331
  return i < 0 ? 0 : Math.sqrt(i);
1332
- }, $r = [qt, j, q], Kr = (e) => $r.find((t) => t.test(e));
1332
+ }, $r = [Zt, U, q], Kr = (e) => $r.find((t) => t.test(e));
1333
1333
  function rn(e) {
1334
1334
  const t = Kr(e);
1335
- if (ht(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
1335
+ if (ft(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
1336
1336
  return !1;
1337
1337
  let n = t.parse(e);
1338
1338
  return t === q && (n = Nr(n)), n;
@@ -1340,20 +1340,20 @@ function rn(e) {
1340
1340
  const on = (e, t) => {
1341
1341
  const n = rn(e), s = rn(t);
1342
1342
  if (!n || !s)
1343
- return At(e, t);
1343
+ return Vt(e, t);
1344
1344
  const i = { ...n };
1345
- return (r) => (i.red = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = dt(n.alpha, s.alpha, r), j.transform(i));
1346
- }, te = /* @__PURE__ */ new Set(["none", "hidden"]);
1345
+ return (r) => (i.red = kt(n.red, s.red, r), i.green = kt(n.green, s.green, r), i.blue = kt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), U.transform(i));
1346
+ }, ee = /* @__PURE__ */ new Set(["none", "hidden"]);
1347
1347
  function Wr(e, t) {
1348
- return te.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
1348
+ return ee.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
1349
1349
  }
1350
- function kr(e, t) {
1351
- return (n) => dt(e, t, n);
1350
+ function _r(e, t) {
1351
+ return (n) => ht(e, t, n);
1352
1352
  }
1353
1353
  function Te(e) {
1354
- return typeof e == "number" ? kr : typeof e == "string" ? pe(e) ? At : E.test(e) ? on : zr : Array.isArray(e) ? Vs : typeof e == "object" ? E.test(e) ? on : Gr : At;
1354
+ return typeof e == "number" ? _r : typeof e == "string" ? pe(e) ? Vt : E.test(e) ? on : zr : Array.isArray(e) ? xs : typeof e == "object" ? E.test(e) ? on : kr : Vt;
1355
1355
  }
1356
- function Vs(e, t) {
1356
+ function xs(e, t) {
1357
1357
  const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
1358
1358
  return (r) => {
1359
1359
  for (let o = 0; o < s; o++)
@@ -1361,7 +1361,7 @@ function Vs(e, t) {
1361
1361
  return n;
1362
1362
  };
1363
1363
  }
1364
- function Gr(e, t) {
1364
+ function kr(e, t) {
1365
1365
  const n = { ...e, ...t }, s = {};
1366
1366
  for (const i in n)
1367
1367
  e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
@@ -1371,7 +1371,7 @@ function Gr(e, t) {
1371
1371
  return n;
1372
1372
  };
1373
1373
  }
1374
- function _r(e, t) {
1374
+ function Gr(e, t) {
1375
1375
  var n;
1376
1376
  const s = [], i = { color: 0, var: 0, number: 0 };
1377
1377
  for (let r = 0; r < t.values.length; r++) {
@@ -1381,14 +1381,14 @@ function _r(e, t) {
1381
1381
  return s;
1382
1382
  }
1383
1383
  const zr = (e, t) => {
1384
- const n = et.createTransformer(t), s = ut(e), i = ut(t);
1385
- return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? te.has(e) && !i.values.length || te.has(t) && !s.values.length ? Wr(e, t) : we(Vs(_r(s, i), i.values), n) : (ht(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), At(e, t));
1384
+ const n = et.createTransformer(t), s = lt(e), i = lt(t);
1385
+ return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? ee.has(e) && !i.values.length || ee.has(t) && !s.values.length ? Wr(e, t) : we(xs(Gr(s, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Vt(e, t));
1386
1386
  };
1387
- function xs(e, t, n) {
1388
- return typeof e == "number" && typeof t == "number" && typeof n == "number" ? dt(e, t, n) : Te(e)(e, t);
1387
+ function Vs(e, t, n) {
1388
+ return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Te(e)(e, t);
1389
1389
  }
1390
- function jr(e, t, n) {
1391
- const s = [], i = n || xs, r = e.length - 1;
1390
+ function Ur(e, t, n) {
1391
+ const s = [], i = n || Vs, r = e.length - 1;
1392
1392
  for (let o = 0; o < r; o++) {
1393
1393
  let a = i(e[o], e[o + 1]);
1394
1394
  if (t) {
@@ -1399,39 +1399,39 @@ function jr(e, t, n) {
1399
1399
  }
1400
1400
  return s;
1401
1401
  }
1402
- function Ve(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
1402
+ function xe(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
1403
1403
  const r = e.length;
1404
1404
  if (I(r === t.length, "Both input and output ranges must be the same length"), r === 1)
1405
1405
  return () => t[0];
1406
1406
  if (r === 2 && e[0] === e[1])
1407
1407
  return () => t[1];
1408
1408
  e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
1409
- const o = jr(t, s, i), a = o.length, l = (u) => {
1409
+ const o = Ur(t, s, i), a = o.length, l = (u) => {
1410
1410
  let c = 0;
1411
1411
  if (a > 1)
1412
1412
  for (; c < e.length - 2 && !(u < e[c + 1]); c++)
1413
1413
  ;
1414
- const f = pt(e[c], e[c + 1], u);
1414
+ const f = dt(e[c], e[c + 1], u);
1415
1415
  return o[c](f);
1416
1416
  };
1417
1417
  return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
1418
1418
  }
1419
- function Ur(e, t) {
1419
+ function jr(e, t) {
1420
1420
  return e.map((n) => n * t);
1421
1421
  }
1422
1422
  function Hr(e, t) {
1423
1423
  return e.map(() => t || Ts).splice(0, e.length - 1);
1424
1424
  }
1425
- function Mt({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
1426
- const i = Zn(s) ? s.map(Qt) : Qt(s), r = {
1425
+ function At({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
1426
+ const i = Zn(s) ? s.map(te) : te(s), r = {
1427
1427
  done: !1,
1428
1428
  value: t[0]
1429
- }, o = Ur(
1429
+ }, o = jr(
1430
1430
  // Only use the provided offsets if they're the correct length
1431
1431
  // TODO Maybe we should warn here if there's a length mismatch
1432
1432
  n && n.length === t.length ? n : ue(t),
1433
1433
  e
1434
- ), a = Ve(o, t, {
1434
+ ), a = xe(o, t, {
1435
1435
  ease: Array.isArray(i) ? i : Hr(t, i)
1436
1436
  });
1437
1437
  return {
@@ -1453,8 +1453,8 @@ const Yr = (e) => {
1453
1453
  }, Xr = {
1454
1454
  decay: nn,
1455
1455
  inertia: nn,
1456
- tween: Mt,
1457
- keyframes: Mt,
1456
+ tween: At,
1457
+ keyframes: At,
1458
1458
  spring: le
1459
1459
  }, qr = (e) => e / 100;
1460
1460
  class Lt extends ws {
@@ -1470,9 +1470,9 @@ class Lt extends ws {
1470
1470
  this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
1471
1471
  }
1472
1472
  initPlayback(t) {
1473
- const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = mt(n) ? n : Xr[n] || Mt;
1473
+ const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = pt(n) ? n : Xr[n] || At;
1474
1474
  let l, u;
1475
- a !== Mt && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(qr, xs(t[0], t[1])), t = [0, 100]);
1475
+ a !== At && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(qr, Vs(t[0], t[1])), t = [0, 100]);
1476
1476
  const c = a({ ...this.options, keyframes: t });
1477
1477
  r === "mirror" && (u = a({
1478
1478
  ...this.options,
@@ -1506,18 +1506,18 @@ class Lt extends ws {
1506
1506
  this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
1507
1507
  const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
1508
1508
  this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
1509
- let T = this.currentTime, V = r;
1509
+ let T = this.currentTime, x = r;
1510
1510
  if (p) {
1511
1511
  const v = Math.min(this.currentTime, c) / f;
1512
- let x = Math.floor(v), O = v % 1;
1513
- !O && v >= 1 && (O = 1), O === 1 && x--, x = Math.min(x, p + 1), !!(x % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (V = o)), T = H(0, 1, O) * f;
1512
+ let V = Math.floor(v), O = v % 1;
1513
+ !O && v >= 1 && (O = 1), O === 1 && V--, V = Math.min(V, p + 1), !!(V % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (x = o)), T = H(0, 1, O) * f;
1514
1514
  }
1515
- const w = y ? { done: !1, value: l[0] } : V.next(T);
1515
+ const w = y ? { done: !1, value: l[0] } : x.next(T);
1516
1516
  a && (w.value = a(w.value));
1517
1517
  let { done: A } = w;
1518
1518
  !y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
1519
1519
  const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
1520
- return F && i !== void 0 && (w.value = yt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
1520
+ return F && i !== void 0 && (w.value = gt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
1521
1521
  }
1522
1522
  get duration() {
1523
1523
  const { resolved: t } = this;
@@ -1592,7 +1592,7 @@ const Jr = /* @__PURE__ */ new Set([
1592
1592
  let n = "";
1593
1593
  const s = Math.max(Math.round(t / Qr), 2);
1594
1594
  for (let i = 0; i < s; i++)
1595
- n += e(pt(0, s - 1, i)) + ", ";
1595
+ n += e(dt(0, s - 1, i)) + ", ";
1596
1596
  return `linear(${n.substring(0, n.length - 2)})`;
1597
1597
  }, eo = {
1598
1598
  linearEasing: void 0
@@ -1604,7 +1604,7 @@ function no(e, t) {
1604
1604
  return (s = eo[t]) !== null && s !== void 0 ? s : n();
1605
1605
  };
1606
1606
  }
1607
- const ct = /* @__PURE__ */ no(() => {
1607
+ const ut = /* @__PURE__ */ no(() => {
1608
1608
  try {
1609
1609
  document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
1610
1610
  } catch {
@@ -1613,9 +1613,9 @@ const ct = /* @__PURE__ */ no(() => {
1613
1613
  return !0;
1614
1614
  }, "linearEasing");
1615
1615
  function As(e) {
1616
- return !!(typeof e == "function" && ct() || !e || typeof e == "string" && (e in ee || ct()) || Se(e) || Array.isArray(e) && e.every(As));
1616
+ return !!(typeof e == "function" && ut() || !e || typeof e == "string" && (e in ne || ut()) || Se(e) || Array.isArray(e) && e.every(As));
1617
1617
  }
1618
- const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
1618
+ const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ne = {
1619
1619
  linear: "linear",
1620
1620
  ease: "ease",
1621
1621
  easeIn: "ease-in",
@@ -1628,7 +1628,7 @@ const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ee = {
1628
1628
  };
1629
1629
  function Ms(e, t) {
1630
1630
  if (e)
1631
- return typeof e == "function" && ct() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ee.easeOut) : ee[e];
1631
+ return typeof e == "function" && ut() ? to(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => Ms(n, t) || ne.easeOut) : ne[e];
1632
1632
  }
1633
1633
  function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
1634
1634
  const u = { [t]: n };
@@ -1643,12 +1643,12 @@ function Es(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
1643
1643
  direction: o === "reverse" ? "alternate" : "normal"
1644
1644
  });
1645
1645
  }
1646
- function Et(e, t) {
1646
+ function Mt(e, t) {
1647
1647
  e.timeline = t, e.onfinish = null;
1648
1648
  }
1649
- const Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Pt = 10, so = 2e4;
1649
+ const Ps = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Et = 10, so = 2e4;
1650
1650
  function io(e) {
1651
- return mt(e.type) || e.type === "spring" || !As(e.ease);
1651
+ return pt(e.type) || e.type === "spring" || !As(e.ease);
1652
1652
  }
1653
1653
  function ro(e, t) {
1654
1654
  const n = new Lt({
@@ -1662,11 +1662,11 @@ function ro(e, t) {
1662
1662
  const i = [];
1663
1663
  let r = 0;
1664
1664
  for (; !s.done && r < so; )
1665
- s = n.sample(r), i.push(s.value), r += Pt;
1665
+ s = n.sample(r), i.push(s.value), r += Et;
1666
1666
  return {
1667
1667
  times: void 0,
1668
1668
  keyframes: i,
1669
- duration: r - Pt,
1669
+ duration: r - Et,
1670
1670
  ease: "linear"
1671
1671
  };
1672
1672
  }
@@ -1689,14 +1689,14 @@ class an extends ws {
1689
1689
  let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
1690
1690
  if (!(!((s = l.owner) === null || s === void 0) && s.current))
1691
1691
  return !1;
1692
- if (typeof o == "string" && ct() && oo(o) && (o = Cs[o]), io(this.options)) {
1692
+ if (typeof o == "string" && ut() && oo(o) && (o = Cs[o]), io(this.options)) {
1693
1693
  const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = ro(t, b);
1694
1694
  t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
1695
1695
  }
1696
1696
  const f = Es(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
1697
- return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Et(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
1697
+ return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Mt(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
1698
1698
  const { onComplete: h } = this.options;
1699
- l.set(yt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
1699
+ l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
1700
1700
  }, {
1701
1701
  animation: f,
1702
1702
  duration: i,
@@ -1767,7 +1767,7 @@ class an extends ws {
1767
1767
  if (!n)
1768
1768
  return K;
1769
1769
  const { animation: s } = n;
1770
- Et(s, t);
1770
+ Mt(s, t);
1771
1771
  }
1772
1772
  return K;
1773
1773
  }
@@ -1807,7 +1807,7 @@ class an extends ws {
1807
1807
  times: a,
1808
1808
  isGenerator: !0
1809
1809
  }), S = C(this.time);
1810
- u.setWithVelocity(m.sample(S - Pt).value, m.sample(S).value, Pt);
1810
+ u.setWithVelocity(m.sample(S - Et).value, m.sample(S).value, Et);
1811
1811
  }
1812
1812
  const { onStop: l } = this.options;
1813
1813
  l && l(), this.cancel();
@@ -1858,7 +1858,7 @@ const Fs = (e, t, n, s = {}, i, r) => (o) => {
1858
1858
  }), c.duration && (c.duration = C(c.duration)), c.repeatDelay && (c.repeatDelay = C(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
1859
1859
  let f = !1;
1860
1860
  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), f && !r && t.get() !== void 0) {
1861
- const h = yt(c.keyframes, a);
1861
+ const h = gt(c.keyframes, a);
1862
1862
  if (h !== void 0)
1863
1863
  return M.update(() => {
1864
1864
  c.onUpdate(h), c.onComplete();
@@ -1899,7 +1899,7 @@ function ho(e, t) {
1899
1899
  fo(e, o, a);
1900
1900
  }
1901
1901
  }
1902
- const xe = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + xe(po);
1902
+ const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), po = "framerAppearId", mo = "data-" + Ve(po);
1903
1903
  function go(e) {
1904
1904
  return e.props[mo];
1905
1905
  }
@@ -1950,33 +1950,33 @@ function wo(e) {
1950
1950
  return e instanceof SVGElement && e.tagName !== "svg";
1951
1951
  }
1952
1952
  const To = {};
1953
- function Vo(e, { layout: t, layoutId: n }) {
1953
+ function xo(e, { layout: t, layoutId: n }) {
1954
1954
  return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
1955
1955
  }
1956
1956
  function Ds(e, t, n) {
1957
1957
  var s;
1958
1958
  const { style: i } = e, r = {};
1959
1959
  for (const o in i)
1960
- (P(i[o]) || t.style && P(t.style[o]) || Vo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
1960
+ (P(i[o]) || t.style && P(t.style[o]) || xo(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
1961
1961
  return r;
1962
1962
  }
1963
- function xo(e, t, n) {
1963
+ function Vo(e, t, n) {
1964
1964
  const s = Ds(e, t, n);
1965
1965
  for (const i in e)
1966
1966
  if (P(e[i]) || P(t[i])) {
1967
- const r = gt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
1967
+ const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
1968
1968
  s[r] = e[i];
1969
1969
  }
1970
1970
  return s;
1971
1971
  }
1972
- const Ao = typeof window < "u", ne = { current: null }, Bs = { current: !1 };
1972
+ const Ao = typeof window < "u", se = { current: null }, Bs = { current: !1 };
1973
1973
  function Mo() {
1974
1974
  if (Bs.current = !0, !!Ao)
1975
1975
  if (window.matchMedia) {
1976
- const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ne.current = e.matches;
1976
+ const e = window.matchMedia("(prefers-reduced-motion)"), t = () => se.current = e.matches;
1977
1977
  e.addListener(t), t();
1978
1978
  } else
1979
- ne.current = !1;
1979
+ se.current = !1;
1980
1980
  }
1981
1981
  function Eo(e) {
1982
1982
  return e !== null && typeof e == "object" && typeof e.start == "function";
@@ -2038,9 +2038,9 @@ const un = {
2038
2038
  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
2039
2039
  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
2040
2040
  layout: ["layout", "layoutId"]
2041
- }, se = {};
2041
+ }, ie = {};
2042
2042
  for (const e in un)
2043
- se[e] = {
2043
+ ie[e] = {
2044
2044
  isEnabled: (t) => un[e].some((n) => !!t[n])
2045
2045
  };
2046
2046
  const Bo = [...fs, E, et], Ro = (e) => Bo.find(cs(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
@@ -2082,7 +2082,7 @@ class Is {
2082
2082
  }
2083
2083
  }
2084
2084
  mount(t) {
2085
- this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ne.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
2085
+ this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Bs.current || Mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : se.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
2086
2086
  }
2087
2087
  unmount() {
2088
2088
  $.delete(this.current), this.projection && this.projection.unmount(), R(this.notifyUpdate), R(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2109,8 +2109,8 @@ class Is {
2109
2109
  }
2110
2110
  updateFeatures() {
2111
2111
  let t = "animation";
2112
- for (t in se) {
2113
- const n = se[t];
2112
+ for (t in ie) {
2113
+ const n = ie[t];
2114
2114
  if (!n)
2115
2115
  continue;
2116
2116
  const { isEnabled: s, Feature: i } = n;
@@ -2267,11 +2267,11 @@ const Ns = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Io = {
2267
2267
  y: "translateY",
2268
2268
  z: "translateZ",
2269
2269
  transformPerspective: "perspective"
2270
- }, Lo = gt.length;
2270
+ }, Lo = mt.length;
2271
2271
  function No(e, t, n) {
2272
2272
  let s = "", i = !0;
2273
2273
  for (let r = 0; r < Lo; r++) {
2274
- const o = gt[r], a = e[o];
2274
+ const o = mt[r], a = e[o];
2275
2275
  if (a === void 0)
2276
2276
  continue;
2277
2277
  let l = !0;
@@ -2322,14 +2322,14 @@ const Ko = {
2322
2322
  offset: "strokeDashoffset",
2323
2323
  array: "strokeDasharray"
2324
2324
  };
2325
- function ko(e, t, n = 1, s = 0, i = !0) {
2325
+ function _o(e, t, n = 1, s = 0, i = !0) {
2326
2326
  e.pathLength = 1;
2327
2327
  const r = i ? Ko : Wo;
2328
2328
  e[r.offset] = d.transform(-s);
2329
2329
  const o = d.transform(t), a = d.transform(n);
2330
2330
  e[r.array] = `${o} ${a}`;
2331
2331
  }
2332
- function Go(e, {
2332
+ function ko(e, {
2333
2333
  attrX: t,
2334
2334
  attrY: n,
2335
2335
  attrScale: s,
@@ -2347,7 +2347,7 @@ function Go(e, {
2347
2347
  }
2348
2348
  e.attrs = e.style, e.style = {};
2349
2349
  const { attrs: h, style: p, dimensions: m } = e;
2350
- h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && ko(h, o, a, l, !1);
2350
+ h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = $o(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && _o(h, o, a, l, !1);
2351
2351
  }
2352
2352
  const Ks = /* @__PURE__ */ new Set([
2353
2353
  "baseFrequency",
@@ -2379,13 +2379,13 @@ function Ws(e, { style: t, vars: n }, s, i) {
2379
2379
  for (const r in n)
2380
2380
  e.style.setProperty(r, n[r]);
2381
2381
  }
2382
- function _o(e, t, n, s) {
2382
+ function Go(e, t, n, s) {
2383
2383
  Ws(e, t, void 0, s);
2384
2384
  for (const i in t.attrs)
2385
- e.setAttribute(Ks.has(i) ? i : xe(i), t.attrs[i]);
2385
+ e.setAttribute(Ks.has(i) ? i : Ve(i), t.attrs[i]);
2386
2386
  }
2387
2387
  const zo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
2388
- class jo extends Ls {
2388
+ class Uo extends Ls {
2389
2389
  constructor() {
2390
2390
  super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
2391
2391
  }
@@ -2397,22 +2397,22 @@ class jo extends Ls {
2397
2397
  const s = be(n);
2398
2398
  return s && s.default || 0;
2399
2399
  }
2400
- return n = Ks.has(n) ? n : xe(n), t.getAttribute(n);
2400
+ return n = Ks.has(n) ? n : Ve(n), t.getAttribute(n);
2401
2401
  }
2402
2402
  scrapeMotionValuesFromProps(t, n, s) {
2403
- return xo(t, n, s);
2403
+ return Vo(t, n, s);
2404
2404
  }
2405
2405
  build(t, n, s) {
2406
- Go(t, n, this.isSVGTag, s.transformTemplate);
2406
+ ko(t, n, this.isSVGTag, s.transformTemplate);
2407
2407
  }
2408
2408
  renderInstance(t, n, s, i) {
2409
- _o(t, n, s, i);
2409
+ Go(t, n, s, i);
2410
2410
  }
2411
2411
  mount(t) {
2412
2412
  this.isSVGTag = zo(t.tagName), super.mount(t);
2413
2413
  }
2414
2414
  }
2415
- function Uo({ top: e, left: t, right: n, bottom: s }) {
2415
+ function jo({ top: e, left: t, right: n, bottom: s }) {
2416
2416
  return {
2417
2417
  x: { min: t, max: n },
2418
2418
  y: { min: e, max: s }
@@ -2430,7 +2430,7 @@ function Ho(e, t) {
2430
2430
  };
2431
2431
  }
2432
2432
  function Yo(e, t) {
2433
- return Uo(Ho(e.getBoundingClientRect(), t));
2433
+ return jo(Ho(e.getBoundingClientRect(), t));
2434
2434
  }
2435
2435
  function Xo(e) {
2436
2436
  return window.getComputedStyle(e);
@@ -2497,7 +2497,7 @@ class Jo extends Is {
2497
2497
  return 0;
2498
2498
  }
2499
2499
  }
2500
- function ks(e) {
2500
+ function _s(e) {
2501
2501
  const t = {
2502
2502
  presenceContext: null,
2503
2503
  props: {},
@@ -2511,7 +2511,7 @@ function ks(e) {
2511
2511
  },
2512
2512
  latestValues: {}
2513
2513
  }
2514
- }, n = wo(e) ? new jo(t) : new qo(t);
2514
+ }, n = wo(e) ? new Uo(t) : new qo(t);
2515
2515
  n.mount(e), $.set(e, n);
2516
2516
  }
2517
2517
  function Qo(e) {
@@ -2534,7 +2534,7 @@ function ta(e, t, n) {
2534
2534
  function ea(e, t) {
2535
2535
  return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
2536
2536
  }
2537
- function Gs(e, t, n, s) {
2537
+ function ks(e, t, n, s) {
2538
2538
  const i = [];
2539
2539
  if (ea(e, t))
2540
2540
  i.push(ta(e, ce(t) && t.default || t, n && (n.default || n)));
@@ -2542,7 +2542,7 @@ function Gs(e, t, n, s) {
2542
2542
  const r = qn(e, t, s), o = r.length;
2543
2543
  I(!!o, "No valid elements provided.");
2544
2544
  for (let a = 0; a < o; a++) {
2545
- const l = r[a], u = l instanceof Element ? ks : Qo;
2545
+ const l = r[a], u = l instanceof Element ? _s : Qo;
2546
2546
  $.has(l) || u(l);
2547
2547
  const c = $.get(l), f = { ...n };
2548
2548
  "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...So(c, { ...t, transition: f }, {}));
@@ -2553,7 +2553,7 @@ function Gs(e, t, n, s) {
2553
2553
  function na(e, t, n) {
2554
2554
  const s = [];
2555
2555
  return $i(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
2556
- s.push(...Gs(a, r, o));
2556
+ s.push(...ks(a, r, o));
2557
2557
  }), s;
2558
2558
  }
2559
2559
  function sa(e) {
@@ -2562,7 +2562,7 @@ function sa(e) {
2562
2562
  function ia(e) {
2563
2563
  function t(n, s, i) {
2564
2564
  let r = [];
2565
- sa(n) ? r = na(n, s, e) : r = Gs(n, s, i, e);
2565
+ sa(n) ? r = na(n, s, e) : r = ks(n, s, i, e);
2566
2566
  const o = new ae(r);
2567
2567
  return e && e.animations.push(o), o;
2568
2568
  }
@@ -2582,16 +2582,16 @@ const la = /* @__PURE__ */ Rt(() => {
2582
2582
  return !1;
2583
2583
  }
2584
2584
  return !0;
2585
- }), Tt = /* @__PURE__ */ new WeakMap();
2585
+ }), wt = /* @__PURE__ */ new WeakMap();
2586
2586
  function ua(e, t, n) {
2587
2587
  for (let s = 0; s < t.length; s++)
2588
- t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Jt[e] && (t[s] = Jt[e].transform(t[s]));
2588
+ t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Qt[e] && (t[s] = Qt[e].transform(t[s]));
2589
2589
  !la() && t.length < 2 && t.unshift(n());
2590
2590
  }
2591
2591
  const dn = "easeOut";
2592
2592
  function pn(e) {
2593
- const t = Tt.get(e) || /* @__PURE__ */ new Map();
2594
- return Tt.set(e, t), Tt.get(e);
2593
+ const t = wt.get(e) || /* @__PURE__ */ new Map();
2594
+ return wt.set(e, t), wt.get(e);
2595
2595
  }
2596
2596
  class ca {
2597
2597
  constructor(t, n, s, i) {
@@ -2600,19 +2600,19 @@ class ca {
2600
2600
  const o = pn(t).get(n);
2601
2601
  o && o.stop();
2602
2602
  const a = () => n.startsWith("--") ? t.style.getPropertyValue(n) : window.getComputedStyle(t)[n];
2603
- if (Array.isArray(s) || (s = [s]), ua(n, s, a), mt(i.type)) {
2603
+ if (Array.isArray(s) || (s = [s]), ua(n, s, a), pt(i.type)) {
2604
2604
  const u = Yn(i, 100, i.type);
2605
- i.ease = ct() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
2605
+ i.ease = ut() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
2606
2606
  } else
2607
2607
  i.ease = i.ease || dn;
2608
2608
  this.removeAnimation = () => {
2609
2609
  var u;
2610
- return (u = Tt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
2610
+ return (u = wt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
2611
2611
  };
2612
2612
  const l = () => {
2613
- this.setValue(t, n, yt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
2613
+ this.setValue(t, n, gt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
2614
2614
  };
2615
- Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Et(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
2615
+ Ps() ? (this.animation = Es(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Mt(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
2616
2616
  }
2617
2617
  get duration() {
2618
2618
  return B(this.options.duration || 300);
@@ -2669,7 +2669,7 @@ class ca {
2669
2669
  });
2670
2670
  }
2671
2671
  attachTimeline(t) {
2672
- return this.animation ? Et(this.animation, t) : this.pendingTimeline = t, K;
2672
+ return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
2673
2673
  }
2674
2674
  }
2675
2675
  function fa(e, t, n, s) {
@@ -2693,8 +2693,8 @@ const ha = (e) => {
2693
2693
  return new ae(fa(n, s, i, e));
2694
2694
  }
2695
2695
  return t;
2696
- }, Nl = /* @__PURE__ */ ha(), Vt = /* @__PURE__ */ new WeakMap();
2697
- let k;
2696
+ }, Nl = /* @__PURE__ */ ha(), Tt = /* @__PURE__ */ new WeakMap();
2697
+ let _;
2698
2698
  function da(e, t) {
2699
2699
  if (t) {
2700
2700
  const { inlineSize: n, blockSize: s } = t[0];
@@ -2706,7 +2706,7 @@ function da(e, t) {
2706
2706
  }
2707
2707
  function pa({ target: e, contentRect: t, borderBoxSize: n }) {
2708
2708
  var s;
2709
- (s = Vt.get(e)) === null || s === void 0 || s.forEach((i) => {
2709
+ (s = Tt.get(e)) === null || s === void 0 || s.forEach((i) => {
2710
2710
  i({
2711
2711
  target: e,
2712
2712
  contentSize: t,
@@ -2720,18 +2720,18 @@ function ma(e) {
2720
2720
  e.forEach(pa);
2721
2721
  }
2722
2722
  function ga() {
2723
- typeof ResizeObserver > "u" || (k = new ResizeObserver(ma));
2723
+ typeof ResizeObserver > "u" || (_ = new ResizeObserver(ma));
2724
2724
  }
2725
2725
  function ya(e, t) {
2726
- k || ga();
2726
+ _ || ga();
2727
2727
  const n = It(e);
2728
2728
  return n.forEach((s) => {
2729
- let i = Vt.get(s);
2730
- i || (i = /* @__PURE__ */ new Set(), Vt.set(s, i)), i.add(t), k == null || k.observe(s);
2729
+ let i = Tt.get(s);
2730
+ i || (i = /* @__PURE__ */ new Set(), Tt.set(s, i)), i.add(t), _ == null || _.observe(s);
2731
2731
  }), () => {
2732
2732
  n.forEach((s) => {
2733
- const i = Vt.get(s);
2734
- i == null || i.delete(t), i != null && i.size || k == null || k.unobserve(s);
2733
+ const i = Tt.get(s);
2734
+ i == null || i.delete(t), i != null && i.size || _ == null || _.unobserve(s);
2735
2735
  });
2736
2736
  };
2737
2737
  }
@@ -2771,7 +2771,7 @@ const wa = 50, mn = () => ({
2771
2771
  time: 0,
2772
2772
  x: mn(),
2773
2773
  y: mn()
2774
- }), Va = {
2774
+ }), xa = {
2775
2775
  x: {
2776
2776
  length: "Width",
2777
2777
  position: "Left"
@@ -2782,12 +2782,12 @@ const wa = 50, mn = () => ({
2782
2782
  }
2783
2783
  };
2784
2784
  function gn(e, t, n, s) {
2785
- const i = n[t], { length: r, position: o } = Va[t], a = i.current, l = n.time;
2786
- i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = pt(0, i.scrollLength, i.current);
2785
+ const i = n[t], { length: r, position: o } = xa[t], a = i.current, l = n.time;
2786
+ i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = dt(0, i.scrollLength, i.current);
2787
2787
  const u = s - l;
2788
2788
  i.velocity = u > wa ? 0 : oe(i.current - a, u);
2789
2789
  }
2790
- function xa(e, t, n) {
2790
+ function Va(e, t, n) {
2791
2791
  gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
2792
2792
  }
2793
2793
  function Aa(e, t) {
@@ -2829,14 +2829,14 @@ const Ma = {
2829
2829
  [0, 0],
2830
2830
  [1, 1]
2831
2831
  ]
2832
- }, ie = {
2832
+ }, re = {
2833
2833
  start: 0,
2834
2834
  center: 0.5,
2835
2835
  end: 1
2836
2836
  };
2837
2837
  function yn(e, t, n = 0) {
2838
2838
  let s = 0;
2839
- if (e in ie && (e = ie[e]), typeof e == "string") {
2839
+ if (e in re && (e = re[e]), typeof e == "string") {
2840
2840
  const i = parseFloat(e);
2841
2841
  e.endsWith("px") ? s = i : e.endsWith("%") ? e = i / 100 : e.endsWith("vw") ? s = i / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? s = i / 100 * document.documentElement.clientHeight : e = i;
2842
2842
  }
@@ -2845,7 +2845,7 @@ function yn(e, t, n = 0) {
2845
2845
  const Ea = [0, 0];
2846
2846
  function Pa(e, t, n, s) {
2847
2847
  let i = Array.isArray(e) ? e : Ea, r = 0, o = 0;
2848
- return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, ie[e] ? e : "0"]), r = yn(i[0], n, s), o = yn(i[1], t), r - o;
2848
+ return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, re[e] ? e : "0"]), r = yn(i[0], n, s), o = yn(i[1], t), r - o;
2849
2849
  }
2850
2850
  const Ca = { x: 0, y: 0 };
2851
2851
  function Fa(e) {
@@ -2863,7 +2863,7 @@ function Oa(e, t, n) {
2863
2863
  const p = Pa(s[h], u[o], l[o], a[r]);
2864
2864
  !c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
2865
2865
  }
2866
- c && (t[r].interpolate = Ve(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
2866
+ c && (t[r].interpolate = xe(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
2867
2867
  }
2868
2868
  function Da(e, t = e, n) {
2869
2869
  if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
@@ -2877,15 +2877,15 @@ function Ba(e, t, n, s = {}) {
2877
2877
  return {
2878
2878
  measure: () => Da(e, s.target, n),
2879
2879
  update: (i) => {
2880
- xa(e, n, i), (s.offset || s.target) && Oa(e, n, s);
2880
+ Va(e, n, i), (s.offset || s.target) && Oa(e, n, s);
2881
2881
  },
2882
2882
  notify: () => t(n)
2883
2883
  };
2884
2884
  }
2885
- const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
2885
+ const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
2886
2886
  function Me(e, { container: t = document.documentElement, ...n } = {}) {
2887
- let s = _t.get(t);
2888
- s || (s = /* @__PURE__ */ new Set(), _t.set(t, s));
2887
+ let s = Gt.get(t);
2888
+ s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
2889
2889
  const i = Ta(), r = Ba(t, e, i, n);
2890
2890
  if (s.add(r), !nt.has(t)) {
2891
2891
  const a = () => {
@@ -2908,14 +2908,14 @@ function Me(e, { container: t = document.documentElement, ...n } = {}) {
2908
2908
  return M.read(o, !1, !0), () => {
2909
2909
  var a;
2910
2910
  R(o);
2911
- const l = _t.get(t);
2911
+ const l = Gt.get(t);
2912
2912
  if (!l || (l.delete(r), l.size))
2913
2913
  return;
2914
2914
  const u = nt.get(t);
2915
2915
  nt.delete(t), u && (bn(t).removeEventListener("scroll", u), (a = vn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
2916
2916
  };
2917
2917
  }
2918
- function _s(e, t) {
2918
+ function Gs(e, t) {
2919
2919
  let n;
2920
2920
  const s = () => {
2921
2921
  const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
@@ -2934,27 +2934,27 @@ const zt = /* @__PURE__ */ new Map();
2934
2934
  function zs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
2935
2935
  e && (t = e), zt.has(t) || zt.set(t, {});
2936
2936
  const s = zt.get(t);
2937
- return s[n] || (s[n] = jn() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
2937
+ return s[n] || (s[n] = Un() ? new ScrollTimeline({ source: t, axis: n }) : Ra({ source: t, axis: n })), s[n];
2938
2938
  }
2939
2939
  function Ia(e) {
2940
2940
  return e.length === 2;
2941
2941
  }
2942
- function js(e) {
2942
+ function Us(e) {
2943
2943
  return e && (e.target || e.offset);
2944
2944
  }
2945
2945
  function La(e, t) {
2946
- return Ia(e) || js(t) ? Me((n) => {
2946
+ return Ia(e) || Us(t) ? Me((n) => {
2947
2947
  e(n[t.axis].progress, n);
2948
- }, t) : _s(e, zs(t));
2948
+ }, t) : Gs(e, zs(t));
2949
2949
  }
2950
2950
  function Na(e, t) {
2951
- if (js(t))
2951
+ if (Us(t))
2952
2952
  return e.pause(), Me((n) => {
2953
2953
  e.time = e.duration * n[t.axis].progress;
2954
2954
  }, t);
2955
2955
  {
2956
2956
  const n = zs(t);
2957
- return e.attachTimeline(n, (s) => (s.pause(), _s((i) => {
2957
+ return e.attachTimeline(n, (s) => (s.pause(), Gs((i) => {
2958
2958
  s.time = s.duration * i;
2959
2959
  }, n)));
2960
2960
  }
@@ -2991,7 +2991,7 @@ function $l(e, t = "end") {
2991
2991
  return H(0, 1, i / e);
2992
2992
  };
2993
2993
  }
2994
- function ka(e, t) {
2994
+ function _a(e, t) {
2995
2995
  if (e === "first")
2996
2996
  return 0;
2997
2997
  {
@@ -3001,24 +3001,24 @@ function ka(e, t) {
3001
3001
  }
3002
3002
  function Kl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
3003
3003
  return (i, r) => {
3004
- const o = typeof n == "number" ? n : ka(n, r), a = Math.abs(o - i);
3004
+ const o = typeof n == "number" ? n : _a(n, r), a = Math.abs(o - i);
3005
3005
  let l = e * a;
3006
3006
  if (s) {
3007
3007
  const u = r * e;
3008
- l = Qt(s)(l / u) * u;
3008
+ l = te(s)(l / u) * u;
3009
3009
  }
3010
3010
  return t + l;
3011
3011
  };
3012
3012
  }
3013
- const Ga = (e) => e && typeof e == "object" && e.mix, _a = (e) => Ga(e) ? e.mix : void 0;
3013
+ const ka = (e) => e && typeof e == "object" && e.mix, Ga = (e) => ka(e) ? e.mix : void 0;
3014
3014
  function za(...e) {
3015
- const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = Ve(i, r, {
3016
- mixer: _a(r[0]),
3015
+ const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = xe(i, r, {
3016
+ mixer: Ga(r[0]),
3017
3017
  ...o
3018
3018
  });
3019
3019
  return t ? a(s) : a;
3020
3020
  }
3021
- function ja(e, t) {
3021
+ function Ua(e, t) {
3022
3022
  const n = N.now(), s = ({ timestamp: i }) => {
3023
3023
  const r = i - n;
3024
3024
  r >= t && (R(s), e(r - t));
@@ -3026,15 +3026,15 @@ function ja(e, t) {
3026
3026
  return M.read(s, !0), () => R(s);
3027
3027
  }
3028
3028
  function Wl(e, t) {
3029
- return ja(e, C(t));
3029
+ return Ua(e, C(t));
3030
3030
  }
3031
3031
  const Sn = (e, t) => Math.abs(e - t);
3032
- function kl(e, t) {
3032
+ function _l(e, t) {
3033
3033
  const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
3034
3034
  return Math.sqrt(n ** 2 + s ** 2);
3035
3035
  }
3036
- const Gl = M, _l = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
3037
- function Us(e, t) {
3036
+ const kl = M, Gl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
3037
+ function js(e, t) {
3038
3038
  const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
3039
3039
  return [(o) => {
3040
3040
  const a = Js(s, o);
@@ -3050,7 +3050,7 @@ function Us(e, t) {
3050
3050
  function Y(e) {
3051
3051
  return !!(e && e.getVelocity);
3052
3052
  }
3053
- const [Ua, Ha] = Us("Motion");
3053
+ const [ja, Ha] = js("Motion");
3054
3054
  function wn(e, t) {
3055
3055
  if (typeof e == "object")
3056
3056
  return e;
@@ -3149,7 +3149,7 @@ function il(e) {
3149
3149
  return sl.has(e);
3150
3150
  }
3151
3151
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
3152
- const Vn = (e) => typeof e < "u", xn = {
3152
+ const xn = (e) => typeof e < "u", Vn = {
3153
3153
  syntax: "<angle>",
3154
3154
  initialValue: "0deg",
3155
3155
  toDefaultUnit: (e) => `${e}deg`
@@ -3159,29 +3159,29 @@ const Vn = (e) => typeof e < "u", xn = {
3159
3159
  initialValue: "0px",
3160
3160
  toDefaultUnit: (e) => `${e}px`
3161
3161
  },
3162
- rotate: xn,
3162
+ rotate: Vn,
3163
3163
  scale: {
3164
3164
  syntax: "<number>",
3165
3165
  initialValue: 1,
3166
3166
  toDefaultUnit: tl
3167
3167
  },
3168
- skew: xn
3169
- }, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Ct = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
3168
+ skew: Vn
3169
+ }, ol = ["translate", "scale", "rotate", "skew"], al = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Pt = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
3170
3170
  ol.forEach((e) => {
3171
3171
  al.forEach((t) => {
3172
- Ct.push(e + t), Ee.set(
3172
+ Pt.push(e + t), Ee.set(
3173
3173
  e + t,
3174
3174
  rl[e]
3175
3175
  );
3176
3176
  });
3177
3177
  });
3178
- const ll = new Set(Ct), ul = (e) => ll.has(e), An = {
3178
+ const ll = new Set(Pt), ul = (e) => ll.has(e), An = {
3179
3179
  x: "translateX",
3180
3180
  y: "translateY",
3181
3181
  z: "translateZ"
3182
3182
  };
3183
3183
  function cl([e], [t]) {
3184
- return Ct.indexOf(e) - Ct.indexOf(t);
3184
+ return Pt.indexOf(e) - Pt.indexOf(t);
3185
3185
  }
3186
3186
  function fl(e, [t, n]) {
3187
3187
  return `${e} ${t}(${n})`;
@@ -3210,7 +3210,7 @@ const dl = {
3210
3210
  Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
3211
3211
  }
3212
3212
  };
3213
- function jt(e) {
3213
+ function Ut(e) {
3214
3214
  var s;
3215
3215
  const t = {}, n = [];
3216
3216
  for (let i in e) {
@@ -3298,7 +3298,7 @@ const gl = Ot({
3298
3298
  return s;
3299
3299
  const r = s[i];
3300
3300
  (l = r.props) == null || delete l.ref;
3301
- const o = r.props ? re(t, r.props) : t;
3301
+ const o = r.props ? In(t, r.props) : t;
3302
3302
  t.class && ((u = r.props) != null && u.class) && delete r.props.class;
3303
3303
  const a = ni(r, o);
3304
3304
  for (const c in o)
@@ -3346,7 +3346,7 @@ class vl {
3346
3346
  new bl(t),
3347
3347
  new Sl(t),
3348
3348
  new wl(t),
3349
- new xl(t),
3349
+ new Vl(t),
3350
3350
  new Tl(t)
3351
3351
  ];
3352
3352
  }
@@ -3360,7 +3360,7 @@ class vl {
3360
3360
  this.features.forEach((t) => t.update());
3361
3361
  }
3362
3362
  }
3363
- function ft(e, t, n) {
3363
+ function ct(e, t, n) {
3364
3364
  e.dispatchEvent(
3365
3365
  new CustomEvent(t, { detail: { originalEvent: n } })
3366
3366
  );
@@ -3377,7 +3377,7 @@ class Ce extends Pe {
3377
3377
  }
3378
3378
  function En(e, t, n) {
3379
3379
  return (s) => {
3380
- s.pointerType && s.pointerType !== "mouse" || (n(), ft(e, t, s));
3380
+ s.pointerType && s.pointerType !== "mouse" || (n(), ct(e, t, s));
3381
3381
  };
3382
3382
  }
3383
3383
  class bl extends Ce {
@@ -3410,9 +3410,9 @@ class Sl extends Ce {
3410
3410
  constructor(t) {
3411
3411
  super(t), this.subscribeEvents = () => {
3412
3412
  const n = this.state.getElement(), s = (r) => {
3413
- this.state.setActive("press", !1), ft(n, "pressend", r), window.removeEventListener("pointerup", s);
3413
+ this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
3414
3414
  }, i = (r) => {
3415
- this.state.setActive("press", !0), ft(n, "pressstart", r), window.addEventListener("pointerup", s);
3415
+ this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
3416
3416
  };
3417
3417
  return n.addEventListener("pointerdown", i), () => {
3418
3418
  n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
@@ -3435,9 +3435,9 @@ class wl extends Ce {
3435
3435
  var r;
3436
3436
  const n = this.state.getElement(), { once: s, ...i } = ((r = this.state.getOptions()) == null ? void 0 : r.inViewOptions) || {};
3437
3437
  return Wa(n, (o) => {
3438
- if (this.state.setActive("inView", !0), ft(n, "viewenter", o), !s)
3438
+ if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
3439
3439
  return (a) => {
3440
- this.state.setActive("inView", !1), ft(n, "viewleave", a);
3440
+ this.state.setActive("inView", !1), ct(n, "viewleave", a);
3441
3441
  };
3442
3442
  }, i);
3443
3443
  };
@@ -3498,13 +3498,13 @@ class Tl extends Pe {
3498
3498
  });
3499
3499
  }
3500
3500
  }
3501
- function Vl(e) {
3501
+ function xl(e) {
3502
3502
  return e instanceof SVGElement && e.tagName !== "svg";
3503
3503
  }
3504
- class xl extends Pe {
3504
+ class Vl extends Pe {
3505
3505
  mount() {
3506
3506
  const t = this.state.getElement();
3507
- if (!Vl(t))
3507
+ if (!xl(t))
3508
3508
  return;
3509
3509
  const n = this.state.visualElement;
3510
3510
  M.read(() => {
@@ -3521,22 +3521,21 @@ class xl extends Pe {
3521
3521
  });
3522
3522
  }
3523
3523
  unmount() {
3524
- console.log("SVGRender unmount");
3525
3524
  }
3526
3525
  }
3527
- let _;
3526
+ let G;
3528
3527
  const Pn = (e) => e.next(), Al = (e) => e.animateUpdates();
3529
3528
  function Ml() {
3530
- if (!_)
3529
+ if (!G)
3531
3530
  return;
3532
- const e = _.sort(Pl).map(Al);
3533
- e.forEach(Pn), e.forEach(Pn), _ = void 0;
3531
+ const e = G.sort(Pl).map(Al);
3532
+ e.forEach(Pn), e.forEach(Pn), G = void 0;
3534
3533
  }
3535
3534
  function Cn(e) {
3536
- _ ? qa(_, e) : (_ = [e], requestAnimationFrame(Ml));
3535
+ G ? qa(G, e) : (G = [e], requestAnimationFrame(Ml));
3537
3536
  }
3538
3537
  function El(e) {
3539
- _ && Za(_, e);
3538
+ G && Za(G, e);
3540
3539
  }
3541
3540
  function Pl(e, t) {
3542
3541
  return e.getDepth() - t.getDepth();
@@ -3544,7 +3543,7 @@ function Pl(e, t) {
3544
3543
  function Fn(e, t, n) {
3545
3544
  return new CustomEvent(e, { detail: { target: t, isExit: n } });
3546
3545
  }
3547
- const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ft = /* @__PURE__ */ new WeakMap();
3546
+ const On = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ct = /* @__PURE__ */ new WeakMap();
3548
3547
  class Cl {
3549
3548
  constructor(t, n) {
3550
3549
  this.element = null, this.context = {}, this.activeStates = {
@@ -3563,14 +3562,14 @@ class Cl {
3563
3562
  this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
3564
3563
  }
3565
3564
  get initial() {
3566
- return Vn(this.options.initial) ? this.options.initial : this.context.initial;
3565
+ return xn(this.options.initial) ? this.options.initial : this.context.initial;
3567
3566
  }
3568
3567
  mount(t) {
3569
3568
  var s;
3570
3569
  Xs(
3571
3570
  !!t,
3572
3571
  "Animation state must be mounted with valid Element"
3573
- ), this.element = t, Ft.set(t, this), $.get(t) || ks(t);
3572
+ ), this.element = t, Ct.set(t, this), $.get(t) || _s(t);
3574
3573
  const n = $.get(t);
3575
3574
  if (this.visualElement = n, n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
3576
3575
  for (const i in this.initial)
@@ -3582,7 +3581,7 @@ class Cl {
3582
3581
  }
3583
3582
  unmount() {
3584
3583
  var t;
3585
- Ft.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
3584
+ Ct.delete(this.element), El(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
3586
3585
  }
3587
3586
  update(t) {
3588
3587
  var n;
@@ -3599,7 +3598,7 @@ class Cl {
3599
3598
  if (!this.activeStates[l])
3600
3599
  continue;
3601
3600
  const u = wn(
3602
- Vn(this.options[l]) ? this.options[l] : this.context[l],
3601
+ xn(this.options[l]) ? this.options[l] : this.context[l],
3603
3602
  this.options.variants
3604
3603
  );
3605
3604
  if (!u)
@@ -3655,12 +3654,12 @@ class Cl {
3655
3654
  return this.target;
3656
3655
  }
3657
3656
  }
3658
- const at = /* @__PURE__ */ new WeakMap();
3659
- function Dn(e) {
3660
- const t = at.get(e);
3661
- t && e.removeEventListener("motioncomplete", t), at.delete(e);
3657
+ const Ft = /* @__PURE__ */ new Map();
3658
+ function jt(e) {
3659
+ const t = Ft.get(e);
3660
+ t && e.removeEventListener("motioncomplete", t), Ft.delete(e);
3662
3661
  }
3663
- const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3662
+ const [Fl, Ol] = js("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3664
3663
  name: "Motion",
3665
3664
  inheritAttrs: !1,
3666
3665
  __name: "Motion",
@@ -3695,7 +3694,7 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3695
3694
  inView: void 0
3696
3695
  }),
3697
3696
  setup(e) {
3698
- const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ri(), o = new Cl(
3697
+ const t = e, { initial: n, safeUnmount: s } = Fl({ initial: ii(void 0), safeUnmount: () => !0 }), i = ja(null), r = ri(), o = new Cl(
3699
3698
  {
3700
3699
  ...r,
3701
3700
  ...t
@@ -3708,7 +3707,7 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3708
3707
  o.mount(a == null ? void 0 : a.vnode.el), o.update({
3709
3708
  ...r,
3710
3709
  ...t,
3711
- style: { ...jt(o.getTarget()), ...t.style }
3710
+ style: { ...Ut(o.getTarget()), ...t.style }
3712
3711
  });
3713
3712
  }), Dt(() => {
3714
3713
  s(a == null ? void 0 : a.vnode.el) && o.unmount();
@@ -3731,9 +3730,9 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3731
3730
  Object.assign(u, f), Object.assign(c, h, t.style);
3732
3731
  } else
3733
3732
  Object.assign(c, t.style, o.getTarget());
3734
- return c = jt(c), u.style = jt(c), u;
3733
+ return c = Ut(c), u.style = Ut(c), u;
3735
3734
  }
3736
- return (u, c) => (Nn(), $n(li(yl), re({
3735
+ return (u, c) => (Nn(), $n(li(yl), In({
3737
3736
  as: u.as,
3738
3737
  "as-child": u.asChild
3739
3738
  }, l()), {
@@ -3743,9 +3742,9 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3743
3742
  _: 3
3744
3743
  }, 16, ["as", "as-child"]));
3745
3744
  }
3746
- }), jl = /* @__PURE__ */ Ot({
3745
+ }), Ul = /* @__PURE__ */ Ot({
3747
3746
  name: "AnimatePresence",
3748
- inheritAttrs: !1,
3747
+ inheritAttrs: !0,
3749
3748
  __name: "AnimatePresence",
3750
3749
  props: {
3751
3750
  mode: { default: "sync" },
@@ -3758,37 +3757,36 @@ const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
3758
3757
  Ol({
3759
3758
  initial: n,
3760
3759
  safeUnmount(r) {
3761
- return !at.has(r);
3760
+ return !Ft.has(r);
3762
3761
  }
3763
3762
  });
3764
3763
  function s(r) {
3765
- const o = Ft.get(r);
3766
- o && (Dn(r), o.setActive("exit", !1));
3764
+ const o = Ct.get(r);
3765
+ o && (jt(r), o.setActive("exit", !1));
3767
3766
  }
3768
3767
  function i(r, o) {
3769
- const a = Ft.get(r);
3768
+ const a = Ct.get(r);
3770
3769
  if (!a)
3771
3770
  return o();
3772
- a.setActive("exit", !0), Dn(r);
3771
+ jt(r);
3773
3772
  function l(u) {
3774
3773
  var c;
3775
- (c = u == null ? void 0 : u.detail) != null && c.isExit && (at.delete(r), a.unmount(), o());
3774
+ (c = u == null ? void 0 : u.detail) != null && c.isExit && (jt(r), o(), r.__vnode.ctx.isUnmounted && a.unmount());
3776
3775
  }
3777
- at.set(r, l), r.addEventListener("motioncomplete", l);
3776
+ Ft.set(r, l), r.addEventListener("motioncomplete", l), a.setActive("exit", !0);
3778
3777
  }
3779
- return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), re({
3778
+ return (r, o) => (Nn(), $n(ci(r.multiple ? fi : hi), {
3780
3779
  tag: r.multiple ? r.as : void 0,
3781
3780
  css: !1,
3782
- mode: r.mode === "wait" ? "out-in" : void 0
3783
- }, r.$attrs, {
3781
+ mode: r.mode === "wait" ? "out-in" : void 0,
3784
3782
  onEnter: s,
3785
3783
  onLeave: i
3786
- }), {
3784
+ }, {
3787
3785
  default: Kn(() => [
3788
3786
  Wn(r.$slots, "default")
3789
3787
  ]),
3790
3788
  _: 3
3791
- }, 16, ["tag", "mode"]));
3789
+ }, 40, ["tag", "mode"]));
3792
3790
  }
3793
3791
  });
3794
3792
  function Fe(e) {
@@ -3808,22 +3806,22 @@ function Fe(e) {
3808
3806
  };
3809
3807
  }
3810
3808
  function Dl(e) {
3811
- G.current = [];
3809
+ k.current = [];
3812
3810
  const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
3813
- return n(G.current), G.current = void 0, kn(() => {
3814
- s(), G.current = [], e(), n(G.current), G.current = void 0;
3811
+ return n(k.current), k.current = void 0, _n(() => {
3812
+ s(), k.current = [], e(), n(k.current), k.current = void 0;
3815
3813
  }), t;
3816
3814
  }
3817
- function Ul(e, t, n, s) {
3815
+ function jl(e, t, n, s) {
3818
3816
  if (typeof e == "function")
3819
3817
  return Dl(e);
3820
3818
  const i = typeof t == "function" ? t : za(t, n, s);
3821
- return Array.isArray(e) ? Bn(
3819
+ return Array.isArray(e) ? Dn(
3822
3820
  e,
3823
3821
  i
3824
- ) : Bn([e], ([r]) => i(r));
3822
+ ) : Dn([e], ([r]) => i(r));
3825
3823
  }
3826
- function Bn(e, t) {
3824
+ function Dn(e, t) {
3827
3825
  const n = [], { value: s, subscribe: i } = Fe(() => {
3828
3826
  n.length = 0;
3829
3827
  const r = e.length;
@@ -3838,7 +3836,7 @@ function Bl(e) {
3838
3836
  const n = ({ timestamp: i, delta: r }) => {
3839
3837
  t || (t = i), e(i - t, r);
3840
3838
  }, s = () => R(n);
3841
- kn(() => {
3839
+ _n(() => {
3842
3840
  s(), M.update(n, !0);
3843
3841
  }), Dt(() => s()), M.update(n, !0);
3844
3842
  }
@@ -3860,13 +3858,13 @@ function Yl(e, ...t) {
3860
3858
  const { value: i, subscribe: r } = Fe(s);
3861
3859
  return r(t.filter(Y)), i;
3862
3860
  }
3863
- function Rn(e) {
3861
+ function Bn(e) {
3864
3862
  return typeof e == "number" ? e : parseFloat(e);
3865
3863
  }
3866
3864
  function Xl(e, t = {}) {
3867
3865
  let n = null;
3868
3866
  const s = D(
3869
- Y(e) ? Rn(e.get()) : e
3867
+ Y(e) ? Bn(e.get()) : e
3870
3868
  );
3871
3869
  let i = s.get(), r = () => {
3872
3870
  };
@@ -3884,14 +3882,14 @@ function Xl(e, t = {}) {
3884
3882
  onUpdate: r
3885
3883
  });
3886
3884
  };
3887
- return Gn(() => JSON.stringify(t), () => {
3885
+ return kn(() => JSON.stringify(t), () => {
3888
3886
  const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
3889
3887
  di(() => l());
3890
3888
  }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
3891
- s.set(Rn(l));
3889
+ s.set(Bn(l));
3892
3890
  }), s;
3893
3891
  }
3894
- function In(e, t) {
3892
+ function Rn(e, t) {
3895
3893
  Ys(
3896
3894
  !!(!t || t.value),
3897
3895
  `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
@@ -3925,8 +3923,8 @@ function ql({
3925
3923
  );
3926
3924
  };
3927
3925
  return Ln(() => {
3928
- In("target", t), In("container", e), r();
3929
- }), Dt(() => i == null ? void 0 : i()), Gn(
3926
+ Rn("target", t), Rn("container", e), r();
3927
+ }), Dt(() => i == null ? void 0 : i()), kn(
3930
3928
  () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
3931
3929
  r
3932
3930
  ), s;
@@ -3947,7 +3945,7 @@ const Zl = {
3947
3945
  ]
3948
3946
  };
3949
3947
  export {
3950
- jl as AnimatePresence,
3948
+ Ul as AnimatePresence,
3951
3949
  zl as Motion,
3952
3950
  wi as MotionValue,
3953
3951
  ra as animate,
@@ -3957,17 +3955,17 @@ export {
3957
3955
  ns as backInOut,
3958
3956
  es as backOut,
3959
3957
  R as cancelFrame,
3960
- _l as cancelSync,
3958
+ Gl as cancelSync,
3961
3959
  de as circIn,
3962
3960
  is as circInOut,
3963
3961
  Ji as circOut,
3964
3962
  H as clamp,
3965
3963
  Zl as components,
3966
3964
  ia as createScopedAnimate,
3967
- vt as cubicBezier,
3965
+ yt as cubicBezier,
3968
3966
  Wl as delay,
3969
3967
  Sn as distance,
3970
- kl as distance2D,
3968
+ _l as distance2D,
3971
3969
  Rr as easeIn,
3972
3970
  Ts as easeInOut,
3973
3971
  Ir as easeOut,
@@ -3976,29 +3974,29 @@ export {
3976
3974
  Ll as frameSteps,
3977
3975
  Wa as inView,
3978
3976
  nn as inertia,
3979
- Ve as interpolate,
3977
+ xe as interpolate,
3980
3978
  I as invariant,
3981
- Mt as keyframes,
3979
+ At as keyframes,
3982
3980
  Qn as mirrorEasing,
3983
- xs as mix,
3981
+ Vs as mix,
3984
3982
  D as motionValue,
3985
3983
  we as pipe,
3986
- pt as progress,
3984
+ dt as progress,
3987
3985
  ts as reverseEasing,
3988
3986
  $a as scroll,
3989
3987
  Me as scrollInfo,
3990
3988
  le as spring,
3991
3989
  Kl as stagger,
3992
3990
  $l as steps,
3993
- Gl as sync,
3991
+ kl as sync,
3994
3992
  za as transform,
3995
3993
  Yl as useMotionTemplate,
3996
3994
  D as useMotionValue,
3997
3995
  ql as useScroll,
3998
3996
  Xl as useSpring,
3999
3997
  Hl as useTime,
4000
- Ul as useTransform,
3998
+ jl as useTransform,
4001
3999
  Jl as utilities,
4002
- ht as warning,
4000
+ ft as warning,
4003
4001
  Di as wrap
4004
4002
  };