kss-modern 0.0.19 → 0.0.21

package/dist/styleguide-assets/{main-CTV8iVap.js → main-DJu5Mg_E.js}

@@ -1,33 +1,33 @@
-function Bs(e, t) {
+function Ps(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function vn(e, t) {
+function bn(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const j = (e, t, n) => n > t ? t : n < e ? e : n;
-let rt = () => {
+const U = (e, t, n) => n > t ? t : n < e ? e : n;
+let st = () => {
 };
-const N = {}, Tn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function $s(e) {
+const N = {}, wn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Os(e) {
   return typeof e == "object" && e !== null;
 }
-const An = (e) => /^0[^.\s]+$/u.test(e);
+const Tn = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function it(e) {
+function rt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const Q = /* @__NO_SIDE_EFFECTS__ */ (e) => e, qs = (e, t) => (n) => t(e(n)), ot = (...e) => e.reduce(qs), at = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const Z = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Rs = (e, t) => (n) => t(e(n)), it = (...e) => e.reduce(Rs), ot = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class Sn {
+class vn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return Bs(this.subscriptions, t), () => vn(this.subscriptions, t);
+    return Ps(this.subscriptions, t), () => bn(this.subscriptions, t);
   }
   notify(t, n, s) {
     const r = this.subscriptions.length;
@@ -47,52 +47,52 @@ class Sn {
     this.subscriptions.length = 0;
   }
 }
-const R = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, F = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function xn(e, t) {
+const O = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, F = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+function An(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Hs = (e, t, n) => {
+const Ns = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, En = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ws = 1e-7, _s = 12;
-function Us(e, t, n, s, r) {
+}, Sn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ks = 1e-7, Bs = 12;
+function qs(e, t, n, s, r) {
   let i, o, a = 0;
   do
-    o = t + (n - t) / 2, i = En(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > Ws && ++a < _s);
+    o = t + (n - t) / 2, i = Sn(o, s, r) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > Ks && ++a < Bs);
   return o;
 }
-function pe(e, t, n, s) {
+function he(e, t, n, s) {
   if (e === t && n === s)
-    return Q;
-  const r = (i) => Us(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : En(r(i), t, s);
-}
-const Vn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Mn = (e) => (t) => 1 - e(1 - t), kn = /* @__PURE__ */ pe(0.33, 1.53, 0.69, 0.99), lt = /* @__PURE__ */ Mn(kn), Cn = /* @__PURE__ */ Vn(lt), Ln = (e) => (e *= 2) < 1 ? 0.5 * lt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ct = (e) => 1 - Math.sin(Math.acos(e)), js = Mn(ct), Dn = Vn(ct), Gs = /* @__PURE__ */ pe(0.42, 0, 1, 1), zs = /* @__PURE__ */ pe(0, 0, 0.58, 1), In = /* @__PURE__ */ pe(0.42, 0, 0.58, 1), Fn = (e) => Array.isArray(e) && typeof e[0] != "number";
-function On(e, t) {
-  return Fn(e) ? e[Hs(0, e.length, t)] : e;
-}
-const Rn = (e) => Array.isArray(e) && typeof e[0] == "number", Ys = {
-  linear: Q,
-  easeIn: Gs,
-  easeInOut: In,
-  easeOut: zs,
-  circIn: ct,
-  circInOut: Dn,
-  circOut: js,
-  backIn: lt,
-  backInOut: Cn,
-  backOut: kn,
-  anticipate: Ln
-}, Xs = (e) => typeof e == "string", Dt = (e) => {
-  if (Rn(e)) {
-    rt(e.length === 4);
+    return Z;
+  const r = (i) => qs(i, 0, 1, e, n);
+  return (i) => i === 0 || i === 1 ? i : Sn(r(i), t, s);
+}
+const xn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, En = (e) => (t) => 1 - e(1 - t), Vn = /* @__PURE__ */ he(0.33, 1.53, 0.69, 0.99), at = /* @__PURE__ */ En(Vn), Mn = /* @__PURE__ */ xn(at), kn = (e) => (e *= 2) < 1 ? 0.5 * at(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), lt = (e) => 1 - Math.sin(Math.acos(e)), $s = En(lt), Cn = xn(lt), Hs = /* @__PURE__ */ he(0.42, 0, 1, 1), Ws = /* @__PURE__ */ he(0, 0, 0.58, 1), Dn = /* @__PURE__ */ he(0.42, 0, 0.58, 1), In = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Ln(e, t) {
+  return In(e) ? e[Ns(0, e.length, t)] : e;
+}
+const Fn = (e) => Array.isArray(e) && typeof e[0] == "number", _s = {
+  linear: Z,
+  easeIn: Hs,
+  easeInOut: Dn,
+  easeOut: Ws,
+  circIn: lt,
+  circInOut: Cn,
+  circOut: $s,
+  backIn: at,
+  backInOut: Mn,
+  backOut: Vn,
+  anticipate: kn
+}, Us = (e) => typeof e == "string", Dt = (e) => {
+  if (Fn(e)) {
+    st(e.length === 4);
     const [t, n, s, r] = e;
-    return pe(t, n, s, r);
-  } else if (Xs(e))
-    return Ys[e];
+    return he(t, n, s, r);
+  } else if (Us(e))
+    return _s[e];
   return e;
-}, Te = [
+}, we = [
   "setup",
   // Compute
   "read",
@@ -110,7 +110,7 @@ const Rn = (e) => Array.isArray(e) && typeof e[0] == "number", Ys = {
   "postRender"
   // Compute
 ];
-function Zs(e, t) {
+function js(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -119,15 +119,15 @@ function Zs(e, t) {
     isProcessing: !1
   };
   function l(c) {
-    o.has(c) && (u.schedule(c), e()), c(a);
+    o.has(c) && (f.schedule(c), e()), c(a);
   }
-  const u = {
+  const f = {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (c, f = !1, d = !1) => {
+    schedule: (c, u = !1, d = !1) => {
       const m = d && r ? n : s;
-      return f && o.add(c), m.has(c) || m.add(c), c;
+      return u && o.add(c), m.has(c) || m.add(c), c;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -143,75 +143,75 @@ function Zs(e, t) {
         i = !0;
         return;
       }
-      r = !0, [n, s] = [s, n], n.forEach(l), n.clear(), r = !1, i && (i = !1, u.process(c));
+      r = !0, [n, s] = [s, n], n.forEach(l), n.clear(), r = !1, i && (i = !1, f.process(c));
     }
   };
-  return u;
+  return f;
 }
-const Js = 40;
+const Gs = 40;
 function Pn(e, t) {
   let n = !1, s = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = Te.reduce((A, x) => (A[x] = Zs(i), A), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: d, render: h, postRender: m } = o, b = () => {
-    const A = N.useManualTiming ? r.timestamp : performance.now();
-    n = !1, N.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(A - r.timestamp, Js), 1)), r.timestamp = A, r.isProcessing = !0, a.process(r), l.process(r), u.process(r), c.process(r), f.process(r), d.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(b));
-  }, w = () => {
-    n = !0, s = !0, r.isProcessing || e(b);
+  }, i = () => n = !0, o = we.reduce((v, S) => (v[S] = js(i), v), {}), { setup: a, read: l, resolveKeyframes: f, preUpdate: c, update: u, preRender: d, render: h, postRender: m } = o, y = () => {
+    const v = N.useManualTiming ? r.timestamp : performance.now();
+    n = !1, N.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, Gs), 1)), r.timestamp = v, r.isProcessing = !0, a.process(r), l.process(r), f.process(r), c.process(r), u.process(r), d.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(y));
+  }, T = () => {
+    n = !0, s = !0, r.isProcessing || e(y);
   };
-  return { schedule: Te.reduce((A, x) => {
-    const p = o[x];
-    return A[x] = (S, V = !1, v = !1) => (n || w(), p.schedule(S, V, v)), A;
-  }, {}), cancel: (A) => {
-    for (let x = 0; x < Te.length; x++)
-      o[Te[x]].cancel(A);
+  return { schedule: we.reduce((v, S) => {
+    const g = o[S];
+    return v[S] = (A, V = !1, w = !1) => (n || T(), g.schedule(A, V, w)), v;
+  }, {}), cancel: (v) => {
+    for (let S = 0; S < we.length; S++)
+      o[we[S]].cancel(v);
   }, state: r, steps: o };
 }
-const { schedule: K, cancel: He, state: Ce } = /* @__PURE__ */ Pn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Q, !0);
-let ke;
-function Qs() {
-  ke = void 0;
+const { schedule: K, cancel: $e, state: Me } = /* @__PURE__ */ Pn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Z, !0);
+let Ve;
+function zs() {
+  Ve = void 0;
 }
 const I = {
-  now: () => (ke === void 0 && I.set(Ce.isProcessing || N.useManualTiming ? Ce.timestamp : performance.now()), ke),
+  now: () => (Ve === void 0 && I.set(Me.isProcessing || N.useManualTiming ? Me.timestamp : performance.now()), Ve),
   set: (e) => {
-    ke = e, queueMicrotask(Qs);
+    Ve = e, queueMicrotask(zs);
   }
-}, Nn = (e) => (t) => typeof t == "string" && t.startsWith(e), Kn = /* @__PURE__ */ Nn("--"), er = /* @__PURE__ */ Nn("var(--"), ut = (e) => er(e) ? tr.test(e.split("/*")[0].trim()) : !1, tr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ee = {
+}, On = (e) => (t) => typeof t == "string" && t.startsWith(e), Rn = /* @__PURE__ */ On("--"), Ys = /* @__PURE__ */ On("var(--"), ct = (e) => Ys(e) ? Xs.test(e.split("/*")[0].trim()) : !1, Xs = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, J = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, fe = {
-  ...ee,
-  transform: (e) => j(0, 1, e)
-}, Ae = {
-  ...ee,
+}, ce = {
+  ...J,
+  transform: (e) => U(0, 1, e)
+}, Te = {
+  ...J,
   default: 1
-}, ce = (e) => Math.round(e * 1e5) / 1e5, ft = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function nr(e) {
+}, ae = (e) => Math.round(e * 1e5) / 1e5, ut = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function Zs(e) {
   return e == null;
 }
-const sr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, dt = (e, t) => (n) => !!(typeof n == "string" && sr.test(n) && n.startsWith(e) || t && !nr(n) && Object.prototype.hasOwnProperty.call(n, t)), Bn = (e, t, n) => (s) => {
+const Js = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ft = (e, t) => (n) => !!(typeof n == "string" && Js.test(n) && n.startsWith(e) || t && !Zs(n) && Object.prototype.hasOwnProperty.call(n, t)), Nn = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(ft);
+  const [r, i, o, a] = s.match(ut);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, rr = (e) => j(0, 255, e), Fe = {
-  ...ee,
-  transform: (e) => Math.round(rr(e))
-}, q = {
-  test: /* @__PURE__ */ dt("rgb", "red"),
-  parse: /* @__PURE__ */ Bn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Fe.transform(e) + ", " + Fe.transform(t) + ", " + Fe.transform(n) + ", " + ce(fe.transform(s)) + ")"
+}, Qs = (e) => U(0, 255, e), Ie = {
+  ...J,
+  transform: (e) => Math.round(Qs(e))
+}, $ = {
+  test: /* @__PURE__ */ ft("rgb", "red"),
+  parse: /* @__PURE__ */ Nn("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Ie.transform(e) + ", " + Ie.transform(t) + ", " + Ie.transform(n) + ", " + ae(ce.transform(s)) + ")"
 };
-function ir(e) {
+function er(e) {
   let t = "", n = "", s = "", r = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), r = e.substring(4, 5), t += t, n += n, s += s, r += r), {
     red: parseInt(t, 16),
@@ -220,82 +220,82 @@ function ir(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const We = {
-  test: /* @__PURE__ */ dt("#"),
-  parse: ir,
-  transform: q.transform
-}, ge = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
+const He = {
+  test: /* @__PURE__ */ ft("#"),
+  parse: er,
+  transform: $.transform
+}, me = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ ge("deg"), X = /* @__PURE__ */ ge("%"), g = /* @__PURE__ */ ge("px"), or = /* @__PURE__ */ ge("vh"), ar = /* @__PURE__ */ ge("vw"), It = {
-  ...X,
-  parse: (e) => X.parse(e) / 100,
-  transform: (e) => X.transform(e * 100)
-}, z = {
-  test: /* @__PURE__ */ dt("hsl", "hue"),
-  parse: /* @__PURE__ */ Bn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + X.transform(ce(t)) + ", " + X.transform(ce(n)) + ", " + ce(fe.transform(s)) + ")"
+}), q = /* @__PURE__ */ me("deg"), z = /* @__PURE__ */ me("%"), p = /* @__PURE__ */ me("px"), tr = /* @__PURE__ */ me("vh"), nr = /* @__PURE__ */ me("vw"), It = {
+  ...z,
+  parse: (e) => z.parse(e) / 100,
+  transform: (e) => z.transform(e * 100)
+}, G = {
+  test: /* @__PURE__ */ ft("hsl", "hue"),
+  parse: /* @__PURE__ */ Nn("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + z.transform(ae(t)) + ", " + z.transform(ae(n)) + ", " + ae(ce.transform(s)) + ")"
 }, k = {
-  test: (e) => q.test(e) || We.test(e) || z.test(e),
-  parse: (e) => q.test(e) ? q.parse(e) : z.test(e) ? z.parse(e) : We.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? q.transform(e) : z.transform(e),
+  test: (e) => $.test(e) || He.test(e) || G.test(e),
+  parse: (e) => $.test(e) ? $.parse(e) : G.test(e) ? G.parse(e) : He.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? $.transform(e) : G.transform(e),
   getAnimatableNone: (e) => {
     const t = k.parse(e);
     return t.alpha = 0, k.transform(t);
   }
-}, lr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function cr(e) {
-  return isNaN(e) && typeof e == "string" && (e.match(ft)?.length || 0) + (e.match(lr)?.length || 0) > 0;
+}, sr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function rr(e) {
+  return isNaN(e) && typeof e == "string" && (e.match(ut)?.length || 0) + (e.match(sr)?.length || 0) > 0;
 }
-const $n = "number", qn = "color", ur = "var", fr = "var(", Ft = "${}", dr = /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;
-function de(e) {
+const Kn = "number", Bn = "color", ir = "var", or = "var(", Lt = "${}", ar = /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;
+function ue(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, r = [];
   let i = 0;
-  const a = t.replace(dr, (l) => (k.test(l) ? (s.color.push(i), r.push(qn), n.push(k.parse(l))) : l.startsWith(fr) ? (s.var.push(i), r.push(ur), n.push(l)) : (s.number.push(i), r.push($n), n.push(parseFloat(l))), ++i, Ft)).split(Ft);
+  const a = t.replace(ar, (l) => (k.test(l) ? (s.color.push(i), r.push(Bn), n.push(k.parse(l))) : l.startsWith(or) ? (s.var.push(i), r.push(ir), n.push(l)) : (s.number.push(i), r.push(Kn), n.push(parseFloat(l))), ++i, Lt)).split(Lt);
   return { values: n, split: a, indexes: s, types: r };
 }
-function Hn(e) {
-  return de(e).values;
+function qn(e) {
+  return ue(e).values;
 }
-function Wn(e) {
-  const { split: t, types: n } = de(e), s = t.length;
+function $n(e) {
+  const { split: t, types: n } = ue(e), s = t.length;
   return (r) => {
     let i = "";
     for (let o = 0; o < s; o++)
       if (i += t[o], r[o] !== void 0) {
         const a = n[o];
-        a === $n ? i += ce(r[o]) : a === qn ? i += k.transform(r[o]) : i += r[o];
+        a === Kn ? i += ae(r[o]) : a === Bn ? i += k.transform(r[o]) : i += r[o];
       }
     return i;
   };
 }
-const hr = (e) => typeof e == "number" ? 0 : k.test(e) ? k.getAnimatableNone(e) : e;
-function mr(e) {
-  const t = Hn(e);
-  return Wn(e)(t.map(hr));
-}
-const te = {
-  test: cr,
-  parse: Hn,
-  createTransformer: Wn,
-  getAnimatableNone: mr
+const lr = (e) => typeof e == "number" ? 0 : k.test(e) ? k.getAnimatableNone(e) : e;
+function cr(e) {
+  const t = qn(e);
+  return $n(e)(t.map(lr));
+}
+const Q = {
+  test: rr,
+  parse: qn,
+  createTransformer: $n,
+  getAnimatableNone: cr
 };
-function Oe(e, t, n) {
+function Le(e, t, n) {
   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;
 }
-function pr({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function ur({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let r = 0, i = 0, o = 0;
   if (!t)
     r = i = o = n;
   else {
     const a = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - a;
-    r = Oe(l, a, e + 1 / 3), i = Oe(l, a, e), o = Oe(l, a, e - 1 / 3);
+    r = Le(l, a, e + 1 / 3), i = Le(l, a, e), o = Le(l, a, e - 1 / 3);
   }
   return {
     red: Math.round(r * 255),
@@ -304,55 +304,55 @@ function pr({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Le(e, t) {
+function ke(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const ye = (e, t, n) => e + (t - e) * n, Re = (e, t, n) => {
+const pe = (e, t, n) => e + (t - e) * n, Fe = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, gr = [We, q, z], yr = (e) => gr.find((t) => t.test(e));
-function Ot(e) {
-  const t = yr(e);
+}, fr = [He, $, G], dr = (e) => fr.find((t) => t.test(e));
+function Ft(e) {
+  const t = dr(e);
   if (!t)
     return !1;
   let n = t.parse(e);
-  return t === z && (n = pr(n)), n;
+  return t === G && (n = ur(n)), n;
 }
-const Rt = (e, t) => {
-  const n = Ot(e), s = Ot(t);
+const Pt = (e, t) => {
+  const n = Ft(e), s = Ft(t);
   if (!n || !s)
-    return Le(e, t);
+    return ke(e, t);
   const r = { ...n };
-  return (i) => (r.red = Re(n.red, s.red, i), r.green = Re(n.green, s.green, i), r.blue = Re(n.blue, s.blue, i), r.alpha = ye(n.alpha, s.alpha, i), q.transform(r));
-}, _e = /* @__PURE__ */ new Set(["none", "hidden"]);
-function br(e, t) {
-  return _e.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return (i) => (r.red = Fe(n.red, s.red, i), r.green = Fe(n.green, s.green, i), r.blue = Fe(n.blue, s.blue, i), r.alpha = pe(n.alpha, s.alpha, i), $.transform(r));
+}, We = /* @__PURE__ */ new Set(["none", "hidden"]);
+function hr(e, t) {
+  return We.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function wr(e, t) {
-  return (n) => ye(e, t, n);
+function mr(e, t) {
+  return (n) => pe(e, t, n);
 }
-function ht(e) {
-  return typeof e == "number" ? wr : typeof e == "string" ? ut(e) ? Le : k.test(e) ? Rt : Ar : Array.isArray(e) ? _n : typeof e == "object" ? k.test(e) ? Rt : vr : Le;
+function dt(e) {
+  return typeof e == "number" ? mr : typeof e == "string" ? ct(e) ? ke : k.test(e) ? Pt : yr : Array.isArray(e) ? Hn : typeof e == "object" ? k.test(e) ? Pt : pr : ke;
 }
-function _n(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => ht(i)(i, t[o]));
+function Hn(e, t) {
+  const n = [...e], s = n.length, r = e.map((i, o) => dt(i)(i, t[o]));
   return (i) => {
     for (let o = 0; o < s; o++)
       n[o] = r[o](i);
     return n;
   };
 }
-function vr(e, t) {
+function pr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (s[r] = ht(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (s[r] = dt(e[r])(e[r], t[r]));
   return (r) => {
     for (const i in s)
       n[i] = s[i](r);
     return n;
   };
 }
-function Tr(e, t) {
+function gr(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
     const i = t.types[r], o = e.indexes[i][s[i]], a = e.values[o] ?? 0;
@@ -360,51 +360,51 @@ function Tr(e, t) {
   }
   return n;
 }
-const Ar = (e, t) => {
-  const n = te.createTransformer(t), s = de(e), r = de(t);
-  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? _e.has(e) && !r.values.length || _e.has(t) && !s.values.length ? br(e, t) : ot(_n(Tr(s, r), r.values), n) : Le(e, t);
+const yr = (e, t) => {
+  const n = Q.createTransformer(t), s = ue(e), r = ue(t);
+  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? We.has(e) && !r.values.length || We.has(t) && !s.values.length ? hr(e, t) : it(Hn(gr(s, r), r.values), n) : ke(e, t);
 };
-function Un(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ye(e, t, n) : ht(e)(e, t);
+function Wn(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? pe(e, t, n) : dt(e)(e, t);
 }
-const Sr = (e) => {
+const br = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => K.update(t, n),
-    stop: () => He(t),
+    stop: () => $e(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Ce.isProcessing ? Ce.timestamp : I.now()
+    now: () => Me.isProcessing ? Me.timestamp : I.now()
   };
-}, jn = (e, t, n = 10) => {
+}, _n = (e, t, n = 10) => {
   let s = "";
   const r = Math.max(Math.round(t / n), 2);
   for (let i = 0; i < r; i++)
     s += Math.round(e(i / (r - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, De = 2e4;
-function mt(e) {
+}, Ce = 2e4;
+function ht(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < De; )
+  for (; !s.done && t < Ce; )
     t += n, s = e.next(t);
-  return t >= De ? 1 / 0 : t;
+  return t >= Ce ? 1 / 0 : t;
 }
-function Gn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(mt(s), De);
+function Un(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(ht(s), Ce);
   return {
     type: "keyframes",
     ease: (i) => s.next(r * i).value / t,
     duration: /* @__PURE__ */ F(r)
   };
 }
-const xr = 5;
-function zn(e, t, n) {
-  const s = Math.max(t - xr, 0);
-  return xn(n - e(s), t - s);
+const wr = 5;
+function jn(e, t, n) {
+  const s = Math.max(t - wr, 0);
+  return An(n - e(s), t - s);
 }
 const M = {
   // Default spring physics
@@ -435,52 +435,52 @@ const M = {
   minDamping: 0.05,
   maxDamping: 1
 }, Pe = 1e-3;
-function Er({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.velocity, mass: s = M.mass }) {
+function Tr({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.velocity, mass: s = M.mass }) {
   let r, i, o = 1 - t;
-  o = j(M.minDamping, M.maxDamping, o), e = j(M.minDuration, M.maxDuration, /* @__PURE__ */ F(e)), o < 1 ? (r = (u) => {
-    const c = u * o, f = c * e, d = c - n, h = Ue(u, o), m = Math.exp(-f);
+  o = U(M.minDamping, M.maxDamping, o), e = U(M.minDuration, M.maxDuration, /* @__PURE__ */ F(e)), o < 1 ? (r = (f) => {
+    const c = f * o, u = c * e, d = c - n, h = _e(f, o), m = Math.exp(-u);
     return Pe - d / h * m;
-  }, i = (u) => {
-    const f = u * o * e, d = f * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), b = Ue(Math.pow(u, 2), o);
-    return (-r(u) + Pe > 0 ? -1 : 1) * ((d - h) * m) / b;
-  }) : (r = (u) => {
-    const c = Math.exp(-u * e), f = (u - n) * e + 1;
-    return -Pe + c * f;
-  }, i = (u) => {
-    const c = Math.exp(-u * e), f = (n - u) * (e * e);
-    return c * f;
+  }, i = (f) => {
+    const u = f * o * e, d = u * n + n, h = Math.pow(o, 2) * Math.pow(f, 2) * e, m = Math.exp(-u), y = _e(Math.pow(f, 2), o);
+    return (-r(f) + Pe > 0 ? -1 : 1) * ((d - h) * m) / y;
+  }) : (r = (f) => {
+    const c = Math.exp(-f * e), u = (f - n) * e + 1;
+    return -Pe + c * u;
+  }, i = (f) => {
+    const c = Math.exp(-f * e), u = (n - f) * (e * e);
+    return c * u;
   });
-  const a = 5 / e, l = Mr(r, i, a);
-  if (e = /* @__PURE__ */ R(e), isNaN(l))
+  const a = 5 / e, l = Ar(r, i, a);
+  if (e = /* @__PURE__ */ O(e), isNaN(l))
     return {
       stiffness: M.stiffness,
       damping: M.damping,
       duration: e
     };
   {
-    const u = Math.pow(l, 2) * s;
+    const f = Math.pow(l, 2) * s;
     return {
-      stiffness: u,
-      damping: o * 2 * Math.sqrt(s * u),
+      stiffness: f,
+      damping: o * 2 * Math.sqrt(s * f),
       duration: e
     };
   }
 }
-const Vr = 12;
-function Mr(e, t, n) {
+const vr = 12;
+function Ar(e, t, n) {
   let s = n;
-  for (let r = 1; r < Vr; r++)
+  for (let r = 1; r < vr; r++)
     s = s - e(s) / t(s);
   return s;
 }
-function Ue(e, t) {
+function _e(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const kr = ["duration", "bounce"], Cr = ["stiffness", "damping", "mass"];
-function Pt(e, t) {
+const Sr = ["duration", "bounce"], xr = ["stiffness", "damping", "mass"];
+function Ot(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Lr(e) {
+function Er(e) {
   let t = {
     velocity: M.velocity,
     stiffness: M.stiffness,
@@ -489,9 +489,9 @@ function Lr(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Pt(e, Cr) && Pt(e, kr))
+  if (!Ot(e, xr) && Ot(e, Sr))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * j(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * U(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
         mass: M.mass,
@@ -499,7 +499,7 @@ function Lr(e) {
         damping: i
       };
     } else {
-      const n = Er(e);
+      const n = Tr(e);
       t = {
         ...t,
         ...n,
@@ -508,175 +508,175 @@ function Lr(e) {
     }
   return t;
 }
-function J(e = M.visualDuration, t = M.bounce) {
+function X(e = M.visualDuration, t = M.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: r } = n;
-  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: l, damping: u, mass: c, duration: f, velocity: d, isResolvedFromDuration: h } = Lr({
+  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: l, damping: f, mass: c, duration: u, velocity: d, isResolvedFromDuration: h } = Er({
     ...n,
     velocity: -/* @__PURE__ */ F(n.velocity || 0)
-  }), m = d || 0, b = u / (2 * Math.sqrt(l * c)), w = o - i, y = /* @__PURE__ */ F(Math.sqrt(l / c)), T = Math.abs(w) < 5;
-  s || (s = T ? M.restSpeed.granular : M.restSpeed.default), r || (r = T ? M.restDelta.granular : M.restDelta.default);
-  let A;
-  if (b < 1) {
-    const p = Ue(y, b);
-    A = (S) => {
-      const V = Math.exp(-b * y * S);
-      return o - V * ((m + b * y * w) / p * Math.sin(p * S) + w * Math.cos(p * S));
+  }), m = d || 0, y = f / (2 * Math.sqrt(l * c)), T = o - i, b = /* @__PURE__ */ F(Math.sqrt(l / c)), x = Math.abs(T) < 5;
+  s || (s = x ? M.restSpeed.granular : M.restSpeed.default), r || (r = x ? M.restDelta.granular : M.restDelta.default);
+  let v;
+  if (y < 1) {
+    const g = _e(b, y);
+    v = (A) => {
+      const V = Math.exp(-y * b * A);
+      return o - V * ((m + y * b * T) / g * Math.sin(g * A) + T * Math.cos(g * A));
     };
-  } else if (b === 1)
-    A = (p) => o - Math.exp(-y * p) * (w + (m + y * w) * p);
+  } else if (y === 1)
+    v = (g) => o - Math.exp(-b * g) * (T + (m + b * T) * g);
   else {
-    const p = y * Math.sqrt(b * b - 1);
-    A = (S) => {
-      const V = Math.exp(-b * y * S), v = Math.min(p * S, 300);
-      return o - V * ((m + b * y * w) * Math.sinh(v) + p * w * Math.cosh(v)) / p;
+    const g = b * Math.sqrt(y * y - 1);
+    v = (A) => {
+      const V = Math.exp(-y * b * A), w = Math.min(g * A, 300);
+      return o - V * ((m + y * b * T) * Math.sinh(w) + g * T * Math.cosh(w)) / g;
     };
   }
-  const x = {
-    calculatedDuration: h && f || null,
-    next: (p) => {
-      const S = A(p);
+  const S = {
+    calculatedDuration: h && u || null,
+    next: (g) => {
+      const A = v(g);
       if (h)
-        a.done = p >= f;
+        a.done = g >= u;
       else {
-        let V = p === 0 ? m : 0;
-        b < 1 && (V = p === 0 ? /* @__PURE__ */ R(m) : zn(A, p, S));
-        const v = Math.abs(V) <= s, E = Math.abs(o - S) <= r;
-        a.done = v && E;
+        let V = g === 0 ? m : 0;
+        y < 1 && (V = g === 0 ? /* @__PURE__ */ O(m) : jn(v, g, A));
+        const w = Math.abs(V) <= s, E = Math.abs(o - A) <= r;
+        a.done = w && E;
       }
-      return a.value = a.done ? o : S, a;
+      return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const p = Math.min(mt(x), De), S = jn((V) => x.next(p * V).value, p, 30);
-      return p + "ms " + S;
+      const g = Math.min(ht(S), Ce), A = _n((V) => S.next(g * V).value, g, 30);
+      return g + "ms " + A;
     },
     toTransition: () => {
     }
   };
-  return x;
+  return S;
 }
-J.applyToOptions = (e) => {
-  const t = Gn(e, 100, J);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ R(t.duration), e.type = "keyframes", e;
+X.applyToOptions = (e) => {
+  const t = Un(e, 100, X);
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ O(t.duration), e.type = "keyframes", e;
 };
-function je({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
-  const f = e[0], d = {
+function Ue({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: l, restDelta: f = 0.5, restSpeed: c }) {
+  const u = e[0], d = {
     done: !1,
-    value: f
-  }, h = (v) => a !== void 0 && v < a || l !== void 0 && v > l, m = (v) => a === void 0 ? l : l === void 0 || Math.abs(a - v) < Math.abs(l - v) ? a : l;
-  let b = n * t;
-  const w = f + b, y = o === void 0 ? w : o(w);
-  y !== w && (b = y - f);
-  const T = (v) => -b * Math.exp(-v / s), A = (v) => y + T(v), x = (v) => {
-    const E = T(v), D = A(v);
-    d.done = Math.abs(E) <= u, d.value = d.done ? y : D;
+    value: u
+  }, h = (w) => a !== void 0 && w < a || l !== void 0 && w > l, m = (w) => a === void 0 ? l : l === void 0 || Math.abs(a - w) < Math.abs(l - w) ? a : l;
+  let y = n * t;
+  const T = u + y, b = o === void 0 ? T : o(T);
+  b !== T && (y = b - u);
+  const x = (w) => -y * Math.exp(-w / s), v = (w) => b + x(w), S = (w) => {
+    const E = x(w), D = v(w);
+    d.done = Math.abs(E) <= f, d.value = d.done ? b : D;
   };
-  let p, S;
-  const V = (v) => {
-    h(d.value) && (p = v, S = J({
+  let g, A;
+  const V = (w) => {
+    h(d.value) && (g = w, A = X({
       keyframes: [d.value, m(d.value)],
-      velocity: zn(A, v, d.value),
+      velocity: jn(v, w, d.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: i,
-      restDelta: u,
+      restDelta: f,
       restSpeed: c
     }));
   };
   return V(0), {
     calculatedDuration: null,
-    next: (v) => {
+    next: (w) => {
       let E = !1;
-      return !S && p === void 0 && (E = !0, x(v), V(v)), p !== void 0 && v >= p ? S.next(v - p) : (!E && x(v), d);
+      return !A && g === void 0 && (E = !0, S(w), V(w)), g !== void 0 && w >= g ? A.next(w - g) : (!E && S(w), d);
     }
   };
 }
-function Dr(e, t, n) {
-  const s = [], r = n || N.mix || Un, i = e.length - 1;
+function Vr(e, t, n) {
+  const s = [], r = n || N.mix || Wn, i = e.length - 1;
   for (let o = 0; o < i; o++) {
     let a = r(e[o], e[o + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[o] || Q : t;
-      a = ot(l, a);
+      const l = Array.isArray(t) ? t[o] || Z : t;
+      a = it(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function Ir(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
+function Mr(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
   const i = e.length;
-  if (rt(i === t.length), i === 1)
+  if (st(i === t.length), i === 1)
     return () => t[0];
   if (i === 2 && t[0] === t[1])
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = Dr(t, s, r), l = a.length, u = (c) => {
+  const a = Vr(t, s, r), l = a.length, f = (c) => {
     if (o && c < e[0])
       return t[0];
-    let f = 0;
+    let u = 0;
     if (l > 1)
-      for (; f < e.length - 2 && !(c < e[f + 1]); f++)
+      for (; u < e.length - 2 && !(c < e[u + 1]); u++)
         ;
-    const d = /* @__PURE__ */ at(e[f], e[f + 1], c);
-    return a[f](d);
+    const d = /* @__PURE__ */ ot(e[u], e[u + 1], c);
+    return a[u](d);
   };
-  return n ? (c) => u(j(e[0], e[i - 1], c)) : u;
+  return n ? (c) => f(U(e[0], e[i - 1], c)) : f;
 }
-function Yn(e, t) {
+function Gn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ at(0, t, s);
-    e.push(ye(n, 1, r));
+    const r = /* @__PURE__ */ ot(0, t, s);
+    e.push(pe(n, 1, r));
   }
 }
-function Xn(e) {
+function zn(e) {
   const t = [0];
-  return Yn(t, e.length - 1), t;
+  return Gn(t, e.length - 1), t;
 }
-function Fr(e, t) {
+function kr(e, t) {
   return e.map((n) => n * t);
 }
-function Or(e, t) {
-  return e.map(() => t || In).splice(0, e.length - 1);
+function Cr(e, t) {
+  return e.map(() => t || Dn).splice(0, e.length - 1);
 }
-function ue({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = Fn(s) ? s.map(Dt) : Dt(s), i = {
+function le({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const r = In(s) ? s.map(Dt) : Dt(s), i = {
     done: !1,
     value: t[0]
-  }, o = Fr(
+  }, o = kr(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : Xn(t),
+    n && n.length === t.length ? n : zn(t),
     e
-  ), a = Ir(o, t, {
-    ease: Array.isArray(r) ? r : Or(t, r)
+  ), a = Mr(o, t, {
+    ease: Array.isArray(r) ? r : Cr(t, r)
   });
   return {
     calculatedDuration: e,
     next: (l) => (i.value = a(l), i.done = l >= e, i)
   };
 }
-const Rr = (e) => e !== null;
-function pt(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
-  const i = e.filter(Rr), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const Dr = (e) => e !== null;
+function mt(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
+  const i = e.filter(Dr), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !a || s === void 0 ? i[a] : s;
 }
-const Pr = {
-  decay: je,
-  inertia: je,
-  tween: ue,
-  keyframes: ue,
-  spring: J
+const Ir = {
+  decay: Ue,
+  inertia: Ue,
+  tween: le,
+  keyframes: le,
+  spring: X
 };
-function Zn(e) {
-  typeof e.type == "string" && (e.type = Pr[e.type]);
+function Yn(e) {
+  typeof e.type == "string" && (e.type = Ir[e.type]);
 }
-class gt {
+class pt {
   constructor() {
     this.updateFinished();
   }
@@ -700,8 +700,8 @@ class gt {
     return this.finished.then(t, n);
   }
 }
-const Nr = (e) => e / 100;
-class yt extends gt {
+const Lr = (e) => e / 100;
+class gt extends pt {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       const { motionValue: n } = this.options;
@@ -710,19 +710,19 @@ class yt extends gt {
   }
   initAnimation() {
     const { options: t } = this;
-    Zn(t);
-    const { type: n = ue, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
+    Yn(t);
+    const { type: n = le, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
-    const l = n || ue;
-    l !== ue && typeof a[0] != "number" && (this.mixKeyframes = ot(Nr, Un(a[0], a[1])), a = [0, 100]);
-    const u = l({ ...t, keyframes: a });
+    const l = n || le;
+    l !== le && typeof a[0] != "number" && (this.mixKeyframes = it(Lr, Wn(a[0], a[1])), a = [0, 100]);
+    const f = l({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = l({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = mt(u));
-    const { calculatedDuration: c } = u;
-    this.calculatedDuration = c, this.resolvedDuration = c + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = u;
+    })), f.calculatedDuration === null && (f.calculatedDuration = ht(f));
+    const { calculatedDuration: c } = f;
+    this.calculatedDuration = c, this.resolvedDuration = c + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = f;
   }
   updateTime(t) {
     const n = Math.round(t - this.startTime) * this.playbackSpeed;
@@ -732,22 +732,22 @@ class yt extends gt {
     const { generator: s, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: c, repeat: f, repeatType: d, repeatDelay: h, type: m, onUpdate: b, finalKeyframe: w } = this.options;
+    const { delay: f = 0, keyframes: c, repeat: u, repeatType: d, repeatDelay: h, type: m, onUpdate: y, finalKeyframe: T } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
-    const y = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), T = this.playbackSpeed >= 0 ? y < 0 : y > r;
-    this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
-    let A = this.currentTime, x = s;
-    if (f) {
-      const v = Math.min(this.currentTime, r) / a;
-      let E = Math.floor(v), D = v % 1;
-      !D && v >= 1 && (D = 1), D === 1 && E--, E = Math.min(E, f + 1), !!(E % 2) && (d === "reverse" ? (D = 1 - D, h && (D -= h / a)) : d === "mirror" && (x = o)), A = j(0, 1, D) * a;
+    const b = this.currentTime - f * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? b < 0 : b > r;
+    this.currentTime = Math.max(b, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
+    let v = this.currentTime, S = s;
+    if (u) {
+      const w = Math.min(this.currentTime, r) / a;
+      let E = Math.floor(w), D = w % 1;
+      !D && w >= 1 && (D = 1), D === 1 && E--, E = Math.min(E, u + 1), !!(E % 2) && (d === "reverse" ? (D = 1 - D, h && (D -= h / a)) : d === "mirror" && (S = o)), v = U(0, 1, D) * a;
     }
-    const p = T ? { done: !1, value: c[0] } : x.next(A);
-    i && (p.value = i(p.value));
-    let { done: S } = p;
-    !T && l !== null && (S = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
-    return V && m !== je && (p.value = pt(c, this.options, w, this.speed)), b && b(p.value), V && this.finish(), p;
+    const g = x ? { done: !1, value: c[0] } : S.next(v);
+    i && (g.value = i(g.value));
+    let { done: A } = g;
+    !x && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
+    const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
+    return V && m !== Ue && (g.value = mt(c, this.options, T, this.speed)), y && y(g.value), V && this.finish(), g;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -768,7 +768,7 @@ class yt extends gt {
     return /* @__PURE__ */ F(this.currentTime);
   }
   set time(t) {
-    t = /* @__PURE__ */ R(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver?.start(!1);
+    t = /* @__PURE__ */ O(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver?.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
@@ -781,7 +781,7 @@ class yt extends gt {
   play() {
     if (this.isStopped)
       return;
-    const { driver: t = Sr, startTime: n } = this.options;
+    const { driver: t = br, startTime: n } = this.options;
     this.driver || (this.driver = t((r) => this.tick(r))), this.options.onPlay?.();
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -811,14 +811,14 @@ class yt extends gt {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), t.observe(this);
   }
 }
-function Kr(e) {
+function Fr(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const H = (e) => e * 180 / Math.PI, Ge = (e) => {
+const H = (e) => e * 180 / Math.PI, je = (e) => {
   const t = H(Math.atan2(e[1], e[0]));
-  return ze(t);
-}, Br = {
+  return Ge(t);
+}, Pr = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -826,56 +826,56 @@ const H = (e) => e * 180 / Math.PI, Ge = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: Ge,
-  rotateZ: Ge,
+  rotate: je,
+  rotateZ: je,
   skewX: (e) => H(Math.atan(e[1])),
   skewY: (e) => H(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, ze = (e) => (e = e % 360, e < 0 && (e += 360), e), Nt = Ge, Kt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Bt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), $r = {
+}, Ge = (e) => (e = e % 360, e < 0 && (e += 360), e), Rt = je, Nt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Kt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Or = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Kt,
-  scaleY: Bt,
-  scale: (e) => (Kt(e) + Bt(e)) / 2,
-  rotateX: (e) => ze(H(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => ze(H(Math.atan2(-e[2], e[0]))),
-  rotateZ: Nt,
-  rotate: Nt,
+  scaleX: Nt,
+  scaleY: Kt,
+  scale: (e) => (Nt(e) + Kt(e)) / 2,
+  rotateX: (e) => Ge(H(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => Ge(H(Math.atan2(-e[2], e[0]))),
+  rotateZ: Rt,
+  rotate: Rt,
   skewX: (e) => H(Math.atan(e[4])),
   skewY: (e) => H(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function Ye(e) {
+function ze(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function Xe(e, t) {
+function Ye(e, t) {
   if (!e || e === "none")
-    return Ye(t);
+    return ze(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
-    s = $r, r = n;
+    s = Or, r = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Br, r = a;
+    s = Pr, r = a;
   }
   if (!r)
-    return Ye(t);
-  const i = s[t], o = r[1].split(",").map(Hr);
+    return ze(t);
+  const i = s[t], o = r[1].split(",").map(Nr);
   return typeof i == "function" ? i(o) : o[i];
 }
-const qr = (e, t) => {
+const Rr = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return Xe(n, t);
+  return Ye(n, t);
 };
-function Hr(e) {
+function Nr(e) {
   return parseFloat(e.trim());
 }
-const ne = [
+const ee = [
   "transformPerspective",
   "x",
   "y",
@@ -893,10 +893,10 @@ const ne = [
   "skew",
   "skewX",
   "skewY"
-], se = new Set(ne), $t = (e) => e === ee || e === g, Wr = /* @__PURE__ */ new Set(["x", "y", "z"]), _r = ne.filter((e) => !Wr.has(e));
-function Ur(e) {
+], te = new Set(ee), Bt = (e) => e === J || e === p, Kr = /* @__PURE__ */ new Set(["x", "y", "z"]), Br = ee.filter((e) => !Kr.has(e));
+function qr(e) {
   const t = [];
-  return _r.forEach((n) => {
+  return Br.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
@@ -910,18 +910,18 @@ const W = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: (e, { transform: t }) => Xe(t, "x"),
-  y: (e, { transform: t }) => Xe(t, "y")
+  x: (e, { transform: t }) => Ye(t, "x"),
+  y: (e, { transform: t }) => Ye(t, "y")
 };
 W.translateX = W.x;
 W.translateY = W.y;
 const _ = /* @__PURE__ */ new Set();
-let Ze = !1, Je = !1, Qe = !1;
-function Jn() {
-  if (Je) {
+let Xe = !1, Ze = !1, Je = !1;
+function Xn() {
+  if (Ze) {
     const e = Array.from(_).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const r = Ur(s);
+      const r = qr(s);
       r.length && (n.set(s, r), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -933,22 +933,22 @@ function Jn() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Je = !1, Ze = !1, _.forEach((e) => e.complete(Qe)), _.clear();
+  Ze = !1, Xe = !1, _.forEach((e) => e.complete(Je)), _.clear();
 }
-function Qn() {
+function Zn() {
   _.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Je = !0);
+    e.readKeyframes(), e.needsMeasurement && (Ze = !0);
   });
 }
-function jr() {
-  Qe = !0, Qn(), Jn(), Qe = !1;
+function $r() {
+  Je = !0, Zn(), Xn(), Je = !1;
 }
-class bt {
+class yt {
   constructor(t, n, s, r, i, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = r, this.element = i, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (_.add(this), Ze || (Ze = !0, K.read(Qn), K.resolveKeyframes(Jn))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (_.add(this), Xe || (Xe = !0, K.read(Zn), K.resolveKeyframes(Xn))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -962,7 +962,7 @@ class bt {
       }
       t[0] === void 0 && (t[0] = o), r && i === void 0 && r.set(t[0]);
     }
-    Kr(t);
+    Fr(t);
   }
   setFinalKeyframe() {
   }
@@ -982,71 +982,71 @@ class bt {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Gr = (e) => e.startsWith("--");
-function zr(e, t, n) {
-  Gr(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const Hr = (e) => e.startsWith("--");
+function Wr(e, t, n) {
+  Hr(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const Yr = /* @__PURE__ */ it(() => window.ScrollTimeline !== void 0), Xr = {};
-function Zr(e, t) {
-  const n = /* @__PURE__ */ it(e);
-  return () => Xr[t] ?? n();
+const _r = /* @__PURE__ */ rt(() => window.ScrollTimeline !== void 0), Ur = {};
+function jr(e, t) {
+  const n = /* @__PURE__ */ rt(e);
+  return () => Ur[t] ?? n();
 }
-const es = /* @__PURE__ */ Zr(() => {
+const Jn = /* @__PURE__ */ jr(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), le = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, qt = {
+}, "linearEasing"), oe = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, qt = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ le([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ le([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ le([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ le([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ oe([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ oe([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ oe([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ oe([0.33, 1.53, 0.69, 0.99])
 };
-function ts(e, t) {
+function Qn(e, t) {
   if (e)
-    return typeof e == "function" ? es() ? jn(e, t) : "ease-out" : Rn(e) ? le(e) : Array.isArray(e) ? e.map((n) => ts(n, t) || qt.easeOut) : qt[e];
+    return typeof e == "function" ? Jn() ? _n(e, t) : "ease-out" : Fn(e) ? oe(e) : Array.isArray(e) ? e.map((n) => Qn(n, t) || qt.easeOut) : qt[e];
 }
-function Jr(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
+function Gr(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, f = void 0) {
   const c = {
     [t]: n
   };
   l && (c.offset = l);
-  const f = ts(a, r);
-  Array.isArray(f) && (c.easing = f);
+  const u = Qn(a, r);
+  Array.isArray(u) && (c.easing = u);
   const d = {
     delay: s,
     duration: r,
-    easing: Array.isArray(f) ? "linear" : f,
+    easing: Array.isArray(u) ? "linear" : u,
     fill: "both",
     iterations: i + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   };
-  return u && (d.pseudoElement = u), e.animate(c, d);
+  return f && (d.pseudoElement = f), e.animate(c, d);
 }
-function wt(e) {
+function bt(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function Qr({ type: e, ...t }) {
-  return wt(e) && es() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function zr({ type: e, ...t }) {
+  return bt(e) && Jn() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class ei extends gt {
+class Yr extends pt {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: r, pseudoElement: i, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = t;
-    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, rt(typeof t.type != "string");
-    const u = Qr(t);
-    this.animation = Jr(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, st(typeof t.type != "string");
+    const f = zr(t);
+    this.animation = Gr(n, s, r, f, i), f.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !i) {
-        const c = pt(r, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : zr(n, s, c), this.animation.cancel();
+        const c = mt(r, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(c) : Wr(n, s, c), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
     };
@@ -1100,7 +1100,7 @@ class ei extends gt {
     return /* @__PURE__ */ F(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ R(t);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ O(t);
   }
   /**
    * The playback speed of the animation.
@@ -1125,24 +1125,24 @@ class ei extends gt {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: t, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && Yr() ? (this.animation.timeline = t, Q) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && _r() ? (this.animation.timeline = t, Z) : n(this);
   }
 }
-const ns = {
-  anticipate: Ln,
-  backInOut: Cn,
-  circInOut: Dn
+const es = {
+  anticipate: kn,
+  backInOut: Mn,
+  circInOut: Cn
 };
-function ti(e) {
-  return e in ns;
+function Xr(e) {
+  return e in es;
 }
-function ni(e) {
-  typeof e.ease == "string" && ti(e.ease) && (e.ease = ns[e.ease]);
+function Zr(e) {
+  typeof e.ease == "string" && Xr(e.ease) && (e.ease = es[e.ease]);
 }
-const Ht = 10;
-class si extends ei {
+const $t = 10;
+class Jr extends Yr {
   constructor(t) {
-    ni(t), Zn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Zr(t), Yn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1160,17 +1160,17 @@ class si extends ei {
       n.set(t);
       return;
     }
-    const a = new yt({
+    const a = new gt({
       ...o,
       autoplay: !1
-    }), l = /* @__PURE__ */ R(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - Ht).value, a.sample(l).value, Ht), a.stop();
+    }), l = /* @__PURE__ */ O(this.finishedTime ?? this.time);
+    n.setWithVelocity(a.sample(l - $t).value, a.sample(l).value, $t), a.stop();
   }
 }
-const Wt = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(te.test(e) || e === "0") && // And it contains numbers and/or colors
+const Ht = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(Q.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function ri(e) {
+function Qr(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1178,40 +1178,40 @@ function ri(e) {
     if (e[n] !== t)
       return !0;
 }
-function ii(e, t, n, s) {
+function ei(e, t, n, s) {
   const r = e[0];
   if (r === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const i = e[e.length - 1], o = Wt(r, t), a = Wt(i, t);
-  return !o || !a ? !1 : ri(e) || (n === "spring" || wt(n)) && s;
+  const i = e[e.length - 1], o = Ht(r, t), a = Ht(i, t);
+  return !o || !a ? !1 : Qr(e) || (n === "spring" || bt(n)) && s;
 }
-function et(e) {
+function Qe(e) {
   e.duration = 0, e.type = "keyframes";
 }
-const oi = /* @__PURE__ */ new Set([
+const ti = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), ai = /* @__PURE__ */ it(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function li(e) {
+]), ni = /* @__PURE__ */ rt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function si(e) {
   const { motionValue: t, name: n, repeatDelay: s, repeatType: r, damping: i, type: o } = e;
   if (!(t?.owner?.current instanceof HTMLElement))
     return !1;
-  const { onUpdate: l, transformTemplate: u } = t.owner.getProps();
-  return ai() && n && oi.has(n) && (n !== "transform" || !u) && /**
+  const { onUpdate: l, transformTemplate: f } = t.owner.getProps();
+  return ni() && n && ti.has(n) && (n !== "transform" || !f) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !l && !s && r !== "mirror" && i !== 0 && o !== "inertia";
 }
-const ci = 40;
-class ui extends gt {
-  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: u, element: c, ...f }) {
+const ri = 40;
+class ii extends pt {
+  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: f, element: c, ...u }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
     }, this.createdAt = I.now();
@@ -1223,26 +1223,26 @@ class ui extends gt {
       repeatDelay: i,
       repeatType: o,
       name: l,
-      motionValue: u,
+      motionValue: f,
       element: c,
-      ...f
-    }, h = c?.KeyframeResolver || bt;
-    this.keyframeResolver = new h(a, (m, b, w) => this.onKeyframesResolved(m, b, d, !w), l, u, c), this.keyframeResolver?.scheduleResolve();
+      ...u
+    }, h = c?.KeyframeResolver || yt;
+    this.keyframeResolver = new h(a, (m, y, T) => this.onKeyframesResolved(m, y, d, !T), l, f, c), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, r) {
     this.keyframeResolver = void 0;
-    const { name: i, type: o, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = I.now(), ii(t, i, o, a) || ((N.instantAnimations || !l) && c?.(pt(t, s, n)), t[0] = t[t.length - 1], et(s), s.repeat = 0);
+    const { name: i, type: o, velocity: a, delay: l, isHandoff: f, onUpdate: c } = s;
+    this.resolvedAt = I.now(), ei(t, i, o, a) || ((N.instantAnimations || !l) && c?.(mt(t, s, n)), t[0] = t[t.length - 1], Qe(s), s.repeat = 0);
     const d = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > ci ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > ri ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !u && li(d) ? new si({
+    }, h = !f && si(d) ? new Jr({
       ...d,
       element: d.motionValue.owner.current
-    }) : new yt(d);
-    h.finished.then(() => this.notifyFinished()).catch(Q), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    }) : new gt(d);
+    h.finished.then(() => this.notifyFinished()).catch(Z), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1252,7 +1252,7 @@ class ui extends gt {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), jr()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), $r()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1294,7 +1294,7 @@ class ui extends gt {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-class fi {
+class oi {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -1338,10 +1338,10 @@ class fi {
     return this.getAll("startTime");
   }
   get duration() {
-    return _t(this.animations, "duration");
+    return Wt(this.animations, "duration");
   }
   get iterationDuration() {
-    return _t(this.animations, "iterationDuration");
+    return Wt(this.animations, "iterationDuration");
   }
   runAll(t) {
     this.animations.forEach((n) => n[t]());
@@ -1359,7 +1359,7 @@ class fi {
     this.runAll("complete");
   }
 }
-function _t(e, t) {
+function Wt(e, t) {
   let n = 0;
   for (let s = 0; s < e.length; s++) {
     const r = e[s][t];
@@ -1367,142 +1367,142 @@ function _t(e, t) {
   }
   return n;
 }
-class di extends fi {
+class ai extends oi {
   then(t, n) {
     return this.finished.finally(t).then(() => {
     });
   }
 }
-const hi = (
+const li = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function mi(e) {
-  const t = hi.exec(e);
+function ci(e) {
+  const t = li.exec(e);
   if (!t)
     return [,];
   const [, n, s, r] = t;
   return [`--${n ?? s}`, r];
 }
-function ss(e, t, n = 1) {
-  const [s, r] = mi(e);
+function ts(e, t, n = 1) {
+  const [s, r] = ci(e);
   if (!s)
     return;
   const i = window.getComputedStyle(t).getPropertyValue(s);
   if (i) {
     const o = i.trim();
-    return Tn(o) ? parseFloat(o) : o;
+    return wn(o) ? parseFloat(o) : o;
   }
-  return ut(r) ? ss(r, t, n + 1) : r;
+  return ct(r) ? ts(r, t, n + 1) : r;
 }
-function rs(e, t) {
+function ns(e, t) {
   return e?.[t] ?? e?.default ?? e;
 }
-const is = /* @__PURE__ */ new Set([
+const ss = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...ne
-]), pi = {
+  ...ee
+]), ui = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, os = (e) => (t) => t.test(e), as = [ee, g, X, $, ar, or, pi], Ut = (e) => as.find(os(e));
-function gi(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || An(e) : !0;
+}, rs = (e) => (t) => t.test(e), is = [J, p, z, q, nr, tr, ui], _t = (e) => is.find(rs(e));
+function fi(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Tn(e) : !0;
 }
-const yi = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function bi(e) {
+const di = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function hi(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(ft) || [];
+  const [s] = n.match(ut) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
-  let i = yi.has(t) ? 1 : 0;
+  let i = di.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const wi = /\b([a-z-]*)\(.*?\)/gu, tt = {
-  ...te,
+const mi = /\b([a-z-]*)\(.*?\)/gu, et = {
+  ...Q,
   getAnimatableNone: (e) => {
-    const t = e.match(wi);
-    return t ? t.map(bi).join(" ") : e;
+    const t = e.match(mi);
+    return t ? t.map(hi).join(" ") : e;
   }
-}, jt = {
-  ...ee,
+}, Ut = {
+  ...J,
   transform: Math.round
-}, vi = {
-  rotate: $,
-  rotateX: $,
-  rotateY: $,
-  rotateZ: $,
-  scale: Ae,
-  scaleX: Ae,
-  scaleY: Ae,
-  scaleZ: Ae,
-  skew: $,
-  skewX: $,
-  skewY: $,
-  distance: g,
-  translateX: g,
-  translateY: g,
-  translateZ: g,
-  x: g,
-  y: g,
-  z: g,
-  perspective: g,
-  transformPerspective: g,
-  opacity: fe,
+}, pi = {
+  rotate: q,
+  rotateX: q,
+  rotateY: q,
+  rotateZ: q,
+  scale: Te,
+  scaleX: Te,
+  scaleY: Te,
+  scaleZ: Te,
+  skew: q,
+  skewX: q,
+  skewY: q,
+  distance: p,
+  translateX: p,
+  translateY: p,
+  translateZ: p,
+  x: p,
+  y: p,
+  z: p,
+  perspective: p,
+  transformPerspective: p,
+  opacity: ce,
   originX: It,
   originY: It,
-  originZ: g
-}, vt = {
+  originZ: p
+}, wt = {
   // Border props
-  borderWidth: g,
-  borderTopWidth: g,
-  borderRightWidth: g,
-  borderBottomWidth: g,
-  borderLeftWidth: g,
-  borderRadius: g,
-  radius: g,
-  borderTopLeftRadius: g,
-  borderTopRightRadius: g,
-  borderBottomRightRadius: g,
-  borderBottomLeftRadius: g,
+  borderWidth: p,
+  borderTopWidth: p,
+  borderRightWidth: p,
+  borderBottomWidth: p,
+  borderLeftWidth: p,
+  borderRadius: p,
+  radius: p,
+  borderTopLeftRadius: p,
+  borderTopRightRadius: p,
+  borderBottomRightRadius: p,
+  borderBottomLeftRadius: p,
   // Positioning props
-  width: g,
-  maxWidth: g,
-  height: g,
-  maxHeight: g,
-  top: g,
-  right: g,
-  bottom: g,
-  left: g,
+  width: p,
+  maxWidth: p,
+  height: p,
+  maxHeight: p,
+  top: p,
+  right: p,
+  bottom: p,
+  left: p,
   // Spacing props
-  padding: g,
-  paddingTop: g,
-  paddingRight: g,
-  paddingBottom: g,
-  paddingLeft: g,
-  margin: g,
-  marginTop: g,
-  marginRight: g,
-  marginBottom: g,
-  marginLeft: g,
+  padding: p,
+  paddingTop: p,
+  paddingRight: p,
+  paddingBottom: p,
+  paddingLeft: p,
+  margin: p,
+  marginTop: p,
+  marginRight: p,
+  marginBottom: p,
+  marginLeft: p,
   // Misc
-  backgroundPositionX: g,
-  backgroundPositionY: g,
-  ...vi,
-  zIndex: jt,
+  backgroundPositionX: p,
+  backgroundPositionY: p,
+  ...pi,
+  zIndex: Ut,
   // SVG
-  fillOpacity: fe,
-  strokeOpacity: fe,
-  numOctaves: jt
-}, Ti = {
-  ...vt,
+  fillOpacity: ce,
+  strokeOpacity: ce,
+  numOctaves: Ut
+}, gi = {
+  ...wt,
   // Color props
   color: k,
   backgroundColor: k,
@@ -1515,25 +1515,25 @@ const wi = /\b([a-z-]*)\(.*?\)/gu, tt = {
   borderRightColor: k,
   borderBottomColor: k,
   borderLeftColor: k,
-  filter: tt,
-  WebkitFilter: tt
-}, ls = (e) => Ti[e];
-function cs(e, t) {
-  let n = ls(e);
-  return n !== tt && (n = te), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const Ai = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Si(e, t, n) {
+  filter: et,
+  WebkitFilter: et
+}, os = (e) => gi[e];
+function as(e, t) {
+  let n = os(e);
+  return n !== et && (n = Q), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const yi = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function bi(e, t, n) {
   let s = 0, r;
   for (; s < e.length && !r; ) {
     const i = e[s];
-    typeof i == "string" && !Ai.has(i) && de(i).values.length && (r = e[s]), s++;
+    typeof i == "string" && !yi.has(i) && ue(i).values.length && (r = e[s]), s++;
   }
   if (r && n)
     for (const i of t)
-      e[i] = cs(n, r);
+      e[i] = as(n, r);
 }
-class xi extends bt {
+class wi extends yt {
   constructor(t, n, s, r, i) {
     super(t, n, s, r, i, !0);
   }
@@ -1543,28 +1543,28 @@ class xi extends bt {
       return;
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
-      let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), ut(u))) {
-        const c = ss(u, n.current);
-        c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
+      let f = t[l];
+      if (typeof f == "string" && (f = f.trim(), ct(f))) {
+        const c = ts(f, n.current);
+        c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = f);
       }
     }
-    if (this.resolveNoneKeyframes(), !is.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !ss.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = Ut(r), a = Ut(i);
+    const [r, i] = t, o = _t(r), a = _t(i);
     if (o !== a)
-      if ($t(o) && $t(a))
+      if (Bt(o) && Bt(a))
         for (let l = 0; l < t.length; l++) {
-          const u = t[l];
-          typeof u == "string" && (t[l] = parseFloat(u));
+          const f = t[l];
+          typeof f == "string" && (t[l] = parseFloat(f));
         }
       else W[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || gi(t[r])) && s.push(r);
-    s.length && Si(t, s, n);
+      (t[r] === null || fi(t[r])) && s.push(r);
+    s.length && bi(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
@@ -1586,7 +1586,7 @@ class xi extends bt {
     }), this.resolveNoneKeyframes();
   }
 }
-function Ei(e, t, n) {
+function Ti(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -1596,8 +1596,8 @@ function Ei(e, t, n) {
   }
   return Array.from(e);
 }
-const us = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Gt = 30, Vi = (e) => !isNaN(parseFloat(e));
-class Mi {
+const ls = (e, t) => t && typeof e == "number" ? t.transform(e) : e, jt = 30, vi = (e) => !isNaN(parseFloat(e));
+class Ai {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1613,7 +1613,7 @@ class Mi {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Vi(this.current));
+    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = vi(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1662,7 +1662,7 @@ class Mi {
     return this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new Sn());
+    this.events[t] || (this.events[t] = new vn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), K.read(() => {
@@ -1742,10 +1742,10 @@ class Mi {
    */
   getVelocity() {
     const t = I.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Gt)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > jt)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Gt);
-    return xn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, jt);
+    return An(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1796,243 +1796,243 @@ class Mi {
     this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function he(e, t) {
-  return new Mi(e, t);
+function fe(e, t) {
+  return new Ai(e, t);
 }
-const { schedule: ki } = /* @__PURE__ */ Pn(queueMicrotask, !1);
-function fs(e) {
-  return $s(e) && "ownerSVGElement" in e;
+const { schedule: Si } = /* @__PURE__ */ Pn(queueMicrotask, !1);
+function cs(e) {
+  return Os(e) && "ownerSVGElement" in e;
 }
-function Ci(e) {
-  return fs(e) && e.tagName === "svg";
+function xi(e) {
+  return cs(e) && e.tagName === "svg";
 }
-const L = (e) => !!(e && e.getVelocity), Li = [...as, k, te], Di = (e) => Li.find(os(e));
+const C = (e) => !!(e && e.getVelocity), Ei = [...is, k, Q], Vi = (e) => Ei.find(rs(e));
 function Tt(e) {
   return typeof e == "object" && !Array.isArray(e);
 }
-function ds(e, t, n, s) {
-  return typeof e == "string" && Tt(t) ? Ei(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
+function us(e, t, n, s) {
+  return typeof e == "string" && Tt(t) ? Ti(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
-function Ii(e, t, n) {
+function Mi(e, t, n) {
   return e * (t + 1);
 }
-function zt(e, t, n, s) {
+function Gt(e, t, n, s) {
   return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : t.startsWith("<") ? Math.max(0, n + parseFloat(t.slice(1))) : s.get(t) ?? e;
 }
-function Fi(e, t, n) {
+function ki(e, t, n) {
   for (let s = 0; s < e.length; s++) {
     const r = e[s];
-    r.at > t && r.at < n && (vn(e, r), s--);
+    r.at > t && r.at < n && (bn(e, r), s--);
   }
 }
-function Oi(e, t, n, s, r, i) {
-  Fi(e, r, i);
+function Ci(e, t, n, s, r, i) {
+  ki(e, r, i);
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
-      at: ye(r, i, s[o]),
-      easing: On(n, o)
+      at: pe(r, i, s[o]),
+      easing: Ln(n, o)
     });
 }
-function Ri(e, t) {
+function Di(e, t) {
   for (let n = 0; n < e.length; n++)
     e[n] = e[n] / (t + 1);
 }
-function Pi(e, t) {
+function Ii(e, t) {
   return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
 }
-const Ni = "easeInOut";
-function Ki(e, { defaultTransition: t = {}, ...n } = {}, s, r) {
-  const i = t.duration || 0.3, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = {}, u = /* @__PURE__ */ new Map();
-  let c = 0, f = 0, d = 0;
+const Li = "easeInOut";
+function Fi(e, { defaultTransition: t = {}, ...n } = {}, s, r) {
+  const i = t.duration || 0.3, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = {}, f = /* @__PURE__ */ new Map();
+  let c = 0, u = 0, d = 0;
   for (let h = 0; h < e.length; h++) {
     const m = e[h];
     if (typeof m == "string") {
-      u.set(m, f);
+      f.set(m, u);
       continue;
     } else if (!Array.isArray(m)) {
-      u.set(m.name, zt(f, m.at, c, u));
+      f.set(m.name, Gt(u, m.at, c, f));
       continue;
     }
-    let [b, w, y = {}] = m;
-    y.at !== void 0 && (f = zt(f, y.at, c, u));
-    let T = 0;
-    const A = (x, p, S, V = 0, v = 0) => {
-      const E = Bi(x), { delay: D = 0, times: O = Xn(E), type: Ie = "keyframes", repeat: be, repeatType: Ra, repeatDelay: Pa = 0, ...Ks } = p;
-      let { ease: B = t.ease || "easeOut", duration: P } = p;
-      const Et = typeof D == "function" ? D(V, v) : D, Vt = E.length, Mt = wt(Ie) ? Ie : r?.[Ie || "keyframes"];
-      if (Vt <= 2 && Mt) {
-        let re = 100;
-        if (Vt === 2 && Hi(E)) {
-          const ie = E[1] - E[0];
-          re = Math.abs(ie);
+    let [y, T, b = {}] = m;
+    b.at !== void 0 && (u = Gt(u, b.at, c, f));
+    let x = 0;
+    const v = (S, g, A, V = 0, w = 0) => {
+      const E = Pi(S), { delay: D = 0, times: P = zn(E), type: De = "keyframes", repeat: ge, repeatType: Va, repeatDelay: Ma = 0, ...Fs } = g;
+      let { ease: B = t.ease || "easeOut", duration: R } = g;
+      const xt = typeof D == "function" ? D(V, w) : D, Et = E.length, Vt = bt(De) ? De : r?.[De || "keyframes"];
+      if (Et <= 2 && Vt) {
+        let ne = 100;
+        if (Et === 2 && Ni(E)) {
+          const se = E[1] - E[0];
+          ne = Math.abs(se);
         }
-        const we = { ...Ks };
-        P !== void 0 && (we.duration = /* @__PURE__ */ R(P));
-        const ve = Gn(we, re, Mt);
-        B = ve.ease, P = ve.duration;
+        const ye = { ...Fs };
+        R !== void 0 && (ye.duration = /* @__PURE__ */ O(R));
+        const be = Un(ye, ne, Vt);
+        B = be.ease, R = be.duration;
       }
-      P ?? (P = i);
-      const kt = f + Et;
-      O.length === 1 && O[0] === 0 && (O[1] = 1);
-      const Ct = O.length - E.length;
-      if (Ct > 0 && Yn(O, Ct), E.length === 1 && E.unshift(null), be) {
-        P = Ii(P, be);
-        const re = [...E], we = [...O];
+      R ?? (R = i);
+      const Mt = u + xt;
+      P.length === 1 && P[0] === 0 && (P[1] = 1);
+      const kt = P.length - E.length;
+      if (kt > 0 && Gn(P, kt), E.length === 1 && E.unshift(null), ge) {
+        R = Mi(R, ge);
+        const ne = [...E], ye = [...P];
         B = Array.isArray(B) ? [...B] : [B];
-        const ve = [...B];
-        for (let ie = 0; ie < be; ie++) {
-          E.push(...re);
-          for (let oe = 0; oe < re.length; oe++)
-            O.push(we[oe] + (ie + 1)), B.push(oe === 0 ? "linear" : On(ve, oe - 1));
+        const be = [...B];
+        for (let se = 0; se < ge; se++) {
+          E.push(...ne);
+          for (let re = 0; re < ne.length; re++)
+            P.push(ye[re] + (se + 1)), B.push(re === 0 ? "linear" : Ln(be, re - 1));
         }
-        Ri(O, be);
+        Di(P, ge);
       }
-      const Lt = kt + P;
-      Oi(S, E, B, O, kt, Lt), T = Math.max(Et + P, T), d = Math.max(Lt, d);
+      const Ct = Mt + R;
+      Ci(A, E, B, P, Mt, Ct), x = Math.max(xt + R, x), d = Math.max(Ct, d);
     };
-    if (L(b)) {
-      const x = Yt(b, a);
-      A(w, y, Xt("default", x));
+    if (C(y)) {
+      const S = zt(y, a);
+      v(T, b, Yt("default", S));
     } else {
-      const x = ds(b, w, s, l), p = x.length;
-      for (let S = 0; S < p; S++) {
-        w = w, y = y;
-        const V = x[S], v = Yt(V, a);
-        for (const E in w)
-          A(w[E], $i(y, E), Xt(E, v), S, p);
+      const S = us(y, T, s, l), g = S.length;
+      for (let A = 0; A < g; A++) {
+        T = T, b = b;
+        const V = S[A], w = zt(V, a);
+        for (const E in T)
+          v(T[E], Oi(b, E), Yt(E, w), A, g);
       }
     }
-    c = f, f += T;
+    c = u, u += x;
   }
   return a.forEach((h, m) => {
-    for (const b in h) {
-      const w = h[b];
-      w.sort(Pi);
-      const y = [], T = [], A = [];
-      for (let p = 0; p < w.length; p++) {
-        const { at: S, value: V, easing: v } = w[p];
-        y.push(V), T.push(/* @__PURE__ */ at(0, d, S)), A.push(v || "easeOut");
+    for (const y in h) {
+      const T = h[y];
+      T.sort(Ii);
+      const b = [], x = [], v = [];
+      for (let g = 0; g < T.length; g++) {
+        const { at: A, value: V, easing: w } = T[g];
+        b.push(V), x.push(/* @__PURE__ */ ot(0, d, A)), v.push(w || "easeOut");
       }
-      T[0] !== 0 && (T.unshift(0), y.unshift(y[0]), A.unshift(Ni)), T[T.length - 1] !== 1 && (T.push(1), y.push(null)), o.has(m) || o.set(m, {
+      x[0] !== 0 && (x.unshift(0), b.unshift(b[0]), v.unshift(Li)), x[x.length - 1] !== 1 && (x.push(1), b.push(null)), o.has(m) || o.set(m, {
         keyframes: {},
         transition: {}
       });
-      const x = o.get(m);
-      x.keyframes[b] = y, x.transition[b] = {
+      const S = o.get(m);
+      S.keyframes[y] = b, S.transition[y] = {
         ...t,
         duration: d,
-        ease: A,
-        times: T,
+        ease: v,
+        times: x,
         ...n
       };
     }
   }), o;
 }
-function Yt(e, t) {
+function zt(e, t) {
   return !t.has(e) && t.set(e, {}), t.get(e);
 }
-function Xt(e, t) {
+function Yt(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
-function Bi(e) {
+function Pi(e) {
   return Array.isArray(e) ? e : [e];
 }
-function $i(e, t) {
+function Oi(e, t) {
   return e && e[t] ? {
     ...e,
     ...e[t]
   } : { ...e };
 }
-const qi = (e) => typeof e == "number", Hi = (e) => e.every(qi), me = /* @__PURE__ */ new WeakMap(), Wi = (e) => Array.isArray(e);
-function Zt(e) {
+const Ri = (e) => typeof e == "number", Ni = (e) => e.every(Ri), de = /* @__PURE__ */ new WeakMap(), Ki = (e) => Array.isArray(e);
+function Xt(e) {
   const t = [{}, {}];
   return e?.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function hs(e, t, n, s) {
+function fs(e, t, n, s) {
   if (typeof t == "function") {
-    const [r, i] = Zt(s);
+    const [r, i] = Xt(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [r, i] = Zt(s);
+    const [r, i] = Xt(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   return t;
 }
-function _i(e, t, n) {
+function Bi(e, t, n) {
   const s = e.getProps();
-  return hs(s, t, s.custom, e);
+  return fs(s, t, s.custom, e);
 }
-function Ui(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, he(n));
+function qi(e, t, n) {
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, fe(n));
 }
-function ji(e) {
-  return Wi(e) ? e[e.length - 1] || 0 : e;
+function $i(e) {
+  return Ki(e) ? e[e.length - 1] || 0 : e;
 }
-function Gi(e, t) {
-  const n = _i(e, t);
+function Hi(e, t) {
+  const n = Bi(e, t);
   let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
   i = { ...i, ...s };
   for (const o in i) {
-    const a = ji(i[o]);
-    Ui(e, o, a);
+    const a = $i(i[o]);
+    qi(e, o, a);
   }
 }
-function zi(e) {
-  return !!(L(e) && e.add);
+function Wi(e) {
+  return !!(C(e) && e.add);
 }
-function Yi(e, t) {
+function _i(e, t) {
   const n = e.getValue("willChange");
-  if (zi(n))
+  if (Wi(n))
     return n.add(t);
   if (!n && N.WillChange) {
     const s = new N.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
-const At = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Xi = "framerAppearId", Zi = "data-" + At(Xi);
-function Ji(e) {
-  return e.props[Zi];
+const vt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ui = "framerAppearId", ji = "data-" + vt(Ui);
+function Gi(e) {
+  return e.props[ji];
 }
-const Qi = (e) => e !== null;
-function eo(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const r = e.filter(Qi), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+const zi = (e) => e !== null;
+function Yi(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const r = e.filter(zi), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return r[i];
 }
-const to = {
+const Xi = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, no = (e) => ({
+}, Zi = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), so = {
+}), Ji = {
   type: "keyframes",
   duration: 0.8
-}, ro = {
+}, Qi = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, io = (e, { keyframes: t }) => t.length > 2 ? so : se.has(e) ? e.startsWith("scale") ? no(t[1]) : to : ro;
-function oo({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+}, eo = (e, { keyframes: t }) => t.length > 2 ? Ji : te.has(e) ? e.startsWith("scale") ? Zi(t[1]) : Xi : Qi;
+function to({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: l, elapsed: f, ...c }) {
   return !!Object.keys(c).length;
 }
-const ms = (e, t, n, s = {}, r, i) => (o) => {
-  const a = rs(s, e) || {}, l = a.delay || s.delay || 0;
-  let { elapsed: u = 0 } = s;
-  u = u - /* @__PURE__ */ R(l);
+const ds = (e, t, n, s = {}, r, i) => (o) => {
+  const a = ns(s, e) || {}, l = a.delay || s.delay || 0;
+  let { elapsed: f = 0 } = s;
+  f = f - /* @__PURE__ */ O(l);
   const c = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
     velocity: t.getVelocity(),
     ...a,
-    delay: -u,
+    delay: -f,
     onUpdate: (d) => {
       t.set(d), a.onUpdate && a.onUpdate(d);
     },
@@ -2043,10 +2043,10 @@ const ms = (e, t, n, s = {}, r, i) => (o) => {
     motionValue: t,
     element: i ? void 0 : r
   };
-  oo(a) || Object.assign(c, io(e, c)), c.duration && (c.duration = /* @__PURE__ */ R(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ R(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
-  let f = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (et(c), c.delay === 0 && (f = !0)), (N.instantAnimations || N.skipAnimations) && (f = !0, et(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, f && !i && t.get() !== void 0) {
-    const d = eo(c.keyframes, a);
+  to(a) || Object.assign(c, eo(e, c)), c.duration && (c.duration = /* @__PURE__ */ O(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ O(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  let u = !1;
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (Qe(c), c.delay === 0 && (u = !0)), (N.instantAnimations || N.skipAnimations) && (u = !0, Qe(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, u && !i && t.get() !== void 0) {
+    const d = Yi(c.keyframes, a);
     if (d !== void 0) {
       K.update(() => {
         c.onUpdate(d), c.onComplete();
@@ -2054,51 +2054,51 @@ const ms = (e, t, n, s = {}, r, i) => (o) => {
       return;
     }
   }
-  return a.isSync ? new yt(c) : new ui(c);
+  return a.isSync ? new gt(c) : new ii(c);
 };
-function ao({ protectedKeys: e, needsAnimating: t }, n) {
+function no({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function lo(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
+function so(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
   let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
   s && (i = s);
-  const l = [], u = r && e.animationState && e.animationState.getState()[r];
+  const l = [], f = r && e.animationState && e.animationState.getState()[r];
   for (const c in a) {
-    const f = e.getValue(c, e.latestValues[c] ?? null), d = a[c];
-    if (d === void 0 || u && ao(u, c))
+    const u = e.getValue(c, e.latestValues[c] ?? null), d = a[c];
+    if (d === void 0 || f && no(f, c))
       continue;
     const h = {
       delay: n,
-      ...rs(i || {}, c)
-    }, m = f.get();
-    if (m !== void 0 && !f.isAnimating && !Array.isArray(d) && d === m && !h.velocity)
+      ...ns(i || {}, c)
+    }, m = u.get();
+    if (m !== void 0 && !u.isAnimating && !Array.isArray(d) && d === m && !h.velocity)
       continue;
-    let b = !1;
+    let y = !1;
     if (window.MotionHandoffAnimation) {
-      const y = Ji(e);
-      if (y) {
-        const T = window.MotionHandoffAnimation(y, c, K);
-        T !== null && (h.startTime = T, b = !0);
+      const b = Gi(e);
+      if (b) {
+        const x = window.MotionHandoffAnimation(b, c, K);
+        x !== null && (h.startTime = x, y = !0);
       }
     }
-    Yi(e, c), f.start(ms(c, f, d, e.shouldReduceMotion && is.has(c) ? { type: !1 } : h, e, b));
-    const w = f.animation;
-    w && l.push(w);
+    _i(e, c), u.start(ds(c, u, d, e.shouldReduceMotion && ss.has(c) ? { type: !1 } : h, e, y));
+    const T = u.animation;
+    T && l.push(T);
   }
   return o && Promise.all(l).then(() => {
     K.update(() => {
-      o && Gi(e, o);
+      o && Hi(e, o);
     });
   }), l;
 }
-function co({ top: e, left: t, right: n, bottom: s }) {
+function ro({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function uo(e, t) {
+function io(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -2109,10 +2109,10 @@ function uo(e, t) {
     right: s.x
   };
 }
-function fo(e, t) {
-  return co(uo(e.getBoundingClientRect(), t));
+function oo(e, t) {
+  return ro(io(e.getBoundingClientRect(), t));
 }
-const Jt = {
+const Zt = {
   animation: [
     "animate",
     "variants",
@@ -2131,30 +2131,30 @@ const Jt = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, nt = {};
-for (const e in Jt)
-  nt[e] = {
-    isEnabled: (t) => Jt[e].some((n) => !!t[n])
+}, tt = {};
+for (const e in Zt)
+  tt[e] = {
+    isEnabled: (t) => Zt[e].some((n) => !!t[n])
   };
-const Qt = () => ({ min: 0, max: 0 }), St = () => ({
-  x: Qt(),
-  y: Qt()
-}), ho = typeof window < "u", st = { current: null }, ps = { current: !1 };
-function mo() {
-  if (ps.current = !0, !!ho)
+const Jt = () => ({ min: 0, max: 0 }), At = () => ({
+  x: Jt(),
+  y: Jt()
+}), ao = typeof window < "u", nt = { current: null }, hs = { current: !1 };
+function lo() {
+  if (hs.current = !0, !!ao)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => st.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => nt.current = e.matches;
       e.addEventListener("change", t), t();
     } else
-      st.current = !1;
+      nt.current = !1;
 }
-function po(e) {
+function co(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function go(e) {
+function uo(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const yo = [
+const fo = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2162,34 +2162,34 @@ const yo = [
   "whileTap",
   "whileDrag",
   "exit"
-], bo = ["initial", ...yo];
-function gs(e) {
-  return po(e.animate) || bo.some((t) => go(e[t]));
+], ho = ["initial", ...fo];
+function ms(e) {
+  return co(e.animate) || ho.some((t) => uo(e[t]));
 }
-function wo(e) {
-  return !!(gs(e) || e.variants);
+function mo(e) {
+  return !!(ms(e) || e.variants);
 }
-function vo(e, t, n) {
+function po(e, t, n) {
   for (const s in t) {
     const r = t[s], i = n[s];
-    if (L(r))
+    if (C(r))
       e.addValue(s, r);
-    else if (L(i))
-      e.addValue(s, he(r, { owner: e }));
+    else if (C(i))
+      e.addValue(s, fe(r, { owner: e }));
     else if (i !== r)
       if (e.hasValue(s)) {
         const o = e.getValue(s);
         o.liveStyle === !0 ? o.jump(r) : o.hasAnimated || o.set(r);
       } else {
         const o = e.getStaticValue(s);
-        e.addValue(s, he(o !== void 0 ? o : r, { owner: e }));
+        e.addValue(s, fe(o !== void 0 ? o : r, { owner: e }));
       }
   }
   for (const s in n)
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const en = [
+const Qt = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2198,7 +2198,7 @@ const en = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class ys {
+class ps {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -2210,25 +2210,25 @@ class ys {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: r, blockInitialAnimation: i, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = bt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = yt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const d = I.now();
       this.renderScheduledAt < d && (this.renderScheduledAt = d, K.render(this.render, !1, !0));
     };
-    const { latestValues: l, renderState: u } = o;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = gs(n), this.isVariantNode = wo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const d in f) {
-      const h = f[d];
-      l[d] !== void 0 && L(h) && h.set(l[d]);
+    const { latestValues: l, renderState: f } = o;
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = f, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = ms(n), this.isVariantNode = mo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {}, this);
+    for (const d in u) {
+      const h = u[d];
+      l[d] !== void 0 && C(h) && h.set(l[d]);
     }
   }
   mount(t) {
-    this.current = t, me.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)), ps.current || mo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : st.current, this.parent?.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = t, de.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)), hs.current || lo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : nt.current, this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), He(this.notifyUpdate), He(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+    this.projection && this.projection.unmount(), $e(this.notifyUpdate), $e(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -2245,7 +2245,7 @@ class ys {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = se.has(t);
+    const s = te.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const r = n.on("change", (o) => {
       this.latestValues[t] = o, this.props.onUpdate && K.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -2260,8 +2260,8 @@ class ys {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in nt) {
-      const n = nt[t];
+    for (t in tt) {
+      const n = tt[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: r } = n;
@@ -2280,7 +2280,7 @@ class ys {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : St();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : At();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2294,13 +2294,13 @@ class ys {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < en.length; s++) {
-      const r = en[s];
+    for (let s = 0; s < Qt.length; s++) {
+      const r = Qt[s];
       this.propEventSubscriptions[r] && (this.propEventSubscriptions[r](), delete this.propEventSubscriptions[r]);
       const i = "on" + r, o = t[i];
       o && (this.propEventSubscriptions[r] = this.on(r, o));
     }
-    this.prevMotionValues = vo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = po(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2356,7 +2356,7 @@ class ys {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = he(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+    return s === void 0 && n !== void 0 && (s = fe(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -2365,7 +2365,7 @@ class ys {
    */
   readValue(t, n) {
     let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return s != null && (typeof s == "string" && (Tn(s) || An(s)) ? s = parseFloat(s) : !Di(s) && te.test(n) && (s = cs(t, n)), this.setBaseTarget(t, L(s) ? s.get() : s)), L(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (wn(s) || Tn(s)) ? s = parseFloat(s) : !Vi(s) && Q.test(n) && (s = as(t, n)), this.setBaseTarget(t, C(s) ? s.get() : s)), C(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2382,27 +2382,27 @@ class ys {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const i = hs(this.props, n, this.presenceContext?.custom);
+      const i = fs(this.props, n, this.presenceContext?.custom);
       i && (s = i[t]);
     }
     if (n && s !== void 0)
       return s;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !L(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+    return r !== void 0 && !C(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
-    return this.events[t] || (this.events[t] = new Sn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new vn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
   scheduleRenderMicrotask() {
-    ki.render(this.render);
+    Si.render(this.render);
   }
 }
-class bs extends ys {
+class gs extends ps {
   constructor() {
-    super(...arguments), this.KeyframeResolver = xi;
+    super(...arguments), this.KeyframeResolver = wi;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2416,58 +2416,58 @@ class bs extends ys {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    L(t) && (this.childSubscription = t.on("change", (n) => {
+    C(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-const To = {
+const go = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Ao = ne.length;
-function So(e, t, n) {
+}, yo = ee.length;
+function bo(e, t, n) {
   let s = "", r = !0;
-  for (let i = 0; i < Ao; i++) {
-    const o = ne[i], a = e[o];
+  for (let i = 0; i < yo; i++) {
+    const o = ee[i], a = e[o];
     if (a === void 0)
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = us(a, vt[o]);
+      const f = ls(a, wt[o]);
       if (!l) {
         r = !1;
-        const c = To[o] || o;
-        s += `${c}(${u}) `;
+        const c = go[o] || o;
+        s += `${c}(${f}) `;
       }
-      n && (t[o] = u);
+      n && (t[o] = f);
     }
   }
   return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
 }
-function ws(e, t, n) {
+function ys(e, t, n) {
   const { style: s, vars: r, transformOrigin: i } = e;
   let o = !1, a = !1;
   for (const l in t) {
-    const u = t[l];
-    if (se.has(l)) {
+    const f = t[l];
+    if (te.has(l)) {
       o = !0;
       continue;
-    } else if (Kn(l)) {
-      r[l] = u;
+    } else if (Rn(l)) {
+      r[l] = f;
       continue;
     } else {
-      const c = us(u, vt[l]);
+      const c = ls(f, wt[l]);
       l.startsWith("origin") ? (a = !0, i[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = So(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
-    const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = i;
-    s.transformOrigin = `${l} ${u} ${c}`;
+  if (t.transform || (o || n ? s.transform = bo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+    const { originX: l = "50%", originY: f = "50%", originZ: c = 0 } = i;
+    s.transformOrigin = `${l} ${f} ${c}`;
   }
 }
-function vs(e, { style: t, vars: n }, s, r) {
+function bs(e, { style: t, vars: n }, s, r) {
   const i = e.style;
   let o;
   for (o in t)
@@ -2476,50 +2476,50 @@ function vs(e, { style: t, vars: n }, s, r) {
   for (o in n)
     i.setProperty(o, n[o]);
 }
-const xo = {};
-function Eo(e, { layout: t, layoutId: n }) {
-  return se.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!xo[e] || e === "opacity");
+const wo = {};
+function To(e, { layout: t, layoutId: n }) {
+  return te.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!wo[e] || e === "opacity");
 }
-function Ts(e, t, n) {
+function ws(e, t, n) {
   const { style: s } = e, r = {};
   for (const i in s)
-    (L(s[i]) || t.style && L(t.style[i]) || Eo(i, e) || n?.getValue(i)?.liveStyle !== void 0) && (r[i] = s[i]);
+    (C(s[i]) || t.style && C(t.style[i]) || To(i, e) || n?.getValue(i)?.liveStyle !== void 0) && (r[i] = s[i]);
   return r;
 }
-function Vo(e) {
+function vo(e) {
   return window.getComputedStyle(e);
 }
-class Mo extends bs {
+class Ao extends gs {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = vs;
+    super(...arguments), this.type = "html", this.renderInstance = bs;
   }
   readValueFromInstance(t, n) {
-    if (se.has(n))
-      return this.projection?.isProjecting ? Ye(n) : qr(t, n);
+    if (te.has(n))
+      return this.projection?.isProjecting ? ze(n) : Rr(t, n);
     {
-      const s = Vo(t), r = (Kn(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = vo(t), r = (Rn(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return fo(t, n);
+    return oo(t, n);
   }
   build(t, n, s) {
-    ws(t, n, s.transformTemplate);
+    ys(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Ts(t, n, s);
+    return ws(t, n, s);
   }
 }
-function ko(e, t) {
+function So(e, t) {
   return e in t;
 }
-class Co extends ys {
+class xo extends ps {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(t, n) {
-    if (ko(n, t)) {
+    if (So(n, t)) {
       const s = t[n];
       if (typeof s == "string" || typeof s == "number")
         return s;
@@ -2531,7 +2531,7 @@ class Co extends ys {
     delete n.output[t];
   }
   measureInstanceViewportBox() {
-    return St();
+    return At();
   }
   build(t, n) {
     Object.assign(t.output, n);
@@ -2543,21 +2543,21 @@ class Co extends ys {
     return 0;
   }
 }
-const Lo = {
+const Eo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Do = {
+}, Vo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Io(e, t, n = 1, s = 0, r = !0) {
+function Mo(e, t, n = 1, s = 0, r = !0) {
   e.pathLength = 1;
-  const i = r ? Lo : Do;
-  e[i.offset] = g.transform(-s);
-  const o = g.transform(t), a = g.transform(n);
+  const i = r ? Eo : Vo;
+  e[i.offset] = p.transform(-s);
+  const o = p.transform(t), a = p.transform(n);
   e[i.array] = `${o} ${a}`;
 }
-function Fo(e, {
+function ko(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2566,16 +2566,16 @@ function Fo(e, {
   pathOffset: o = 0,
   // This is object creation, which we try to avoid per-frame.
   ...a
-}, l, u, c) {
-  if (ws(e, a, u), l) {
+}, l, f, c) {
+  if (ys(e, a, f), l) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
-  const { attrs: f, style: d } = e;
-  f.transform && (d.transform = f.transform, delete f.transform), (d.transform || f.transformOrigin) && (d.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), d.transform && (d.transformBox = c?.transformBox ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), r !== void 0 && Io(f, r, i, o, !1);
+  const { attrs: u, style: d } = e;
+  u.transform && (d.transform = u.transform, delete u.transform), (d.transform || u.transformOrigin) && (d.transformOrigin = u.transformOrigin ?? "50% 50%", delete u.transformOrigin), d.transform && (d.transformBox = c?.transformBox ?? "fill-box", delete u.transformBox), t !== void 0 && (u.x = t), n !== void 0 && (u.y = n), s !== void 0 && (u.scale = s), r !== void 0 && Mo(u, r, i, o, !1);
 }
-const As = /* @__PURE__ */ new Set([
+const Ts = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2599,49 +2599,49 @@ const As = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Oo = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Ro(e, t, n, s) {
-  vs(e, t, void 0, s);
+]), Co = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function Do(e, t, n, s) {
+  bs(e, t, void 0, s);
   for (const r in t.attrs)
-    e.setAttribute(As.has(r) ? r : At(r), t.attrs[r]);
+    e.setAttribute(Ts.has(r) ? r : vt(r), t.attrs[r]);
 }
-function Po(e, t, n) {
-  const s = Ts(e, t, n);
+function Io(e, t, n) {
+  const s = ws(e, t, n);
   for (const r in e)
-    if (L(e[r]) || L(t[r])) {
-      const i = ne.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
+    if (C(e[r]) || C(t[r])) {
+      const i = ee.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       s[i] = e[r];
     }
   return s;
 }
-class No extends bs {
+class Lo extends gs {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = St;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = At;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (se.has(n)) {
-      const s = ls(n);
+    if (te.has(n)) {
+      const s = os(n);
       return s && s.default || 0;
     }
-    return n = As.has(n) ? n : At(n), t.getAttribute(n);
+    return n = Ts.has(n) ? n : vt(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Po(t, n, s);
+    return Io(t, n, s);
   }
   build(t, n, s) {
-    Fo(t, n, this.isSVGTag, s.transformTemplate, s.style);
+    ko(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, r) {
-    Ro(t, n, s, r);
+    Do(t, n, s, r);
   }
   mount(t) {
-    this.isSVGTag = Oo(t.tagName), super.mount(t);
+    this.isSVGTag = Co(t.tagName), super.mount(t);
   }
 }
-function Ko(e) {
+function Fo(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2655,10 +2655,10 @@ function Ko(e) {
       },
       latestValues: {}
     }
-  }, n = fs(e) && !Ci(e) ? new No(t) : new Mo(t);
-  n.mount(e), me.set(e, n);
+  }, n = cs(e) && !xi(e) ? new Lo(t) : new Ao(t);
+  n.mount(e), de.set(e, n);
 }
-function Bo(e) {
+function Po(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2668,103 +2668,105 @@ function Bo(e) {
       },
       latestValues: {}
     }
-  }, n = new Co(t);
-  n.mount(e), me.set(e, n);
+  }, n = new xo(t);
+  n.mount(e), de.set(e, n);
 }
-function $o(e, t, n) {
-  const s = L(e) ? e : he(e);
-  return s.start(ms("", s, t, n)), s.animation;
+function Oo(e, t, n) {
+  const s = C(e) ? e : fe(e);
+  return s.start(ds("", s, t, n)), s.animation;
 }
-function qo(e, t) {
-  return L(e) || typeof e == "number" || typeof e == "string" && !Tt(t);
+function Ro(e, t) {
+  return C(e) || typeof e == "number" || typeof e == "string" && !Tt(t);
 }
-function Ss(e, t, n, s) {
+function vs(e, t, n, s) {
   const r = [];
-  if (qo(e, t))
-    r.push($o(e, Tt(t) && t.default || t, n && (n.default || n)));
+  if (Ro(e, t))
+    r.push(Oo(e, Tt(t) && t.default || t, n && (n.default || n)));
   else {
-    const i = ds(e, t, s), o = i.length;
+    const i = us(e, t, s), o = i.length;
     for (let a = 0; a < o; a++) {
-      const l = i[a], u = l instanceof Element ? Ko : Bo;
-      me.has(l) || u(l);
-      const c = me.get(l), f = { ...n };
-      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), r.push(...lo(c, { ...t, transition: f }, {}));
+      const l = i[a], f = l instanceof Element ? Fo : Po;
+      de.has(l) || f(l);
+      const c = de.get(l), u = { ...n };
+      "delay" in u && typeof u.delay == "function" && (u.delay = u.delay(a, o)), r.push(...so(c, { ...t, transition: u }, {}));
     }
   }
   return r;
 }
-function Ho(e, t, n) {
+function No(e, t, n) {
   const s = [];
-  return Ki(e, t, n, { spring: J }).forEach(({ keyframes: i, transition: o }, a) => {
-    s.push(...Ss(a, i, o));
+  return Fi(e, t, n, { spring: X }).forEach(({ keyframes: i, transition: o }, a) => {
+    s.push(...vs(a, i, o));
   }), s;
 }
-function Wo(e) {
+function Ko(e) {
   return Array.isArray(e) && e.some(Array.isArray);
 }
-function _o(e) {
+function Bo(e) {
   function t(n, s, r) {
     let i = [], o;
-    if (Wo(n))
-      i = Ho(n, s, e);
+    if (Ko(n))
+      i = No(n, s, e);
     else {
-      const { onComplete: l, ...u } = r || {};
-      typeof l == "function" && (o = l), i = Ss(n, s, u, e);
+      const { onComplete: l, ...f } = r || {};
+      typeof l == "function" && (o = l), i = vs(n, s, f, e);
     }
-    const a = new di(i);
+    const a = new ai(i);
     return o && a.finished.then(o), a;
   }
   return t;
 }
-const C = _o();
-function Uo(e) {
+const L = Bo();
+function qo(e) {
   return new Worker(
-    "" + new URL("assets/worker-zgOBb1zJ.js", import.meta.url).href,
+    "" + new URL("assets/worker-DbYry4sK.js", import.meta.url).href,
     {
       name: e?.name
     }
   );
 }
-const tn = "data-highlighted", nn = Array.from({ length: 5 }, () => ({
-  worker: new Uo(),
+const Oe = /* @__PURE__ */ new Map(), en = "data-highlighted", tn = Array.from({ length: 5 }, () => ({
+  worker: new qo(),
   isBusy: !1
 }));
-function jo() {
+function $o() {
   return new Promise((e) => {
-    const t = nn.find((s) => !s.isBusy);
+    const t = tn.find((s) => !s.isBusy);
     t && (t.isBusy = !0, e(t));
     const n = setInterval(() => {
-      const s = nn.find((r) => !r.isBusy);
+      const s = tn.find((r) => !r.isBusy);
       s && (s.isBusy = !0, clearInterval(n), e(s));
     }, Math.random() * 100);
   });
 }
-async function Go(e) {
-  const t = await jo();
-  return t.isBusy = !0, t.worker.postMessage({ html: e }), new Promise((n) => {
-    t.worker.onmessage = (s) => {
-      t.isBusy = !1, n(s.data);
-    };
+async function Ho(e, t) {
+  const n = await $o();
+  return n.isBusy = !0, new Promise((s) => {
+    n.worker.onmessage = (r) => {
+      n.isBusy = !1, s(r.data);
+    }, n.worker.postMessage({ lang: e, text: t });
   });
 }
-async function zo(e, t) {
-  if (e.getAttribute(tn) === "true")
+async function Wo(e, t) {
+  if (e.getAttribute(en) === "true")
     return;
   let s = e.getAttribute("data-source-code");
   if (!s)
     throw new Error("No source code provided");
+  const r = e.getAttribute("data-source-lang") || "html";
   s = decodeURIComponent(s).trim();
-  const r = await Go(s);
-  e.insertAdjacentHTML("beforeend", r), e.setAttribute(tn, "true");
+  let i = "";
+  const o = `${r}:::${s}`;
+  Oe.has(o) ? i = Oe.get(o) : (i = await Ho(r, s), Oe.set(o, i)), e.insertAdjacentHTML("beforeend", i), e.setAttribute(en, "true");
 }
-const sn = () => window.matchMedia("(max-width: 768px)").matches;
-function xs(e, t) {
+const nn = () => window.matchMedia("(max-width: 768px)").matches;
+function As(e, t) {
   let n;
   const s = async (o, a) => {
     if (!e.open)
       return;
-    const l = sn();
-    o?.(l), l ? (C(e, { opacity: 0, y: [0, 250] }, { duration: 0.3, ease: "easeOut" }), await C(t, { opacity: 0 }, { duration: 0.3, ease: "easeOut" })) : (C(e, { opacity: 0, scale: [1, 0.98] }, { duration: 0.3, ease: "easeOut" }), await C(t, { opacity: 0 }, { duration: 0.3, ease: "linear" }).then(() => t.style.display = "none")), a?.(l), e.close(), n && n.abort();
+    const l = nn();
+    o?.(l), l ? (L(e, { opacity: 0, y: [0, 250] }, { duration: 0.3, ease: "easeOut" }), await L(t, { opacity: 0 }, { duration: 0.3, ease: "easeOut" })) : (L(e, { opacity: 0, scale: [1, 0.98] }, { duration: 0.3, ease: "easeOut" }), await L(t, { opacity: 0 }, { duration: 0.3, ease: "linear" }).then(() => t.style.display = "none")), a?.(l), e.close(), n && n.abort();
   };
   async function r(o) {
     const a = o.target;
@@ -2776,15 +2778,15 @@ function xs(e, t) {
     n = new AbortController();
     const l = window.scrollY;
     e.showModal(), await new Promise((c) => setTimeout(c, 50)), window.scrollTo(0, l), setTimeout(() => window.scrollTo(0, l), 0), setTimeout(() => window.scrollTo(0, l), 50), t.style.display = "block";
-    const u = sn();
-    o?.(u), u ? (e.style.overflowY = "hidden", C(e, { opacity: [0, 1], y: [250, 0] }, { duration: 0.3, ease: "easeOut" }), await C(t, { opacity: [0, 1] }, { duration: 0.3, ease: "easeOut" }), e.style.overflowY = "auto") : (C(e, { opacity: [0, 1], scale: [0.98, 1] }, { duration: 0.3, ease: "easeOut" }), C(t, { opacity: [0, 1] }, { duration: 0.3, ease: "easeOut" })), a?.(u), setTimeout(() => document.addEventListener("click", r, {
+    const f = nn();
+    o?.(f), f ? (e.style.overflowY = "hidden", L(e, { opacity: [0, 1], y: [250, 0] }, { duration: 0.3, ease: "easeOut" }), await L(t, { opacity: [0, 1] }, { duration: 0.3, ease: "easeOut" }), e.style.overflowY = "auto") : (L(e, { opacity: [0, 1], scale: [0.98, 1] }, { duration: 0.3, ease: "easeOut" }), L(t, { opacity: [0, 1] }, { duration: 0.3, ease: "easeOut" })), a?.(f), setTimeout(() => document.addEventListener("click", r, {
       signal: n?.signal
     }), 0), e.addEventListener("keydown", async (c) => {
       c.key === "Escape" && (c.preventDefault(), await s());
     }, { signal: n?.signal });
   }, close: s };
 }
-class Yo extends EventTarget {
+class _o extends EventTarget {
   #e;
   constructor(t) {
     super(), this.#e = t;
@@ -2805,167 +2807,16 @@ class Yo extends EventTarget {
     return String(this.#e);
   }
 }
-const Es = (e) => new Yo(e);
-function Xo(e) {
-  const t = Es(!1);
+const Uo = (e) => new _o(e);
+function jo(e) {
+  const t = Uo(!1);
   return new ResizeObserver(() => {
     const n = e.scrollHeight > e.clientHeight;
     t.value !== n && (t.value = n);
   }).observe(e), { $isOverflowingVertically: t };
 }
-function Zo(e, t, n) {
-  var s = n || {}, r = s.noTrailing, i = r === void 0 ? !1 : r, o = s.noLeading, a = o === void 0 ? !1 : o, l = s.debounceMode, u = l === void 0 ? void 0 : l, c, f = !1, d = 0;
-  function h() {
-    c && clearTimeout(c);
-  }
-  function m(w) {
-    var y = w || {}, T = y.upcomingOnly, A = T === void 0 ? !1 : T;
-    h(), f = !A;
-  }
-  function b() {
-    for (var w = arguments.length, y = new Array(w), T = 0; T < w; T++)
-      y[T] = arguments[T];
-    var A = this, x = Date.now() - d;
-    if (f)
-      return;
-    function p() {
-      d = Date.now(), t.apply(A, y);
-    }
-    function S() {
-      c = void 0;
-    }
-    !a && u && !c && p(), h(), u === void 0 && x > e ? a ? (d = Date.now(), i || (c = setTimeout(u ? S : p, e))) : p() : i !== !0 && (c = setTimeout(u ? S : p, u === void 0 ? e - x : e));
-  }
-  return b.cancel = m, b;
-}
-function Jo(e, t, n) {
-  var s = n || {}, r = s.atBegin, i = r === void 0 ? !1 : r;
-  return Zo(e, t, {
-    debounceMode: i !== !1
-  });
-}
-function Qo(...e) {
-  return Jo(...e);
-}
-class ea {
-  callback;
-  interval;
-  isRunning;
-  timeoutId;
-  remaining;
-  startTime;
-  /**
-   * Creates a new PausableInterval instance
-   * @param callback The function to call on each interval
-   * @param interval The interval duration in milliseconds
-   */
-  constructor(t, n) {
-    this.callback = t, this.interval = n, this.isRunning = !1, this.timeoutId = null, this.remaining = n, this.startTime = null;
-  }
-  /**
-   * Start the interval timer
-   */
-  start() {
-    this.isRunning || (this.isRunning = !0, this.startTime = Date.now(), this.timeoutId = window.setTimeout(() => {
-      this.callback(), this.remaining = this.interval, this.isRunning && this.start();
-    }, this.remaining));
-  }
-  /**
-   * Pause the interval timer
-   */
-  pause() {
-    !this.isRunning || this.timeoutId === null || this.startTime === null || (this.isRunning = !1, window.clearTimeout(this.timeoutId), this.remaining -= Date.now() - this.startTime, this.remaining < 0 && (this.remaining = 0));
-  }
-  /**
-   * Resume the interval timer
-   */
-  resume() {
-    this.start();
-  }
-  /**
-   * Stop and reset the interval timer
-   */
-  stop() {
-    this.isRunning = !1, this.timeoutId !== null && (window.clearTimeout(this.timeoutId), this.timeoutId = null), this.remaining = this.interval;
-  }
-  /**
-   * Check if the interval is currently running
-   * @returns True if the interval is running, false otherwise
-   */
-  isActive() {
-    return this.isRunning;
-  }
-  /**
-   * Change the interval duration
-   * @param newInterval The new interval duration in milliseconds
-   */
-  setInterval(t) {
-    const n = this.isRunning;
-    n && this.pause(), this.interval = t, this.remaining = t, n && this.resume();
-  }
-}
-const Vs = 3e3, Ms = document.querySelector("#alerts");
-if (!Ms)
-  throw new Error("Alert container not found");
-const U = [], Y = Es(!1);
-Y.effect(Qo(50, () => {
-  U.toReversed().forEach(({ element: e, interval: t }, n) => {
-    Y.value ? (t.setInterval(Vs - n * 250), t.pause()) : t.resume();
-    const s = 1 - n * 0.1, r = n === 0 ? 0 : -10 * n, i = U.slice(0, n), o = 5;
-    C(e, {
-      y: Y.value ? i.reduce((a, { element: l }) => a + l.offsetHeight + o, 0) * -1 : r,
-      scale: Y.value ? 1 : s
-    }, {
-      ease: "easeOut",
-      duration: 0.3
-    });
-  });
-}));
-function rn(e, t) {
-  const n = U.length - 1, s = U.shift();
-  if (!s)
-    throw new Error("First alert not found");
-  s.interval.stop();
-  let r = -10 * (n + 1), i = n === 1 ? 1 : 1 - n * 0.1;
-  t && (r += 10, i -= 0.1), C(s.element, {
-    y: e === "top" ? r : "50%",
-    scale: i,
-    opacity: 0
-  }, {
-    duration: e === "top" ? 0.2 : 0.3,
-    ease: "easeOut"
-  }).then(() => {
-    s.element.remove();
-  });
-}
-function ta(e, t) {
-  U.length === 3 && rn("top", !0);
-  const n = document.createElement("div");
-  n.setAttribute("role", "alert"), n.classList.add("c-toast", "z-50"), n.style.opacity = "0%";
-  const s = document.createElement("span");
-  if (s.textContent = e, n.append(s), t) {
-    const i = document.createElement("div");
-    i.innerHTML = t, n.prepend(i);
-  }
-  n.addEventListener("mouseenter", () => Y.value = !0), n.addEventListener("mouseleave", () => Y.value = !1), Ms?.append(n), C(n, {
-    y: ["100%", 0],
-    scale: 1,
-    opacity: 1
-  }, {
-    ease: "easeOut",
-    duration: 0.3
-  }), U.toReversed().forEach(({ element: i }, o) => {
-    const a = 1 - (o + 1) * 0.1, l = -10 * (o + 1);
-    C(i, {
-      y: l,
-      scale: a
-    }, { ease: "easeOut", duration: 0.3 });
-  });
-  const r = new ea(() => rn("bottom", !1), Vs);
-  U.push({ element: n, interval: r }), r.start();
-}
-const na = 5e3;
-async function sa(e) {
+const Go = 5e3;
+async function zo(e) {
   const t = (n) => {
     const s = n.contentWindow?.document;
     if (!s)
@@ -2979,11 +2830,11 @@ async function sa(e) {
         if (t(n))
           return clearInterval(r), s();
       }, 100);
-      setTimeout(() => (clearInterval(r), s()), na);
+      setTimeout(() => (clearInterval(r), s()), Go);
     }))
   );
 }
-function Ne(e) {
+function Re(e) {
   const t = e.contentWindow?.document;
   if (!t)
     throw new Error("iFrame was not fully loaded yet");
@@ -2998,25 +2849,25 @@ function Ne(e) {
   );
   e.style.height = `${n}px`;
 }
-function ks() {
+function Ss() {
   document.body.classList.add("js-loaded");
 }
-const ra = async (e) => {
-  if (await sa(e), e.forEach((t) => {
-    Ne(t);
+const Yo = async (e) => {
+  if (await zo(e), e.forEach((t) => {
+    Re(t);
     const n = t.contentWindow;
     if (!n)
       return;
-    new ResizeObserver(() => Ne(t)).observe(n.document.body);
+    new ResizeObserver(() => Re(t)).observe(n.document.body);
   }), window.addEventListener("resize", () => {
-    e.forEach((t) => Ne(t));
+    e.forEach((t) => Re(t));
   }), window.location.hash) {
     const t = document.querySelector(window.location.hash);
     t && (await new Promise((n) => setTimeout(n, 200)), t.scrollIntoView());
   }
-  ks();
+  Ss();
 };
-function ia(e = 500) {
+function Xo(e = 500) {
   function t() {
     return performance.getEntriesByType("resource").filter(
       (r) => performance.now() - r.responseEnd < e
@@ -3029,42 +2880,42 @@ function ia(e = 500) {
     s();
   });
 }
-function oa(e) {
+function Zo(e) {
   e.forEach((t) => {
     const n = t.querySelectorAll('[role="tab"]'), s = Array.from(t.querySelectorAll('[role="tabpanel"]')), r = t.querySelector(".tab-trigger-background");
     if (!r)
       throw new Error("No tab trigger background found");
-    const i = (l, u) => {
+    const i = (l, f) => {
       const c = l.offsetWidth;
-      if (u) {
+      if (f) {
         const d = l === n[0] ? l.offsetLeft : l.offsetLeft + 1;
-        C(r, {
+        L(r, {
           width: c,
           x: `${d}px`
         }, {
           duration: 0.3,
           easing: "ease-out",
-          type: J,
+          type: X,
           bounce: 0.1
         });
       } else
         r.style.width = `${c}px`, r.style.transform = "translateX(2px)";
     }, o = n[0];
     i(o, !1), n.forEach((l) => l.addEventListener("click", () => {
-      n.forEach((u) => {
-        const c = u === l;
-        u.setAttribute("aria-selected", c.toString());
-        const f = s.find((d) => d.getAttribute("aria-labelledby") === u.id);
-        f?.setAttribute("tab-index", c ? "0" : "-1"), f?.classList.toggle("hidden", !c), c && i(l, !0);
+      n.forEach((f) => {
+        const c = f === l;
+        f.setAttribute("aria-selected", c.toString());
+        const u = s.find((d) => d.getAttribute("aria-labelledby") === f.id);
+        u?.setAttribute("tab-index", c ? "0" : "-1"), u?.classList.toggle("hidden", !c), c && i(l, !0);
       });
     })), window.innerWidth < 768 || n.forEach((l) => {
-      const u = s.find((d) => d.getAttribute("aria-labelledby") === l.id);
-      if (!u)
+      const f = s.find((d) => d.getAttribute("aria-labelledby") === l.id);
+      if (!f)
         throw new Error(`No content found for trigger ${l.id}`);
-      const c = u.querySelector("iframe");
+      const c = f.querySelector("iframe");
       if (!c || c.loading !== "lazy")
         return;
-      const f = () => {
+      const u = () => {
         if (c.src.includes("embed.figma.com")) {
           const h = c.cloneNode(!0);
           h.loading = "eager", h.style.position = "absolute", h.style.opacity = "0", h.style.pointerEvents = "none", h.style.left = "-9999px", h.inert = !0, h.tabIndex = -1, h.addEventListener("load", () => {
@@ -3073,36 +2924,36 @@ function oa(e) {
         } else
           c.loading = "eager";
       };
-      ia().then(f);
+      Xo().then(u);
     });
   });
 }
-const Ke = "in2theme", Se = {
+const Ne = "in2theme", ve = {
   normal: "theme-normal",
   light: "theme-light",
   dark: "theme-dark"
-}, aa = (e) => {
+}, Jo = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   function n() {
-    const o = localStorage.getItem(Ke);
-    return o || localStorage.setItem(Ke, "normal"), o;
+    const o = localStorage.getItem(Ne);
+    return o || localStorage.setItem(Ne, "normal"), o;
   }
   function s() {
     const o = n();
-    let a = Se[o];
-    o === "normal" && t.matches && (a = Se.dark);
-    const l = (f) => {
-      Object.values(Se).forEach((d) => f.classList.remove(d)), f.classList.remove("dark");
-    }, u = (f) => {
-      f.classList.add(a), a === Se.dark && f.classList.add("dark");
+    let a = ve[o];
+    o === "normal" && t.matches && (a = ve.dark);
+    const l = (u) => {
+      Object.values(ve).forEach((d) => u.classList.remove(d)), u.classList.remove("dark");
+    }, f = (u) => {
+      u.classList.add(a), a === ve.dark && u.classList.add("dark");
     };
-    l(e), u(e);
+    l(e), f(e);
     const c = document.querySelectorAll("iframe");
-    c && c.forEach((f) => {
-      l(f), u(f);
-    }), l(document.body), u(document.body), Array.from(document.querySelectorAll("iframe")).filter((f) => f.src.includes("embed.figma.com")).forEach((f) => {
-      const d = new URL(f.src);
-      o === "normal" ? d.searchParams.set("theme", "system") : d.searchParams.set("theme", o), f.src = d.href;
+    c && c.forEach((u) => {
+      l(u), f(u);
+    }), l(document.body), f(document.body), Array.from(document.querySelectorAll("iframe")).filter((u) => u.src.includes("embed.figma.com")).forEach((u) => {
+      const d = new URL(u.src);
+      o === "normal" ? d.searchParams.set("theme", "system") : d.searchParams.set("theme", o), u.src = d.href;
     });
   }
   t.addEventListener("change", () => {
@@ -3112,75 +2963,75 @@ const Ke = "in2theme", Se = {
     if (!o)
       throw new Error("No selected theme found");
     const a = o.value;
-    localStorage.setItem(Ke, a), s();
+    localStorage.setItem(Ne, a), s();
   });
   const r = n(), i = e.querySelector(`input[value="${r}"]`);
   if (!i)
     throw new Error("No current theme input found");
   i.checked = !0;
 };
-function on(e, t, n, s) {
+function sn(e, t, n, s) {
   return t.navigator.platform.indexOf("Mac") === 0 && !e.includes("meta+ctrl") ? e.replace(n, s) : e;
 }
-function la() {
+function Qo() {
   return [
-    (e, t) => on(e, t, "meta", "ctrl"),
-    (e, t) => on(e, t, "ctrl", "meta")
+    (e, t) => sn(e, t, "meta", "ctrl"),
+    (e, t) => sn(e, t, "ctrl", "meta")
   ];
 }
-function G(e, t) {
+function j(e, t) {
   t && (t.tabIndex = 0, t.focus(), e.tabIndex = -1);
 }
-function xe(e) {
+function Ae(e) {
   let t = e.closest('[focusgroup]:not([focusgroup="none"])');
   if (t) return t;
 }
-function Ee(e) {
+function Se(e) {
   if (e.hasAttribute("focusgroup"))
     return [...e.querySelectorAll('*:not([focusgroup="none"])')].filter((n) => n.role === "button" || n.type === "button" || n.role === "checkbox" || n.type === "checkbox");
 }
-function ca(e) {
+function ea(e) {
   let t = e.getAttribute("focusgroup");
   if (t !== null) return !t.split(" ").includes("block");
 }
-function ua() {
+function ta() {
   return (e) => {
     let t = !1;
     function n(a) {
-      let l = xe(a.target);
+      let l = Ae(a.target);
       if (!l) {
         s();
         return;
       }
-      let u = Ee(l), c = Array.from(u).indexOf(a.target), f = "ArrowDown", d = "ArrowUp";
-      ca(l) && (e.document.dir === "rtl" ? (f = "ArrowLeft", d = "ArrowRight") : (f = "ArrowRight", d = "ArrowLeft")), a.key === f ? (a.preventDefault(), u[c + 1] ? G(a.target, u[c + 1]) : l.getAttribute("focusgroup").includes("wrap") && G(a.target, u[0])) : a.key === d ? (a.preventDefault(), u[c - 1] ? G(a.target, u[c - 1]) : l.getAttribute("focusgroup").includes("wrap") && G(a.target, u[u.length - 1])) : a.key === "Home" ? (a.preventDefault(), G(a.target, u[0])) : a.key === "End" && (a.preventDefault(), G(a.target, u[u.length - 1]));
+      let f = Se(l), c = Array.from(f).indexOf(a.target), u = "ArrowDown", d = "ArrowUp";
+      ea(l) && (e.document.dir === "rtl" ? (u = "ArrowLeft", d = "ArrowRight") : (u = "ArrowRight", d = "ArrowLeft")), a.key === u ? (a.preventDefault(), f[c + 1] ? j(a.target, f[c + 1]) : l.getAttribute("focusgroup").includes("wrap") && j(a.target, f[0])) : a.key === d ? (a.preventDefault(), f[c - 1] ? j(a.target, f[c - 1]) : l.getAttribute("focusgroup").includes("wrap") && j(a.target, f[f.length - 1])) : a.key === "Home" ? (a.preventDefault(), j(a.target, f[0])) : a.key === "End" && (a.preventDefault(), j(a.target, f[f.length - 1]));
     }
     function s() {
       t = !1, e.removeEventListener("keydown", n);
     }
     function r(a) {
-      let l = xe(a.target);
+      let l = Ae(a.target);
       if (l) {
         t || (t = !0, e.addEventListener("keydown", n));
-        let u = Ee(l);
-        u.some((c) => c.getAttribute("tabindex") === "0") ? u.forEach((c) => {
+        let f = Se(l);
+        f.some((c) => c.getAttribute("tabindex") === "0") ? f.forEach((c) => {
           c !== a.target && c.setAttribute("tabindex", -1);
-        }) : (u.forEach(
-          (c, f) => c.setAttribute("tabindex", f === 0 ? 0 : -1)
-        ), u[0]?.focus());
+        }) : (f.forEach(
+          (c, u) => c.setAttribute("tabindex", u === 0 ? 0 : -1)
+        ), f[0]?.focus());
       } else t && s();
     }
     function i(a) {
-      let l = xe(a.target);
-      l?.getAttribute("focusgroup")?.includes("no-memory") && Ee(l).forEach((c, f) => {
-        c.setAttribute("tabindex", f === 0 ? 0 : -1);
+      let l = Ae(a.target);
+      l?.getAttribute("focusgroup")?.includes("no-memory") && Se(l).forEach((c, u) => {
+        c.setAttribute("tabindex", u === 0 ? 0 : -1);
       }), (!a.relatedTarget || a.relatedTarget === e.document) && s();
     }
     function o(a) {
-      let l = xe(a.target);
+      let l = Ae(a.target);
       if (l) {
-        let u = Ee(l);
-        for (let c of u)
+        let f = Se(l);
+        for (let c of f)
           c !== a.target && c.setAttribute("tabindex", -1);
         a.target.setAttribute("tabindex", 0);
       }
@@ -3190,30 +3041,30 @@ function ua() {
     };
   };
 }
-let fa = {
+let na = {
   button: ["toolbar"],
   checkbox: ["toolbar"],
   menuitem: ["menu", "menubar"],
   option: ["listbox"],
   tab: ["tablist"]
 };
-function ae(e, t) {
+function ie(e, t) {
   t.tabIndex = 0, t.focus(), e.tabIndex = -1;
 }
-function Be(e) {
+function Ke(e) {
   let t = e.role || e.type || e.tagName;
   if (!t) return null;
-  let n = fa[t.toLowerCase()];
+  let n = na[t.toLowerCase()];
   if (!n) return null;
   for (let s of n) {
     let r = e.closest(`[role=${s}]`);
     if (r) return r;
   }
 }
-function $e(e, t) {
-  return t.role === "toolbar" ? ha(t) : t.querySelectorAll(`[role=${e.role}]`);
+function Be(e, t) {
+  return t.role === "toolbar" ? ra(t) : t.querySelectorAll(`[role=${e.role}]`);
 }
-function da(e, t) {
+function sa(e, t) {
   return Array.from(e).filter((n) => {
     let s = n.parentElement;
     for (; s && s !== t; ) {
@@ -3224,70 +3075,70 @@ function da(e, t) {
     return !0;
   });
 }
-function ha(e) {
+function ra(e) {
   return [...e.querySelectorAll("*")].filter((n) => n.role === "button" || n.type === "button" || n.role === "checkbox" || n.type === "checkbox");
 }
-function ma(e) {
+function ia(e) {
   let t = e.getAttribute("aria-orientation");
   if (t === "vertical") return !1;
   if (t === "horizontal") return !0;
   let n = e.role;
   return n === "menubar" || n === "tablist" || n === "toolbar";
 }
-function pa(e) {
+function oa(e) {
   return (t) => {
     let n = !1, s = 300, r = 0, i = "";
-    function o(f) {
-      let d = Be(f.target);
+    function o(u) {
+      let d = Ke(u.target);
       if (!d) {
         a();
         return;
       }
-      let h = $e(f.target, d), m = da(h, d), b = Array.from(m).indexOf(f.target), w = "ArrowDown", y = "ArrowUp";
-      if (ma(d) && (t.document.dir === "rtl" ? (w = "ArrowLeft", y = "ArrowRight") : (w = "ArrowRight", y = "ArrowLeft")), f.key === w)
-        f.preventDefault(), ae(f.target, m[b + 1] || m[0]);
-      else if (f.key === y)
-        f.preventDefault(), ae(f.target, m[b - 1] || m[m.length - 1]);
-      else if (f.key === "Home")
-        f.preventDefault(), ae(f.target, m[0]);
-      else if (f.key === "End")
-        f.preventDefault(), ae(f.target, m[m.length - 1]);
-      else if (f.key.length === 1 && d.role !== "tablist") {
-        f.timeStamp - r <= s ? i += f.key.toLowerCase() : i = f.key.toLowerCase(), r = f.timeStamp;
-        let T = Array.from(h).find((A) => A.textContent?.trim()?.toLowerCase()?.startsWith(i));
-        T && (f.preventDefault(), ae(f.target, T));
+      let h = Be(u.target, d), m = sa(h, d), y = Array.from(m).indexOf(u.target), T = "ArrowDown", b = "ArrowUp";
+      if (ia(d) && (t.document.dir === "rtl" ? (T = "ArrowLeft", b = "ArrowRight") : (T = "ArrowRight", b = "ArrowLeft")), u.key === T)
+        u.preventDefault(), ie(u.target, m[y + 1] || m[0]);
+      else if (u.key === b)
+        u.preventDefault(), ie(u.target, m[y - 1] || m[m.length - 1]);
+      else if (u.key === "Home")
+        u.preventDefault(), ie(u.target, m[0]);
+      else if (u.key === "End")
+        u.preventDefault(), ie(u.target, m[m.length - 1]);
+      else if (u.key.length === 1 && d.role !== "tablist") {
+        u.timeStamp - r <= s ? i += u.key.toLowerCase() : i = u.key.toLowerCase(), r = u.timeStamp;
+        let x = Array.from(h).find((v) => v.textContent?.trim()?.toLowerCase()?.startsWith(i));
+        x && (u.preventDefault(), ie(u.target, x));
       }
     }
     function a() {
       n = !1, t.removeEventListener("keydown", o);
     }
-    function l(f) {
-      let d = Be(f.target);
+    function l(u) {
+      let d = Ke(u.target);
       if (d) {
         n || (n = !0, t.addEventListener("keydown", o));
-        let h = $e(f.target, d);
+        let h = Be(u.target, d);
         for (let m of h)
-          m !== f.target && m.setAttribute("tabindex", -1);
+          m !== u.target && m.setAttribute("tabindex", -1);
       } else n && a();
     }
-    function u(f) {
-      (!f.relatedTarget || f.relatedTarget === t.document) && a();
+    function f(u) {
+      (!u.relatedTarget || u.relatedTarget === t.document) && a();
     }
-    function c(f) {
-      let d = Be(f.target);
+    function c(u) {
+      let d = Ke(u.target);
       if (d) {
-        let h = $e(f.target, d);
+        let h = Be(u.target, d);
         for (let m of h)
-          m !== f.target && m.setAttribute("tabindex", -1);
-        f.target.setAttribute("tabindex", 0);
+          m !== u.target && m.setAttribute("tabindex", -1);
+        u.target.setAttribute("tabindex", 0);
       }
     }
-    return t.addEventListener("click", c), t.addEventListener("focusin", l), t.addEventListener("focusout", u), () => {
-      a(), t.removeEventListener("click", c), t.removeEventListener("focusin", l), t.removeEventListener("focusout", u);
+    return t.addEventListener("click", c), t.addEventListener("focusin", l), t.addEventListener("focusout", f), () => {
+      a(), t.removeEventListener("click", c), t.removeEventListener("focusin", l), t.removeEventListener("focusout", f);
     };
   };
 }
-function ga() {
+function aa() {
   return (e) => {
     let t, n;
     function s(i) {
@@ -3307,28 +3158,28 @@ function ga() {
     };
   };
 }
-let ya = /^[^\x00-\x7F]$/, ba = {
+let la = /^[^\x00-\x7F]$/, ca = {
   checkbox: !0,
   file: !0,
   radio: !0
-}, wa = {
+}, ua = {
   button: !0,
   reset: !0,
   submit: !0
-}, va = {
+}, fa = {
   " ": "space",
   "+": "plus"
 };
-function Cs(e, t) {
+function xs(e, t) {
   if (t.tagName !== "BODY" && e !== t)
-    return t.hasAttribute("data-keyux-ignore-hotkeys") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("inert") ? !0 : Cs(e, t.parentNode);
+    return t.hasAttribute("data-keyux-ignore-hotkeys") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("inert") ? !0 : xs(e, t.parentNode);
 }
-function an(e, t) {
+function rn(e, t) {
   for (let n of t)
-    if (!Cs(e, n))
+    if (!xs(e, n))
       return n;
 }
-function ln(e, t, n) {
+function on(e, t, n) {
   let s = t;
   for (let [a] of n)
     if (s = a(s, e), !s) return !1;
@@ -3340,34 +3191,34 @@ function ln(e, t, n) {
       if (l) return l;
     }
   }
-  return an(
+  return rn(
     i,
     i.querySelectorAll(`[aria-keyshortcuts="${s}" i]`)
-  ) || an(
+  ) || rn(
     r,
     r.querySelectorAll(`[aria-keyshortcuts="${s}" i]`)
   );
 }
-function Ta(e, t, n) {
+function da(e, t, n) {
   let s = "";
   e.metaKey && (s += "meta+"), e.ctrlKey && (s += "ctrl+"), e.altKey && (s += "alt+"), e.shiftKey && (s += "shift+");
   let r = s;
-  r += va[e.key] ?? e.key.toLowerCase();
-  let i = ln(t, r, n);
-  if (!i && (e.key.length > 1 || ya.test(e.key)) && /^(Key.|Digit\d)$/.test(e.code)) {
+  r += fa[e.key] ?? e.key.toLowerCase();
+  let i = on(t, r, n);
+  if (!i && (e.key.length > 1 || la.test(e.key)) && /^(Key.|Digit\d)$/.test(e.code)) {
     let o = e.code.replace(/^Key|^Digit/, "").toLowerCase();
-    i = ln(t, s + o, n);
+    i = on(t, s + o, n);
   }
   return i;
 }
-function Aa(e = []) {
+function ha(e = []) {
   return (t) => {
     function n(s) {
-      let r = s.ctrlKey || s.metaKey || s.altKey, i = s.target.isContentEditable || s.target.tagName === "TEXTAREA" || s.target.tagName === "INPUT" && !ba[s.target.type], o = s.target.role === "menuitem";
+      let r = s.ctrlKey || s.metaKey || s.altKey, i = s.target.isContentEditable || s.target.tagName === "TEXTAREA" || s.target.tagName === "INPUT" && !ca[s.target.type], o = s.target.role === "menuitem";
       if (!r && (i || o))
         return;
-      let a = Ta(s, t, e);
-      a && (a.tagName === "TEXTAREA" || a.tagName === "INPUT" && !wa[a.type] ? setTimeout(() => {
+      let a = da(s, t, e);
+      a && (a.tagName === "TEXTAREA" || a.tagName === "INPUT" && !ua[a.type] ? setTimeout(() => {
         a.focus();
       }) : a.click());
     }
@@ -3376,12 +3227,12 @@ function Aa(e = []) {
     };
   };
 }
-function Sa() {
+function ma() {
   return (e) => {
     let t = [];
     function n(l) {
-      let u = e.document.activeElement;
-      u && u !== e.document.body && t.push(new WeakRef(u)), l.focus({ focusVisible: !0 });
+      let f = e.document.activeElement;
+      f && f !== e.document.body && t.push(new WeakRef(f)), l.focus({ focusVisible: !0 });
     }
     function s() {
       let l = t.pop();
@@ -3389,26 +3240,26 @@ function Sa() {
         e.document.activeElement.blur();
         return;
       }
-      let u = l.deref();
-      u && u.isConnected ? u.focus() : s();
+      let f = l.deref();
+      f && f.isConnected ? f.focus() : s();
     }
     let r = 0, i;
     function o(l) {
       clearInterval(i);
-      let u = l.getAttribute("aria-controls");
+      let f = l.getAttribute("aria-controls");
       i = setInterval(() => {
         if (r++ > 50) {
           clearInterval(i);
           return;
         }
-        let c = e.document.getElementById(u);
+        let c = e.document.getElementById(f);
         if (c) {
-          let f = c.querySelector(
+          let u = c.querySelector(
             'a, button, select, textarea, input:not([type=radio]), [type=radio]:checked, [tabindex]:not([tabindex="-1"])'
           );
-          f && (clearInterval(i), c.dispatchEvent(
+          u && (clearInterval(i), c.dispatchEvent(
             new e.CustomEvent("keyuxJump", { bubbles: !0 })
-          ), n(f));
+          ), n(u));
         }
       }, 50);
     }
@@ -3420,34 +3271,35 @@ function Sa() {
     };
   };
 }
-function xa(e, t) {
+function pa(e, t) {
   let n = t.map((s) => s(e));
   return () => {
     n.forEach((s) => s());
   };
 }
-const Ea = la();
-xa(window, [
-  Aa([Ea]),
-  pa(),
-  ua(),
-  Sa(),
-  ga()
+const ga = Qo();
+pa(window, [
+  ha([ga]),
+  oa(),
+  ta(),
+  ma(),
+  aa()
 ]);
-function Va() {
+function ya() {
   const e = navigator.userAgent.toLowerCase();
   return e.includes("mac") ? "mac" : e.includes("linux") ? "linux" : e.includes("win") ? "windows" : "unknown";
 }
-function Ma() {
+function ba() {
   const e = document.querySelectorAll("iframe"), t = document.querySelector("#styleguide-previous"), n = document.querySelector("#styleguide-next"), s = (r) => {
-    document.activeElement instanceof HTMLButtonElement || r.metaKey || r.ctrlKey || (t && r.key === "ArrowLeft" && (r.preventDefault(), t.click()), n && r.key === "ArrowRight" && (r.preventDefault(), n.click()));
+    const i = document.activeElement instanceof HTMLButtonElement, o = document.activeElement instanceof HTMLInputElement, a = document.activeElement instanceof HTMLTextAreaElement;
+    i || o || a || r.metaKey || r.ctrlKey || (t && r.key === "ArrowLeft" && (r.preventDefault(), t.click()), n && r.key === "ArrowRight" && (r.preventDefault(), n.click()));
   };
   e.forEach((r) => {
     const i = r.contentWindow;
     i && i.addEventListener("keydown", s);
   }), window.addEventListener("keydown", s);
 }
-function ka() {
+function wa() {
   const e = document.querySelectorAll("iframe"), t = (n) => {
     n.key === "k" && (n.metaKey || n.ctrlKey) && (n.preventDefault(), window.dispatchEvent(new Event("styleguideOpenSearch")));
   };
@@ -3456,13 +3308,13 @@ function ka() {
     s && s.addEventListener("keydown", t);
   }), window.addEventListener("keydown", t);
 }
-const Ca = Va();
-document.body.setAttribute("data-os", Ca);
-const La = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-document.body.setAttribute("data-is-mobile", String(La));
-Ma();
-ka();
-function Da() {
+const Ta = ya();
+document.body.setAttribute("data-os", Ta);
+const va = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+document.body.setAttribute("data-is-mobile", String(va));
+ba();
+wa();
+function Aa() {
   const e = document.querySelector("header");
   if (!e)
     throw new Error("No header found");
@@ -3471,7 +3323,7 @@ function Da() {
     document.documentElement.style.setProperty("--header-height", `${t()}px`);
   });
 }
-function Ia() {
+function Sa() {
   const e = document.querySelector("aside");
   if (!e)
     throw new Error("No aside menu found");
@@ -3488,101 +3340,92 @@ function Ia() {
   }
   window.addEventListener("resize", t), t();
 }
-Da();
-Ia();
-const Ls = document.querySelector("#search-dialog");
-if (!Ls)
+Aa();
+Sa();
+const Es = document.querySelector("#search-dialog");
+if (!Es)
   throw new Error("No search dialog found");
-const Ds = document.querySelector(".dialog-backdrop");
-if (!Ds)
+const Vs = document.querySelector(".dialog-backdrop");
+if (!Vs)
   throw new Error("No dialog backdrop found");
-const xt = document.querySelectorAll("[data-open-search]");
-if (xt.length === 0)
+const St = document.querySelectorAll("[data-open-search]");
+if (St.length === 0)
   throw new Error("No open search buttons found");
-const Z = document.querySelector("#search-input");
-if (!Z)
+const Y = document.querySelector("#search-input");
+if (!Y)
   throw new Error("No search input found");
-const Is = document.querySelector("#search-list");
-if (!Is)
+const Ms = document.querySelector("#search-list");
+if (!Ms)
   throw new Error("No search list found");
-const Fs = document.querySelectorAll(".search-category__item--active");
-if (!Fs)
+const ks = document.querySelectorAll(".search-category__item--active");
+if (!ks)
   throw new Error("No search results found");
-const Os = document.querySelector("#search-no-results");
-if (!Os)
+const Cs = document.querySelector("#search-no-results");
+if (!Cs)
   throw new Error("No search no results element found");
-const { show: Fa } = xs(Ls, Ds);
-async function Rs() {
-  await Fa(
+const { show: xa } = As(Es, Vs);
+async function Ds() {
+  await xa(
     (e) => {
-      e && Z.setAttribute("inert", "");
+      e && Y.setAttribute("inert", "");
     },
     (e) => {
-      e && Z.removeAttribute("inert"), xt.forEach((t) => t.ariaExpanded = "true"), Z.ariaExpanded = "true", Ps();
+      e && Y.removeAttribute("inert"), St.forEach((t) => t.ariaExpanded = "true"), Y.ariaExpanded = "true", Is();
     }
   );
 }
-function Ps() {
-  const e = Z.value.toLowerCase().trim();
+function Is() {
+  const e = Y.value.toLowerCase().trim();
   let t = !1;
-  Fs.forEach((n) => {
+  ks.forEach((n) => {
     let s;
     const r = n.getAttribute("data-search-keywords")?.split(",") || [];
     r.length > 0 ? s = r.some((i) => i.toLowerCase().includes(e)) : s = (n.textContent?.toLowerCase() ?? "")?.includes(e), n.classList.toggle("search-category__item--active", s), s && (t = !0);
-  }), Is.classList.toggle("hidden", !t), Os.classList.toggle("hidden", t);
-}
-Z.addEventListener("input", Ps);
-xt.forEach((e) => e.addEventListener("click", Rs));
-window.addEventListener("styleguideOpenSearch", Rs);
-const cn = Array.from(document.querySelectorAll(".preview-iframe"));
-cn.length > 0 ? ra(cn).catch(console.error) : ks();
-const un = document.querySelector(".theme-select");
-un && aa(un);
-const Oa = document.querySelectorAll(".styleguide-section");
-Oa.forEach((e) => {
+  }), Ms.classList.toggle("hidden", !t), Cs.classList.toggle("hidden", t);
+}
+Y.addEventListener("input", Is);
+St.forEach((e) => e.addEventListener("click", Ds));
+window.addEventListener("styleguideOpenSearch", Ds);
+const an = Array.from(document.querySelectorAll(".preview-iframe"));
+an.length > 0 ? Yo(an).catch(console.error) : Ss();
+const ln = document.querySelector(".theme-select");
+ln && Jo(ln);
+const Ea = document.querySelectorAll(".styleguide-section");
+Ea.forEach((e) => {
   new ResizeObserver(() => {
     const t = e.scrollHeight > 600;
     e.classList.toggle("styleguide-section--large", t);
   }).observe(e);
 });
-const fn = document.querySelectorAll(".tabs");
-fn.length > 0 && oa(fn);
-const dn = document.querySelectorAll("details:has(.code-highlight)");
-dn.length > 0 && dn.forEach((e) => {
+const cn = document.querySelectorAll(".tabs");
+cn.length > 0 && Zo(cn);
+const un = document.querySelectorAll("details:has(.code-highlight)");
+un.length > 0 && un.forEach((e) => {
   const t = e.querySelector(".code-highlight");
   if (!t)
     throw new Error("No code element found");
-  zo(t).catch(console.error);
+  Wo(t).catch(console.error);
 });
-const Ve = document.querySelectorAll("[data-code-audit-iframe]"), qe = document.querySelector("#code-audit-dialog"), hn = document.querySelector(".dialog-backdrop");
-Ve.length > 0 && qe && hn && (async () => {
-  const { createHtmlValidator: e, auditCode: t } = await import("./html-validator-bX8Fj2mZ.js"), { show: n, close: s } = xs(qe, hn);
-  Ve.forEach((r) => r.addEventListener("click", async () => {
-    Ve.forEach((o) => o.setAttribute("aria-expanded", "false")), r.setAttribute("disabled", "");
-    const { isValid: i } = await t(r, qe, s);
-    i ? (r.classList.add("text-green-500", "!cursor-not-allowed"), ta(
-      "Scanned HTML, no issues found!",
-      '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4 text-green-500/50"><path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /></svg>'
-    ), setTimeout(() => {
-      r.classList.remove("text-green-500", "!cursor-not-allowed"), r.removeAttribute("disabled");
-    }, 5e3)) : (r.setAttribute("aria-expanded", "true"), r.removeAttribute("disabled"), r.classList.add("text-red-500"), await n(
+const xe = document.querySelectorAll("[data-code-audit-iframe]"), qe = document.querySelector("#code-audit-dialog"), fn = document.querySelector(".dialog-backdrop");
+xe.length > 0 && qe && fn && (async () => {
+  const { auditCode: e } = await import("./html-validator-BlXeWTXJ.js"), { show: t, close: n } = As(qe, fn);
+  xe.forEach((s) => s.addEventListener("click", async () => {
+    xe.forEach((r) => r.setAttribute("aria-expanded", "false")), s.setAttribute("disabled", ""), await e(s, qe, n), s.removeAttribute("disabled"), s.setAttribute("aria-expanded", "true"), await t(
       void 0,
       () => {
-        Ve.forEach((o) => {
-          o.setAttribute("aria-expanded", "false"), setTimeout(() => o.classList.remove("text-red-500"), 2500);
+        xe.forEach((r) => {
+          r.setAttribute("aria-expanded", "false");
         });
       }
-    ));
-  })), setTimeout(() => {
-    requestIdleCallback(e);
-  }, 8e3);
+    );
+  }));
 })();
-const mn = document.querySelector("#icon-search-input"), pn = document.querySelector("#icon-search-input-reset"), gn = document.querySelector("#icon-search-list");
-mn && gn && pn && import("./icons-Bsi5dZux.js").then(({ default: e }) => e(mn, gn, pn)).catch(console.error);
-const Ns = "data-clipboard-value", yn = document.querySelectorAll(`button[${Ns}]`);
-yn.length > 0 && import("./clipboard-BX-6wcwn.js").then(({ default: e }) => e(yn, Ns)).catch(console.error);
-const bn = document.querySelectorAll(".markdown-container-folded");
-bn.length > 0 && bn.forEach((e) => {
+const dn = document.querySelector("#icon-search-input"), hn = document.querySelector("#icon-search-input-reset"), mn = document.querySelector("#icon-search-list");
+dn && mn && hn && import("./icons-DfSfd5nI.js").then(({ default: e }) => e(dn, mn, hn)).catch(console.error);
+const Ls = "data-clipboard-value", pn = document.querySelectorAll(`button[${Ls}]`);
+pn.length > 0 && import("./clipboard-CmSioy8N.js").then(({ default: e }) => e(pn, Ls)).catch(console.error);
+const gn = document.querySelectorAll(".markdown-container-folded");
+gn.length > 0 && gn.forEach((e) => {
   const t = e.querySelector(".markdown-container");
   if (!t)
     throw new Error("No markdown container found");
@@ -3592,7 +3435,7 @@ bn.length > 0 && bn.forEach((e) => {
   const s = e.querySelector(".markdown-show-more");
   if (!s)
     throw new Error("No show more button found");
-  const { $isOverflowingVertically: r } = Xo(e), i = () => {
+  const { $isOverflowingVertically: r } = jo(e), i = () => {
     const a = t.scrollHeight > t.clientHeight;
     n.classList.toggle("hidden", !a);
   };
@@ -3601,36 +3444,26 @@ bn.length > 0 && bn.forEach((e) => {
   s.addEventListener("click", async () => {
     o();
     const a = t.scrollHeight;
-    C(t, {
+    L(t, {
       maxHeight: `${a}px`
     }, { duration: 0.5 }).then(() => {
       t.classList.remove("max-h-[400px]"), t.style.maxHeight = "";
-    }), C(n, {
+    }), L(n, {
       opacity: 0
     }, { duration: 0.5 }).then(() => n.classList.add("hidden"));
   });
 });
-let Me;
+let Ee;
 window.addEventListener("scroll", () => {
-  Me && (clearTimeout(Me), Me = void 0), document.body.classList.contains("is-scrolling") || document.body.classList.add("is-scrolling"), Me = setTimeout(() => {
+  Ee && (clearTimeout(Ee), Ee = void 0), document.body.classList.contains("is-scrolling") || document.body.classList.add("is-scrolling"), Ee = setTimeout(() => {
     document.body.classList.remove("is-scrolling");
   }, 250);
 });
-const wn = document.querySelectorAll("a[data-link-multiple]");
-wn.length > 0 && wn.forEach((e) => {
-  const t = e.getAttribute("data-link-multiple");
-  if (!t)
-    return;
-  const n = t.trim().split(",");
-  e.addEventListener("click", (s) => {
-    s.preventDefault(), n.forEach((r) => {
-      const i = r.trim();
-      window.open(i, "_blank");
-    });
-  });
-});
+const yn = document.querySelector(".editor-select");
+yn && import("./editor-select-Bzw7rF0M.js").then(({ default: e }) => e(yn)).catch(console.error);
 export {
-  C as a,
-  ta as r,
-  J as s
+  L as a,
+  Uo as b,
+  Wo as h,
+  X as s
 };