kss-modern 0.0.21 → 0.0.22

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

@@ -1,33 +1,33 @@
-function Ps(e, t) {
+function ks(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function bn(e, t) {
+function hn(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const U = (e, t, n) => n > t ? t : n < e ? e : n;
-let st = () => {
+const _ = (e, t, n) => n > t ? t : n < e ? e : n;
+let et = () => {
 };
-const N = {}, wn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function Os(e) {
+const R = {}, mn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Cs(e) {
   return typeof e == "object" && e !== null;
 }
-const Tn = (e) => /^0[^.\s]+$/u.test(e);
+const pn = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function rt(e) {
+function tt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-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 Z = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Ds = (e, t) => (n) => t(e(n)), nt = (...e) => e.reduce(Ds), st = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class vn {
+class gn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return Ps(this.subscriptions, t), () => bn(this.subscriptions, t);
+    return ks(this.subscriptions, t), () => hn(this.subscriptions, t);
   }
   notify(t, n, s) {
     const r = this.subscriptions.length;
@@ -47,50 +47,50 @@ class vn {
     this.subscriptions.length = 0;
   }
 }
-const O = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, F = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function An(e, t) {
+const P = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, I = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+function yn(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Ns = (e, t, n) => {
+const Fs = (e, t, n) => {
   const s = t - e;
   return ((n - e) % s + s) % s + e;
-}, 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) {
+}, bn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ls = 1e-7, Is = 12;
+function Os(e, t, n, s, r) {
   let i, o, a = 0;
   do
-    o = t + (n - t) / 2, i = Sn(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > Ks && ++a < Bs);
+    o = t + (n - t) / 2, i = bn(o, s, r) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > Ls && ++a < Is);
   return o;
 }
 function he(e, t, n, s) {
   if (e === t && n === s)
     return Z;
-  const r = (i) => qs(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : Sn(r(i), t, s);
+  const r = (i) => Os(i, 0, 1, e, n);
+  return (i) => i === 0 || i === 1 ? i : bn(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 wn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Tn = (e) => (t) => 1 - e(1 - t), An = /* @__PURE__ */ he(0.33, 1.53, 0.69, 0.99), rt = /* @__PURE__ */ Tn(An), vn = /* @__PURE__ */ wn(rt), Sn = (e) => (e *= 2) < 1 ? 0.5 * rt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), it = (e) => 1 - Math.sin(Math.acos(e)), Ps = Tn(it), xn = wn(it), Ns = /* @__PURE__ */ he(0.42, 0, 1, 1), Rs = /* @__PURE__ */ he(0, 0, 0.58, 1), En = /* @__PURE__ */ he(0.42, 0, 0.58, 1), Vn = (e) => Array.isArray(e) && typeof e[0] != "number";
+function Mn(e, t) {
+  return Vn(e) ? e[Fs(0, e.length, t)] : e;
 }
-const Fn = (e) => Array.isArray(e) && typeof e[0] == "number", _s = {
+const kn = (e) => Array.isArray(e) && typeof e[0] == "number", Ks = {
   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);
+  easeIn: Ns,
+  easeInOut: En,
+  easeOut: Rs,
+  circIn: it,
+  circInOut: xn,
+  circOut: Ps,
+  backIn: rt,
+  backInOut: vn,
+  backOut: An,
+  anticipate: Sn
+}, Bs = (e) => typeof e == "string", Mt = (e) => {
+  if (kn(e)) {
+    et(e.length === 4);
     const [t, n, s, r] = e;
     return he(t, n, s, r);
-  } else if (Us(e))
-    return _s[e];
+  } else if (Bs(e))
+    return Ks[e];
   return e;
 }, we = [
   "setup",
@@ -110,7 +110,7 @@ const Fn = (e) => Array.isArray(e) && typeof e[0] == "number", _s = {
   "postRender"
   // Compute
 ];
-function js(e, t) {
+function $s(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -118,100 +118,100 @@ function js(e, t) {
     timestamp: 0,
     isProcessing: !1
   };
-  function l(c) {
-    o.has(c) && (f.schedule(c), e()), c(a);
+  function l(u) {
+    o.has(u) && (c.schedule(u), e()), u(a);
   }
-  const f = {
+  const c = {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (c, u = !1, d = !1) => {
+    schedule: (u, f = !1, d = !1) => {
       const m = d && r ? n : s;
-      return u && o.add(c), m.has(c) || m.add(c), c;
+      return f && o.add(u), m.has(u) || m.add(u), u;
     },
     /**
      * Cancel the provided callback from running on the next frame.
      */
-    cancel: (c) => {
-      s.delete(c), o.delete(c);
+    cancel: (u) => {
+      s.delete(u), o.delete(u);
     },
     /**
      * Execute all schedule callbacks.
      */
-    process: (c) => {
-      if (a = c, r) {
+    process: (u) => {
+      if (a = u, r) {
         i = !0;
         return;
       }
-      r = !0, [n, s] = [s, n], n.forEach(l), n.clear(), r = !1, i && (i = !1, f.process(c));
+      r = !0, [n, s] = [s, n], n.forEach(l), n.clear(), r = !1, i && (i = !1, c.process(u));
     }
   };
-  return f;
+  return c;
 }
-const Gs = 40;
-function Pn(e, t) {
+const qs = 40;
+function Cn(e, t) {
   let n = !1, s = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, 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));
+  }, i = () => n = !0, o = we.reduce((A, S) => (A[S] = $s(i), A), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: f, preRender: d, render: h, postRender: m } = o, y = () => {
+    const A = R.useManualTiming ? r.timestamp : performance.now();
+    n = !1, R.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(A - r.timestamp, qs), 1)), r.timestamp = A, r.isProcessing = !0, a.process(r), l.process(r), c.process(r), u.process(r), f.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: we.reduce((v, S) => {
+  return { schedule: we.reduce((A, S) => {
     const g = o[S];
-    return v[S] = (A, V = !1, w = !1) => (n || T(), g.schedule(A, V, w)), v;
-  }, {}), cancel: (v) => {
+    return A[S] = (v, V = !1, w = !1) => (n || T(), g.schedule(v, V, w)), A;
+  }, {}), cancel: (A) => {
     for (let S = 0; S < we.length; S++)
-      o[we[S]].cancel(v);
+      o[we[S]].cancel(A);
   }, state: r, steps: o };
 }
-const { schedule: K, cancel: $e, state: Me } = /* @__PURE__ */ Pn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Z, !0);
-let Ve;
-function zs() {
-  Ve = void 0;
+const { schedule: K, cancel: Ke, state: Ve } = /* @__PURE__ */ Cn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Z, !0);
+let Ee;
+function Ws() {
+  Ee = void 0;
 }
-const I = {
-  now: () => (Ve === void 0 && I.set(Me.isProcessing || N.useManualTiming ? Me.timestamp : performance.now()), Ve),
+const F = {
+  now: () => (Ee === void 0 && F.set(Ve.isProcessing || R.useManualTiming ? Ve.timestamp : performance.now()), Ee),
   set: (e) => {
-    Ve = e, queueMicrotask(zs);
+    Ee = e, queueMicrotask(Ws);
   }
-}, 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 = {
+}, Dn = (e) => (t) => typeof t == "string" && t.startsWith(e), Fn = /* @__PURE__ */ Dn("--"), Hs = /* @__PURE__ */ Dn("var(--"), ot = (e) => Hs(e) ? Us.test(e.split("/*")[0].trim()) : !1, Us = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, J = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, ce = {
+}, ue = {
   ...J,
-  transform: (e) => U(0, 1, e)
+  transform: (e) => _(0, 1, e)
 }, Te = {
   ...J,
   default: 1
-}, ae = (e) => Math.round(e * 1e5) / 1e5, ut = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Zs(e) {
+}, ae = (e) => Math.round(e * 1e5) / 1e5, at = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function _s(e) {
   return e == null;
 }
-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) => {
+const js = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, lt = (e, t) => (n) => !!(typeof n == "string" && js.test(n) && n.startsWith(e) || t && !_s(n) && Object.prototype.hasOwnProperty.call(n, t)), Ln = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(ut);
+  const [r, i, o, a] = s.match(at);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Qs = (e) => U(0, 255, e), Ie = {
+}, Gs = (e) => _(0, 255, e), De = {
   ...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)) + ")"
+  transform: (e) => Math.round(Gs(e))
+}, q = {
+  test: /* @__PURE__ */ lt("rgb", "red"),
+  parse: /* @__PURE__ */ Ln("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + De.transform(e) + ", " + De.transform(t) + ", " + De.transform(n) + ", " + ae(ue.transform(s)) + ")"
 };
-function er(e) {
+function zs(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 er(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const He = {
-  test: /* @__PURE__ */ ft("#"),
-  parse: er,
-  transform: $.transform
+const Be = {
+  test: /* @__PURE__ */ lt("#"),
+  parse: zs,
+  transform: q.transform
 }, me = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), q = /* @__PURE__ */ me("deg"), z = /* @__PURE__ */ me("%"), p = /* @__PURE__ */ me("px"), tr = /* @__PURE__ */ me("vh"), nr = /* @__PURE__ */ me("vw"), It = {
+}), $ = /* @__PURE__ */ me("deg"), z = /* @__PURE__ */ me("%"), p = /* @__PURE__ */ me("px"), Ys = /* @__PURE__ */ me("vh"), Xs = /* @__PURE__ */ me("vw"), kt = {
   ...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)) + ")"
+  test: /* @__PURE__ */ lt("hsl", "hue"),
+  parse: /* @__PURE__ */ Ln("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(ue.transform(s)) + ")"
 }, k = {
-  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),
+  test: (e) => q.test(e) || Be.test(e) || G.test(e),
+  parse: (e) => q.test(e) ? q.parse(e) : G.test(e) ? G.parse(e) : Be.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? q.transform(e) : G.transform(e),
   getAnimatableNone: (e) => {
     const t = k.parse(e);
     return t.alpha = 0, k.transform(t);
   }
-}, 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;
+}, Zs = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Js(e) {
+  return isNaN(e) && typeof e == "string" && (e.match(at)?.length || 0) + (e.match(Zs)?.length || 0) > 0;
 }
-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 In = "number", On = "color", Qs = "var", er = "var(", Ct = "${}", tr = /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 ce(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, r = [];
   let i = 0;
-  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);
+  const a = t.replace(tr, (l) => (k.test(l) ? (s.color.push(i), r.push(On), n.push(k.parse(l))) : l.startsWith(er) ? (s.var.push(i), r.push(Qs), n.push(l)) : (s.number.push(i), r.push(In), n.push(parseFloat(l))), ++i, Ct)).split(Ct);
   return { values: n, split: a, indexes: s, types: r };
 }
-function qn(e) {
-  return ue(e).values;
+function Pn(e) {
+  return ce(e).values;
 }
-function $n(e) {
-  const { split: t, types: n } = ue(e), s = t.length;
+function Nn(e) {
+  const { split: t, types: n } = ce(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 === Kn ? i += ae(r[o]) : a === Bn ? i += k.transform(r[o]) : i += r[o];
+        a === In ? i += ae(r[o]) : a === On ? i += k.transform(r[o]) : i += r[o];
       }
     return i;
   };
 }
-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 nr = (e) => typeof e == "number" ? 0 : k.test(e) ? k.getAnimatableNone(e) : e;
+function sr(e) {
+  const t = Pn(e);
+  return Nn(e)(t.map(nr));
 }
 const Q = {
-  test: rr,
-  parse: qn,
-  createTransformer: $n,
-  getAnimatableNone: cr
+  test: Js,
+  parse: Pn,
+  createTransformer: Nn,
+  getAnimatableNone: sr
 };
-function Le(e, t, n) {
+function Fe(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 ur({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function rr({ 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 = Le(l, a, e + 1 / 3), i = Le(l, a, e), o = Le(l, a, e - 1 / 3);
+    r = Fe(l, a, e + 1 / 3), i = Fe(l, a, e), o = Fe(l, a, e - 1 / 3);
   }
   return {
     red: Math.round(r * 255),
@@ -304,55 +304,55 @@ function ur({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function ke(e, t) {
+function Me(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const pe = (e, t, n) => e + (t - e) * n, Fe = (e, t, n) => {
+const pe = (e, t, n) => e + (t - e) * n, Le = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, fr = [He, $, G], dr = (e) => fr.find((t) => t.test(e));
-function Ft(e) {
-  const t = dr(e);
+}, ir = [Be, q, G], or = (e) => ir.find((t) => t.test(e));
+function Dt(e) {
+  const t = or(e);
   if (!t)
     return !1;
   let n = t.parse(e);
-  return t === G && (n = ur(n)), n;
+  return t === G && (n = rr(n)), n;
 }
-const Pt = (e, t) => {
-  const n = Ft(e), s = Ft(t);
+const Ft = (e, t) => {
+  const n = Dt(e), s = Dt(t);
   if (!n || !s)
-    return ke(e, t);
+    return Me(e, t);
   const r = { ...n };
-  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;
+  return (i) => (r.red = Le(n.red, s.red, i), r.green = Le(n.green, s.green, i), r.blue = Le(n.blue, s.blue, i), r.alpha = pe(n.alpha, s.alpha, i), q.transform(r));
+}, $e = /* @__PURE__ */ new Set(["none", "hidden"]);
+function ar(e, t) {
+  return $e.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function mr(e, t) {
+function lr(e, t) {
   return (n) => pe(e, t, n);
 }
-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 ut(e) {
+  return typeof e == "number" ? lr : typeof e == "string" ? ot(e) ? Me : k.test(e) ? Ft : fr : Array.isArray(e) ? Rn : typeof e == "object" ? k.test(e) ? Ft : ur : Me;
 }
-function Hn(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => dt(i)(i, t[o]));
+function Rn(e, t) {
+  const n = [...e], s = n.length, r = e.map((i, o) => ut(i)(i, t[o]));
   return (i) => {
     for (let o = 0; o < s; o++)
       n[o] = r[o](i);
     return n;
   };
 }
-function pr(e, t) {
+function ur(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (s[r] = dt(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (s[r] = ut(e[r])(e[r], t[r]));
   return (r) => {
     for (const i in s)
       n[i] = s[i](r);
     return n;
   };
 }
-function gr(e, t) {
+function cr(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 gr(e, t) {
   }
   return n;
 }
-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);
+const fr = (e, t) => {
+  const n = Q.createTransformer(t), s = ce(e), r = ce(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 ? ar(e, t) : nt(Rn(cr(s, r), r.values), n) : Me(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);
+function Kn(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? pe(e, t, n) : ut(e)(e, t);
 }
-const br = (e) => {
+const dr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => K.update(t, n),
-    stop: () => $e(t),
+    stop: () => Ke(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Me.isProcessing ? Me.timestamp : I.now()
+    now: () => Ve.isProcessing ? Ve.timestamp : F.now()
   };
-}, _n = (e, t, n = 10) => {
+}, Bn = (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)})`;
-}, Ce = 2e4;
-function ht(e) {
+}, ke = 2e4;
+function ct(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Ce; )
+  for (; !s.done && t < ke; )
     t += n, s = e.next(t);
-  return t >= Ce ? 1 / 0 : t;
+  return t >= ke ? 1 / 0 : t;
 }
-function Un(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(ht(s), Ce);
+function $n(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(ct(s), ke);
   return {
     type: "keyframes",
     ease: (i) => s.next(r * i).value / t,
-    duration: /* @__PURE__ */ F(r)
+    duration: /* @__PURE__ */ I(r)
   };
 }
-const wr = 5;
-function jn(e, t, n) {
-  const s = Math.max(t - wr, 0);
-  return An(n - e(s), t - s);
+const hr = 5;
+function qn(e, t, n) {
+  const s = Math.max(t - hr, 0);
+  return yn(n - e(s), t - s);
 }
 const M = {
   // Default spring physics
@@ -434,53 +434,53 @@ const M = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Pe = 1e-3;
-function Tr({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.velocity, mass: s = M.mass }) {
+}, Ie = 1e-3;
+function mr({ duration: e = M.duration, bounce: t = M.bounce, velocity: n = M.velocity, mass: s = M.mass }) {
   let r, i, o = 1 - t;
-  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 = (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;
+  o = _(M.minDamping, M.maxDamping, o), e = _(M.minDuration, M.maxDuration, /* @__PURE__ */ I(e)), o < 1 ? (r = (c) => {
+    const u = c * o, f = u * e, d = u - n, h = qe(c, o), m = Math.exp(-f);
+    return Ie - d / h * m;
+  }, i = (c) => {
+    const f = c * o * e, d = f * n + n, h = Math.pow(o, 2) * Math.pow(c, 2) * e, m = Math.exp(-f), y = qe(Math.pow(c, 2), o);
+    return (-r(c) + Ie > 0 ? -1 : 1) * ((d - h) * m) / y;
+  }) : (r = (c) => {
+    const u = Math.exp(-c * e), f = (c - n) * e + 1;
+    return -Ie + u * f;
+  }, i = (c) => {
+    const u = Math.exp(-c * e), f = (n - c) * (e * e);
+    return u * f;
   });
-  const a = 5 / e, l = Ar(r, i, a);
-  if (e = /* @__PURE__ */ O(e), isNaN(l))
+  const a = 5 / e, l = gr(r, i, a);
+  if (e = /* @__PURE__ */ P(e), isNaN(l))
     return {
       stiffness: M.stiffness,
       damping: M.damping,
       duration: e
     };
   {
-    const f = Math.pow(l, 2) * s;
+    const c = Math.pow(l, 2) * s;
     return {
-      stiffness: f,
-      damping: o * 2 * Math.sqrt(s * f),
+      stiffness: c,
+      damping: o * 2 * Math.sqrt(s * c),
       duration: e
     };
   }
 }
-const vr = 12;
-function Ar(e, t, n) {
+const pr = 12;
+function gr(e, t, n) {
   let s = n;
-  for (let r = 1; r < vr; r++)
+  for (let r = 1; r < pr; r++)
     s = s - e(s) / t(s);
   return s;
 }
-function _e(e, t) {
+function qe(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Sr = ["duration", "bounce"], xr = ["stiffness", "damping", "mass"];
-function Ot(e, t) {
+const yr = ["duration", "bounce"], br = ["stiffness", "damping", "mass"];
+function Lt(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Er(e) {
+function wr(e) {
   let t = {
     velocity: M.velocity,
     stiffness: M.stiffness,
@@ -489,9 +489,9 @@ function Er(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Ot(e, xr) && Ot(e, Sr))
+  if (!Lt(e, br) && Lt(e, yr))
     if (e.visualDuration) {
-      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);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * _(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
         mass: M.mass,
@@ -499,7 +499,7 @@ function Er(e) {
         damping: i
       };
     } else {
-      const n = Tr(e);
+      const n = mr(e);
       t = {
         ...t,
         ...n,
@@ -515,44 +515,44 @@ function X(e = M.visualDuration, t = M.bounce) {
     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: f, mass: c, duration: u, velocity: d, isResolvedFromDuration: h } = Er({
+  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: l, damping: c, mass: u, duration: f, velocity: d, isResolvedFromDuration: h } = wr({
     ...n,
-    velocity: -/* @__PURE__ */ F(n.velocity || 0)
-  }), 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;
+    velocity: -/* @__PURE__ */ I(n.velocity || 0)
+  }), m = d || 0, y = c / (2 * Math.sqrt(l * u)), T = o - i, b = /* @__PURE__ */ I(Math.sqrt(l / u)), 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;
+  let A;
   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));
+    const g = qe(b, y);
+    A = (v) => {
+      const V = Math.exp(-y * b * v);
+      return o - V * ((m + y * b * T) / g * Math.sin(g * v) + T * Math.cos(g * v));
     };
   } else if (y === 1)
-    v = (g) => o - Math.exp(-b * g) * (T + (m + b * T) * g);
+    A = (g) => o - Math.exp(-b * g) * (T + (m + b * T) * g);
   else {
     const g = b * Math.sqrt(y * y - 1);
-    v = (A) => {
-      const V = Math.exp(-y * b * A), w = Math.min(g * A, 300);
+    A = (v) => {
+      const V = Math.exp(-y * b * v), w = Math.min(g * v, 300);
       return o - V * ((m + y * b * T) * Math.sinh(w) + g * T * Math.cosh(w)) / g;
     };
   }
   const S = {
-    calculatedDuration: h && u || null,
+    calculatedDuration: h && f || null,
     next: (g) => {
-      const A = v(g);
+      const v = A(g);
       if (h)
-        a.done = g >= u;
+        a.done = g >= f;
       else {
         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;
+        y < 1 && (V = g === 0 ? /* @__PURE__ */ P(m) : qn(A, g, v));
+        const w = Math.abs(V) <= s, E = Math.abs(o - v) <= r;
         a.done = w && E;
       }
-      return a.value = a.done ? o : A, a;
+      return a.value = a.done ? o : v, a;
     },
     toString: () => {
-      const g = Math.min(ht(S), Ce), A = _n((V) => S.next(g * V).value, g, 30);
-      return g + "ms " + A;
+      const g = Math.min(ct(S), ke), v = Bn((V) => S.next(g * V).value, g, 30);
+      return g + "ms " + v;
     },
     toTransition: () => {
     }
@@ -560,123 +560,123 @@ function X(e = M.visualDuration, t = M.bounce) {
   return S;
 }
 X.applyToOptions = (e) => {
-  const t = Un(e, 100, X);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ O(t.duration), e.type = "keyframes", e;
+  const t = $n(e, 100, X);
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ P(t.duration), e.type = "keyframes", e;
 };
-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 = {
+function We({ 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: c = 0.5, restSpeed: u }) {
+  const f = e[0], d = {
     done: !1,
-    value: u
+    value: f
   }, 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;
+  const T = f + y, b = o === void 0 ? T : o(T);
+  b !== T && (y = b - f);
+  const x = (w) => -y * Math.exp(-w / s), A = (w) => b + x(w), S = (w) => {
+    const E = x(w), D = A(w);
+    d.done = Math.abs(E) <= c, d.value = d.done ? b : D;
   };
-  let g, A;
+  let g, v;
   const V = (w) => {
-    h(d.value) && (g = w, A = X({
+    h(d.value) && (g = w, v = X({
       keyframes: [d.value, m(d.value)],
-      velocity: jn(v, w, d.value),
+      velocity: qn(A, w, d.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: i,
-      restDelta: f,
-      restSpeed: c
+      restDelta: c,
+      restSpeed: u
     }));
   };
   return V(0), {
     calculatedDuration: null,
     next: (w) => {
       let E = !1;
-      return !A && g === void 0 && (E = !0, S(w), V(w)), g !== void 0 && w >= g ? A.next(w - g) : (!E && S(w), d);
+      return !v && g === void 0 && (E = !0, S(w), V(w)), g !== void 0 && w >= g ? v.next(w - g) : (!E && S(w), d);
     }
   };
 }
-function Vr(e, t, n) {
-  const s = [], r = n || N.mix || Wn, i = e.length - 1;
+function Tr(e, t, n) {
+  const s = [], r = n || R.mix || Kn, 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] || Z : t;
-      a = it(l, a);
+      a = nt(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function Mr(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
+function Ar(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
   const i = e.length;
-  if (st(i === t.length), i === 1)
+  if (et(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 = Vr(t, s, r), l = a.length, f = (c) => {
-    if (o && c < e[0])
+  const a = Tr(t, s, r), l = a.length, c = (u) => {
+    if (o && u < e[0])
       return t[0];
-    let u = 0;
+    let f = 0;
     if (l > 1)
-      for (; u < e.length - 2 && !(c < e[u + 1]); u++)
+      for (; f < e.length - 2 && !(u < e[f + 1]); f++)
         ;
-    const d = /* @__PURE__ */ ot(e[u], e[u + 1], c);
-    return a[u](d);
+    const d = /* @__PURE__ */ st(e[f], e[f + 1], u);
+    return a[f](d);
   };
-  return n ? (c) => f(U(e[0], e[i - 1], c)) : f;
+  return n ? (u) => c(_(e[0], e[i - 1], u)) : c;
 }
-function Gn(e, t) {
+function Wn(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ ot(0, t, s);
+    const r = /* @__PURE__ */ st(0, t, s);
     e.push(pe(n, 1, r));
   }
 }
-function zn(e) {
+function Hn(e) {
   const t = [0];
-  return Gn(t, e.length - 1), t;
+  return Wn(t, e.length - 1), t;
 }
-function kr(e, t) {
+function vr(e, t) {
   return e.map((n) => n * t);
 }
-function Cr(e, t) {
-  return e.map(() => t || Dn).splice(0, e.length - 1);
+function Sr(e, t) {
+  return e.map(() => t || En).splice(0, e.length - 1);
 }
 function le({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = In(s) ? s.map(Dt) : Dt(s), i = {
+  const r = Vn(s) ? s.map(Mt) : Mt(s), i = {
     done: !1,
     value: t[0]
-  }, o = kr(
+  }, o = vr(
     // 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 : zn(t),
+    n && n.length === t.length ? n : Hn(t),
     e
-  ), a = Mr(o, t, {
-    ease: Array.isArray(r) ? r : Cr(t, r)
+  ), a = Ar(o, t, {
+    ease: Array.isArray(r) ? r : Sr(t, r)
   });
   return {
     calculatedDuration: e,
     next: (l) => (i.value = a(l), i.done = l >= e, i)
   };
 }
-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;
+const xr = (e) => e !== null;
+function ft(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
+  const i = e.filter(xr), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !a || s === void 0 ? i[a] : s;
 }
-const Ir = {
-  decay: Ue,
-  inertia: Ue,
+const Er = {
+  decay: We,
+  inertia: We,
   tween: le,
   keyframes: le,
   spring: X
 };
-function Yn(e) {
-  typeof e.type == "string" && (e.type = Ir[e.type]);
+function Un(e) {
+  typeof e.type == "string" && (e.type = Er[e.type]);
 }
-class pt {
+class dt {
   constructor() {
     this.updateFinished();
   }
@@ -700,29 +700,29 @@ class pt {
     return this.finished.then(t, n);
   }
 }
-const Lr = (e) => e / 100;
-class gt extends pt {
+const Vr = (e) => e / 100;
+class ht extends dt {
   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;
-      n && n.updatedAt !== I.now() && this.tick(I.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
+      n && n.updatedAt !== F.now() && this.tick(F.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
     }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
   }
   initAnimation() {
     const { options: t } = this;
-    Yn(t);
+    Un(t);
     const { type: n = le, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     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 });
+    l !== le && typeof a[0] != "number" && (this.mixKeyframes = nt(Vr, Kn(a[0], a[1])), a = [0, 100]);
+    const c = l({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = l({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), 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;
+    })), c.calculatedDuration === null && (c.calculatedDuration = ct(c));
+    const { calculatedDuration: u } = c;
+    this.calculatedDuration = u, this.resolvedDuration = u + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = c;
   }
   updateTime(t) {
     const n = Math.round(t - this.startTime) * this.playbackSpeed;
@@ -732,22 +732,22 @@ class gt extends pt {
     const { generator: s, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: f = 0, keyframes: c, repeat: u, repeatType: d, repeatDelay: h, type: m, onUpdate: y, finalKeyframe: T } = this.options;
+    const { delay: c = 0, keyframes: u, repeat: f, 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 b = this.currentTime - f * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? b < 0 : b > r;
+    const b = this.currentTime - c * (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) {
+    let A = this.currentTime, S = s;
+    if (f) {
       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;
+      !D && w >= 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" && (S = o)), A = _(0, 1, D) * a;
     }
-    const g = x ? { done: !1, value: c[0] } : S.next(v);
+    const g = x ? { done: !1, value: u[0] } : S.next(A);
     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;
+    let { done: v } = g;
+    !x && l !== null && (v = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
+    const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && v);
+    return V && m !== We && (g.value = ft(u, this.options, T, this.speed)), y && y(g.value), V && this.finish(), g;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -758,36 +758,36 @@ class gt extends pt {
     return this.finished.then(t, n);
   }
   get duration() {
-    return /* @__PURE__ */ F(this.calculatedDuration);
+    return /* @__PURE__ */ I(this.calculatedDuration);
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ F(t);
+    return this.duration + /* @__PURE__ */ I(t);
   }
   get time() {
-    return /* @__PURE__ */ F(this.currentTime);
+    return /* @__PURE__ */ I(this.currentTime);
   }
   set time(t) {
-    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);
+    t = /* @__PURE__ */ P(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;
   }
   set speed(t) {
-    this.updateTime(I.now());
+    this.updateTime(F.now());
     const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ F(this.currentTime));
+    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ I(this.currentTime));
   }
   play() {
     if (this.isStopped)
       return;
-    const { driver: t = br, startTime: n } = this.options;
+    const { driver: t = dr, 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();
   }
   pause() {
-    this.state = "paused", this.updateTime(I.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(F.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -811,14 +811,14 @@ class gt extends pt {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), t.observe(this);
   }
 }
-function Fr(e) {
+function Mr(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const H = (e) => e * 180 / Math.PI, je = (e) => {
-  const t = H(Math.atan2(e[1], e[0]));
-  return Ge(t);
-}, Pr = {
+const W = (e) => e * 180 / Math.PI, He = (e) => {
+  const t = W(Math.atan2(e[1], e[0]));
+  return Ue(t);
+}, kr = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -826,53 +826,53 @@ const H = (e) => e * 180 / Math.PI, je = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: je,
-  rotateZ: je,
-  skewX: (e) => H(Math.atan(e[1])),
-  skewY: (e) => H(Math.atan(e[2])),
+  rotate: He,
+  rotateZ: He,
+  skewX: (e) => W(Math.atan(e[1])),
+  skewY: (e) => W(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, 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 = {
+}, Ue = (e) => (e = e % 360, e < 0 && (e += 360), e), It = He, Ot = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Pt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Cr = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  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])),
+  scaleX: Ot,
+  scaleY: Pt,
+  scale: (e) => (Ot(e) + Pt(e)) / 2,
+  rotateX: (e) => Ue(W(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => Ue(W(Math.atan2(-e[2], e[0]))),
+  rotateZ: It,
+  rotate: It,
+  skewX: (e) => W(Math.atan(e[4])),
+  skewY: (e) => W(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function ze(e) {
+function _e(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function Ye(e, t) {
+function je(e, t) {
   if (!e || e === "none")
-    return ze(t);
+    return _e(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
-    s = Or, r = n;
+    s = Cr, r = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Pr, r = a;
+    s = kr, r = a;
   }
   if (!r)
-    return ze(t);
-  const i = s[t], o = r[1].split(",").map(Nr);
+    return _e(t);
+  const i = s[t], o = r[1].split(",").map(Fr);
   return typeof i == "function" ? i(o) : o[i];
 }
-const Rr = (e, t) => {
+const Dr = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return Ye(n, t);
+  return je(n, t);
 };
-function Nr(e) {
+function Fr(e) {
   return parseFloat(e.trim());
 }
 const ee = [
@@ -893,15 +893,15 @@ const ee = [
   "skew",
   "skewX",
   "skewY"
-], 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) {
+], te = new Set(ee), Nt = (e) => e === J || e === p, Lr = /* @__PURE__ */ new Set(["x", "y", "z"]), Ir = ee.filter((e) => !Lr.has(e));
+function Or(e) {
   const t = [];
-  return Br.forEach((n) => {
+  return Ir.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const W = {
+const H = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -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 }) => Ye(t, "x"),
-  y: (e, { transform: t }) => Ye(t, "y")
+  x: (e, { transform: t }) => je(t, "x"),
+  y: (e, { transform: t }) => je(t, "y")
 };
-W.translateX = W.x;
-W.translateY = W.y;
-const _ = /* @__PURE__ */ new Set();
-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();
+H.translateX = H.x;
+H.translateY = H.y;
+const U = /* @__PURE__ */ new Set();
+let Ge = !1, ze = !1, Ye = !1;
+function _n() {
+  if (ze) {
+    const e = Array.from(U).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const r = qr(s);
+      const r = Or(s);
       r.length && (n.set(s, r), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -933,22 +933,22 @@ function Xn() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  Ze = !1, Xe = !1, _.forEach((e) => e.complete(Je)), _.clear();
+  ze = !1, Ge = !1, U.forEach((e) => e.complete(Ye)), U.clear();
 }
-function Zn() {
-  _.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (Ze = !0);
+function jn() {
+  U.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (ze = !0);
   });
 }
-function $r() {
-  Je = !0, Zn(), Xn(), Je = !1;
+function Pr() {
+  Ye = !0, jn(), _n(), Ye = !1;
 }
-class yt {
+class mt {
   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), Xe || (Xe = !0, K.read(Zn), K.resolveKeyframes(Xn))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (U.add(this), Ge || (Ge = !0, K.read(jn), K.resolveKeyframes(_n))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -962,7 +962,7 @@ class yt {
       }
       t[0] === void 0 && (t[0] = o), r && i === void 0 && r.set(t[0]);
     }
-    Fr(t);
+    Mr(t);
   }
   setFinalKeyframe() {
   }
@@ -973,32 +973,32 @@ class yt {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), _.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), U.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (_.delete(this), this.state = "pending");
+    this.state === "scheduled" && (U.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Hr = (e) => e.startsWith("--");
-function Wr(e, t, n) {
-  Hr(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const Nr = (e) => e.startsWith("--");
+function Rr(e, t, n) {
+  Nr(t) ? e.style.setProperty(t, n) : e.style[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 Kr = /* @__PURE__ */ tt(() => window.ScrollTimeline !== void 0), Br = {};
+function $r(e, t) {
+  const n = /* @__PURE__ */ tt(e);
+  return () => Br[t] ?? n();
 }
-const Jn = /* @__PURE__ */ jr(() => {
+const Gn = /* @__PURE__ */ $r(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), oe = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, qt = {
+}, "linearEasing"), oe = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Rt = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1009,44 +1009,44 @@ const Jn = /* @__PURE__ */ jr(() => {
   backIn: /* @__PURE__ */ oe([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ oe([0.33, 1.53, 0.69, 0.99])
 };
-function Qn(e, t) {
+function zn(e, t) {
   if (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];
+    return typeof e == "function" ? Gn() ? Bn(e, t) : "ease-out" : kn(e) ? oe(e) : Array.isArray(e) ? e.map((n) => zn(n, t) || Rt.easeOut) : Rt[e];
 }
-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 = {
+function qr(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+  const u = {
     [t]: n
   };
-  l && (c.offset = l);
-  const u = Qn(a, r);
-  Array.isArray(u) && (c.easing = u);
+  l && (u.offset = l);
+  const f = zn(a, r);
+  Array.isArray(f) && (u.easing = f);
   const d = {
     delay: s,
     duration: r,
-    easing: Array.isArray(u) ? "linear" : u,
+    easing: Array.isArray(f) ? "linear" : f,
     fill: "both",
     iterations: i + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   };
-  return f && (d.pseudoElement = f), e.animate(c, d);
+  return c && (d.pseudoElement = c), e.animate(u, d);
 }
-function bt(e) {
+function pt(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function zr({ type: e, ...t }) {
-  return bt(e) && Jn() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function Wr({ type: e, ...t }) {
+  return pt(e) && Gn() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class Yr extends pt {
+class Hr extends dt {
   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, 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 = () => {
+    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, et(typeof t.type != "string");
+    const c = Wr(t);
+    this.animation = qr(n, s, r, c, i), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !i) {
-        const c = mt(r, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : Wr(n, s, c), this.animation.cancel();
+        const u = ft(r, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(u) : Rr(n, s, u), this.animation.cancel();
       }
       l?.(), this.notifyFinished();
     };
@@ -1090,17 +1090,17 @@ class Yr extends pt {
   }
   get duration() {
     const t = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return /* @__PURE__ */ F(Number(t));
+    return /* @__PURE__ */ I(Number(t));
   }
   get iterationDuration() {
     const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ F(t);
+    return this.duration + /* @__PURE__ */ I(t);
   }
   get time() {
-    return /* @__PURE__ */ F(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ I(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ O(t);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ P(t);
   }
   /**
    * The playback speed of the animation.
@@ -1125,24 +1125,24 @@ class Yr extends pt {
    * 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 && _r() ? (this.animation.timeline = t, Z) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && Kr() ? (this.animation.timeline = t, Z) : n(this);
   }
 }
-const es = {
-  anticipate: kn,
-  backInOut: Mn,
-  circInOut: Cn
+const Yn = {
+  anticipate: Sn,
+  backInOut: vn,
+  circInOut: xn
 };
-function Xr(e) {
-  return e in es;
+function Ur(e) {
+  return e in Yn;
 }
-function Zr(e) {
-  typeof e.ease == "string" && Xr(e.ease) && (e.ease = es[e.ease]);
+function _r(e) {
+  typeof e.ease == "string" && Ur(e.ease) && (e.ease = Yn[e.ease]);
 }
-const $t = 10;
-class Jr extends Yr {
+const Kt = 10;
+class jr extends Hr {
   constructor(t) {
-    Zr(t), Yn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    _r(t), Un(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 Jr extends Yr {
       n.set(t);
       return;
     }
-    const a = new gt({
+    const a = new ht({
       ...o,
       autoplay: !1
-    }), l = /* @__PURE__ */ O(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - $t).value, a.sample(l).value, $t), a.stop();
+    }), l = /* @__PURE__ */ P(this.finishedTime ?? this.time);
+    n.setWithVelocity(a.sample(l - Kt).value, a.sample(l).value, Kt), a.stop();
   }
 }
-const Ht = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+const Bt = (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 Qr(e) {
+function Gr(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1178,43 +1178,43 @@ function Qr(e) {
     if (e[n] !== t)
       return !0;
 }
-function ei(e, t, n, s) {
+function zr(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 = Ht(r, t), a = Ht(i, t);
-  return !o || !a ? !1 : Qr(e) || (n === "spring" || bt(n)) && s;
+  const i = e[e.length - 1], o = Bt(r, t), a = Bt(i, t);
+  return !o || !a ? !1 : Gr(e) || (n === "spring" || pt(n)) && s;
 }
-function Qe(e) {
+function Xe(e) {
   e.duration = 0, e.type = "keyframes";
 }
-const ti = /* @__PURE__ */ new Set([
+const Yr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), ni = /* @__PURE__ */ rt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function si(e) {
+]), Xr = /* @__PURE__ */ tt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Zr(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: f } = t.owner.getProps();
-  return ni() && n && ti.has(n) && (n !== "transform" || !f) && /**
+  const { onUpdate: l, transformTemplate: c } = t.owner.getProps();
+  return Xr() && n && Yr.has(n) && (n !== "transform" || !c) && /**
    * 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 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 }) {
+const Jr = 40;
+class Qr extends dt {
+  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: c, element: u, ...f }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = I.now();
+    }, this.createdAt = F.now();
     const d = {
       autoplay: t,
       delay: n,
@@ -1223,25 +1223,25 @@ class ii extends pt {
       repeatDelay: i,
       repeatType: o,
       name: l,
-      motionValue: f,
-      element: c,
-      ...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();
+      motionValue: c,
+      element: u,
+      ...f
+    }, h = u?.KeyframeResolver || mt;
+    this.keyframeResolver = new h(a, (m, y, T) => this.onKeyframesResolved(m, y, d, !T), l, c, u), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, r) {
     this.keyframeResolver = void 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 { name: i, type: o, velocity: a, delay: l, isHandoff: c, onUpdate: u } = s;
+    this.resolvedAt = F.now(), zr(t, i, o, a) || ((R.instantAnimations || !l) && u?.(ft(t, s, n)), t[0] = t[t.length - 1], Xe(s), s.repeat = 0);
     const d = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > ri ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Jr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !f && si(d) ? new Jr({
+    }, h = !c && Zr(d) ? new jr({
       ...d,
       element: d.motionValue.owner.current
-    }) : new gt(d);
+    }) : new ht(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() {
@@ -1252,7 +1252,7 @@ class ii extends pt {
     });
   }
   get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), $r()), this._animation;
+    return this._animation || (this.keyframeResolver?.resume(), Pr()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1294,7 +1294,7 @@ class ii extends pt {
     this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
 }
-class oi {
+class ei {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -1338,10 +1338,10 @@ class oi {
     return this.getAll("startTime");
   }
   get duration() {
-    return Wt(this.animations, "duration");
+    return $t(this.animations, "duration");
   }
   get iterationDuration() {
-    return Wt(this.animations, "iterationDuration");
+    return $t(this.animations, "iterationDuration");
   }
   runAll(t) {
     this.animations.forEach((n) => n[t]());
@@ -1359,7 +1359,7 @@ class oi {
     this.runAll("complete");
   }
 }
-function Wt(e, t) {
+function $t(e, t) {
   let n = 0;
   for (let s = 0; s < e.length; s++) {
     const r = e[s][t];
@@ -1367,38 +1367,38 @@ function Wt(e, t) {
   }
   return n;
 }
-class ai extends oi {
+class ti extends ei {
   then(t, n) {
     return this.finished.finally(t).then(() => {
     });
   }
 }
-const li = (
+const ni = (
   // 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 ci(e) {
-  const t = li.exec(e);
+function si(e) {
+  const t = ni.exec(e);
   if (!t)
     return [,];
   const [, n, s, r] = t;
   return [`--${n ?? s}`, r];
 }
-function ts(e, t, n = 1) {
-  const [s, r] = ci(e);
+function Xn(e, t, n = 1) {
+  const [s, r] = si(e);
   if (!s)
     return;
   const i = window.getComputedStyle(t).getPropertyValue(s);
   if (i) {
     const o = i.trim();
-    return wn(o) ? parseFloat(o) : o;
+    return mn(o) ? parseFloat(o) : o;
   }
-  return ct(r) ? ts(r, t, n + 1) : r;
+  return ot(r) ? Xn(r, t, n + 1) : r;
 }
-function ns(e, t) {
+function Zn(e, t) {
   return e?.[t] ?? e?.default ?? e;
 }
-const ss = /* @__PURE__ */ new Set([
+const Jn = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1406,46 +1406,46 @@ const ss = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...ee
-]), ui = {
+]), ri = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, 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;
+}, Qn = (e) => (t) => t.test(e), es = [J, p, z, $, Xs, Ys, ri], qt = (e) => es.find(Qn(e));
+function ii(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || pn(e) : !0;
 }
-const di = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function hi(e) {
+const oi = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function ai(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(ut) || [];
+  const [s] = n.match(at) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
-  let i = di.has(t) ? 1 : 0;
+  let i = oi.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const mi = /\b([a-z-]*)\(.*?\)/gu, et = {
+const li = /\b([a-z-]*)\(.*?\)/gu, Ze = {
   ...Q,
   getAnimatableNone: (e) => {
-    const t = e.match(mi);
-    return t ? t.map(hi).join(" ") : e;
+    const t = e.match(li);
+    return t ? t.map(ai).join(" ") : e;
   }
-}, Ut = {
+}, Wt = {
   ...J,
   transform: Math.round
-}, pi = {
-  rotate: q,
-  rotateX: q,
-  rotateY: q,
-  rotateZ: q,
+}, ui = {
+  rotate: $,
+  rotateX: $,
+  rotateY: $,
+  rotateZ: $,
   scale: Te,
   scaleX: Te,
   scaleY: Te,
   scaleZ: Te,
-  skew: q,
-  skewX: q,
-  skewY: q,
+  skew: $,
+  skewX: $,
+  skewY: $,
   distance: p,
   translateX: p,
   translateY: p,
@@ -1455,11 +1455,11 @@ const mi = /\b([a-z-]*)\(.*?\)/gu, et = {
   z: p,
   perspective: p,
   transformPerspective: p,
-  opacity: ce,
-  originX: It,
-  originY: It,
+  opacity: ue,
+  originX: kt,
+  originY: kt,
   originZ: p
-}, wt = {
+}, gt = {
   // Border props
   borderWidth: p,
   borderTopWidth: p,
@@ -1495,14 +1495,14 @@ const mi = /\b([a-z-]*)\(.*?\)/gu, et = {
   // Misc
   backgroundPositionX: p,
   backgroundPositionY: p,
-  ...pi,
-  zIndex: Ut,
+  ...ui,
+  zIndex: Wt,
   // SVG
-  fillOpacity: ce,
-  strokeOpacity: ce,
-  numOctaves: Ut
-}, gi = {
-  ...wt,
+  fillOpacity: ue,
+  strokeOpacity: ue,
+  numOctaves: Wt
+}, ci = {
+  ...gt,
   // Color props
   color: k,
   backgroundColor: k,
@@ -1515,25 +1515,25 @@ const mi = /\b([a-z-]*)\(.*?\)/gu, et = {
   borderRightColor: k,
   borderBottomColor: k,
   borderLeftColor: k,
-  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) {
+  filter: Ze,
+  WebkitFilter: Ze
+}, ts = (e) => ci[e];
+function ns(e, t) {
+  let n = ts(e);
+  return n !== Ze && (n = Q), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const fi = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function di(e, t, n) {
   let s = 0, r;
   for (; s < e.length && !r; ) {
     const i = e[s];
-    typeof i == "string" && !yi.has(i) && ue(i).values.length && (r = e[s]), s++;
+    typeof i == "string" && !fi.has(i) && ce(i).values.length && (r = e[s]), s++;
   }
   if (r && n)
     for (const i of t)
-      e[i] = as(n, r);
+      e[i] = ns(n, r);
 }
-class wi extends yt {
+class hi extends mt {
   constructor(t, n, s, r, i) {
     super(t, n, s, r, i, !0);
   }
@@ -1543,34 +1543,34 @@ class wi extends yt {
       return;
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
-      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);
+      let c = t[l];
+      if (typeof c == "string" && (c = c.trim(), ot(c))) {
+        const u = Xn(c, n.current);
+        u !== void 0 && (t[l] = u), l === t.length - 1 && (this.finalKeyframe = c);
       }
     }
-    if (this.resolveNoneKeyframes(), !ss.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !Jn.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = _t(r), a = _t(i);
+    const [r, i] = t, o = qt(r), a = qt(i);
     if (o !== a)
-      if (Bt(o) && Bt(a))
+      if (Nt(o) && Nt(a))
         for (let l = 0; l < t.length; l++) {
-          const f = t[l];
-          typeof f == "string" && (t[l] = parseFloat(f));
+          const c = t[l];
+          typeof c == "string" && (t[l] = parseFloat(c));
         }
-      else W[s] && (this.needsMeasurement = !0);
+      else H[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || fi(t[r])) && s.push(r);
-    s.length && bi(t, s, n);
+      (t[r] === null || ii(t[r])) && s.push(r);
+    s.length && di(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = W[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = H[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const r = n[n.length - 1];
     r !== void 0 && t.getValue(s, r).jump(r, !1);
   }
@@ -1581,12 +1581,12 @@ class wi extends yt {
     const r = t.getValue(n);
     r && r.jump(this.measuredOrigin, !1);
     const i = s.length - 1, o = s[i];
-    s[i] = W[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
+    s[i] = H[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), this.removedTransforms?.length && this.removedTransforms.forEach(([a, l]) => {
       t.getValue(a).set(l);
     }), this.resolveNoneKeyframes();
   }
 }
-function Ti(e, t, n) {
+function mi(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -1596,8 +1596,8 @@ function Ti(e, t, n) {
   }
   return Array.from(e);
 }
-const ls = (e, t) => t && typeof e == "number" ? t.transform(e) : e, jt = 30, vi = (e) => !isNaN(parseFloat(e));
-class Ai {
+const ss = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Ht = 30, pi = (e) => !isNaN(parseFloat(e));
+class gi {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1606,14 +1606,14 @@ class Ai {
    */
   constructor(t, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s) => {
-      const r = I.now();
+      const r = F.now();
       if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
         for (const i of this.dependents)
           i.dirty();
     }, 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 = F.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = pi(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1662,7 +1662,7 @@ class Ai {
     return this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new vn());
+    this.events[t] || (this.events[t] = new gn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), K.read(() => {
@@ -1741,11 +1741,11 @@ class Ai {
    * @public
    */
   getVelocity() {
-    const t = I.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > jt)
+    const t = F.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Ht)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, jt);
-    return An(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Ht);
+    return yn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1797,124 +1797,124 @@ class Ai {
   }
 }
 function fe(e, t) {
-  return new Ai(e, t);
+  return new gi(e, t);
 }
-const { schedule: Si } = /* @__PURE__ */ Pn(queueMicrotask, !1);
-function cs(e) {
-  return Os(e) && "ownerSVGElement" in e;
+const { schedule: yi } = /* @__PURE__ */ Cn(queueMicrotask, !1);
+function rs(e) {
+  return Cs(e) && "ownerSVGElement" in e;
 }
-function xi(e) {
-  return cs(e) && e.tagName === "svg";
+function bi(e) {
+  return rs(e) && e.tagName === "svg";
 }
-const C = (e) => !!(e && e.getVelocity), Ei = [...is, k, Q], Vi = (e) => Ei.find(rs(e));
-function Tt(e) {
+const C = (e) => !!(e && e.getVelocity), wi = [...es, k, Q], Ti = (e) => wi.find(Qn(e));
+function yt(e) {
   return typeof e == "object" && !Array.isArray(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 is(e, t, n, s) {
+  return typeof e == "string" && yt(t) ? mi(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
 }
-function Mi(e, t, n) {
+function Ai(e, t, n) {
   return e * (t + 1);
 }
-function Gt(e, t, n, s) {
+function Ut(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 ki(e, t, n) {
+function vi(e, t, n) {
   for (let s = 0; s < e.length; s++) {
     const r = e[s];
-    r.at > t && r.at < n && (bn(e, r), s--);
+    r.at > t && r.at < n && (hn(e, r), s--);
   }
 }
-function Ci(e, t, n, s, r, i) {
-  ki(e, r, i);
+function Si(e, t, n, s, r, i) {
+  vi(e, r, i);
   for (let o = 0; o < t.length; o++)
     e.push({
       value: t[o],
       at: pe(r, i, s[o]),
-      easing: Ln(n, o)
+      easing: Mn(n, o)
     });
 }
-function Di(e, t) {
+function xi(e, t) {
   for (let n = 0; n < e.length; n++)
     e[n] = e[n] / (t + 1);
 }
-function Ii(e, t) {
+function Ei(e, t) {
   return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
 }
-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;
+const Vi = "easeInOut";
+function Mi(e, { defaultTransition: t = {}, ...n } = {}, s, r) {
+  const i = t.duration || 0.3, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = {}, c = /* @__PURE__ */ new Map();
+  let u = 0, f = 0, d = 0;
   for (let h = 0; h < e.length; h++) {
     const m = e[h];
     if (typeof m == "string") {
-      f.set(m, u);
+      c.set(m, f);
       continue;
     } else if (!Array.isArray(m)) {
-      f.set(m.name, Gt(u, m.at, c, f));
+      c.set(m.name, Ut(f, m.at, u, c));
       continue;
     }
     let [y, T, b = {}] = m;
-    b.at !== void 0 && (u = Gt(u, b.at, c, f));
+    b.at !== void 0 && (f = Ut(f, b.at, u, c));
     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) {
+    const A = (S, g, v, V = 0, w = 0) => {
+      const E = ki(S), { delay: D = 0, times: O = Hn(E), type: Ce = "keyframes", repeat: ge, repeatType: ga, repeatDelay: ya = 0, ...Ms } = g;
+      let { ease: B = t.ease || "easeOut", duration: N } = g;
+      const At = typeof D == "function" ? D(V, w) : D, vt = E.length, St = pt(Ce) ? Ce : r?.[Ce || "keyframes"];
+      if (vt <= 2 && St) {
         let ne = 100;
-        if (Et === 2 && Ni(E)) {
+        if (vt === 2 && Fi(E)) {
           const se = E[1] - E[0];
           ne = Math.abs(se);
         }
-        const ye = { ...Fs };
-        R !== void 0 && (ye.duration = /* @__PURE__ */ O(R));
-        const be = Un(ye, ne, Vt);
-        B = be.ease, R = be.duration;
+        const ye = { ...Ms };
+        N !== void 0 && (ye.duration = /* @__PURE__ */ P(N));
+        const be = $n(ye, ne, St);
+        B = be.ease, N = be.duration;
       }
-      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];
+      N ?? (N = i);
+      const xt = f + At;
+      O.length === 1 && O[0] === 0 && (O[1] = 1);
+      const Et = O.length - E.length;
+      if (Et > 0 && Wn(O, Et), E.length === 1 && E.unshift(null), ge) {
+        N = Ai(N, ge);
+        const ne = [...E], ye = [...O];
         B = Array.isArray(B) ? [...B] : [B];
         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));
+            O.push(ye[re] + (se + 1)), B.push(re === 0 ? "linear" : Mn(be, re - 1));
         }
-        Di(P, ge);
+        xi(O, ge);
       }
-      const Ct = Mt + R;
-      Ci(A, E, B, P, Mt, Ct), x = Math.max(xt + R, x), d = Math.max(Ct, d);
+      const Vt = xt + N;
+      Si(v, E, B, O, xt, Vt), x = Math.max(At + N, x), d = Math.max(Vt, d);
     };
     if (C(y)) {
-      const S = zt(y, a);
-      v(T, b, Yt("default", S));
+      const S = _t(y, a);
+      A(T, b, jt("default", S));
     } else {
-      const S = us(y, T, s, l), g = S.length;
-      for (let A = 0; A < g; A++) {
+      const S = is(y, T, s, l), g = S.length;
+      for (let v = 0; v < g; v++) {
         T = T, b = b;
-        const V = S[A], w = zt(V, a);
+        const V = S[v], w = _t(V, a);
         for (const E in T)
-          v(T[E], Oi(b, E), Yt(E, w), A, g);
+          A(T[E], Ci(b, E), jt(E, w), v, g);
       }
     }
-    c = u, u += x;
+    u = f, f += x;
   }
   return a.forEach((h, m) => {
     for (const y in h) {
       const T = h[y];
-      T.sort(Ii);
-      const b = [], x = [], v = [];
+      T.sort(Ei);
+      const b = [], x = [], A = [];
       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");
+        const { at: v, value: V, easing: w } = T[g];
+        b.push(V), x.push(/* @__PURE__ */ st(0, d, v)), A.push(w || "easeOut");
       }
-      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, {
+      x[0] !== 0 && (x.unshift(0), b.unshift(b[0]), A.unshift(Vi)), x[x.length - 1] !== 1 && (x.push(1), b.push(null)), o.has(m) || o.set(m, {
         keyframes: {},
         transition: {}
       });
@@ -1922,117 +1922,117 @@ function Fi(e, { defaultTransition: t = {}, ...n } = {}, s, r) {
       S.keyframes[y] = b, S.transition[y] = {
         ...t,
         duration: d,
-        ease: v,
+        ease: A,
         times: x,
         ...n
       };
     }
   }), o;
 }
-function zt(e, t) {
+function _t(e, t) {
   return !t.has(e) && t.set(e, {}), t.get(e);
 }
-function Yt(e, t) {
+function jt(e, t) {
   return t[e] || (t[e] = []), t[e];
 }
-function Pi(e) {
+function ki(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Oi(e, t) {
+function Ci(e, t) {
   return e && e[t] ? {
     ...e,
     ...e[t]
   } : { ...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 Di = (e) => typeof e == "number", Fi = (e) => e.every(Di), de = /* @__PURE__ */ new WeakMap(), Li = (e) => Array.isArray(e);
+function Gt(e) {
   const t = [{}, {}];
   return e?.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function fs(e, t, n, s) {
+function os(e, t, n, s) {
   if (typeof t == "function") {
-    const [r, i] = Xt(s);
+    const [r, i] = Gt(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] = Xt(s);
+    const [r, i] = Gt(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   return t;
 }
-function Bi(e, t, n) {
+function Ii(e, t, n) {
   const s = e.getProps();
-  return fs(s, t, s.custom, e);
+  return os(s, t, s.custom, e);
 }
-function qi(e, t, n) {
+function Oi(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, fe(n));
 }
-function $i(e) {
-  return Ki(e) ? e[e.length - 1] || 0 : e;
+function Pi(e) {
+  return Li(e) ? e[e.length - 1] || 0 : e;
 }
-function Hi(e, t) {
-  const n = Bi(e, t);
+function Ni(e, t) {
+  const n = Ii(e, t);
   let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
   i = { ...i, ...s };
   for (const o in i) {
-    const a = $i(i[o]);
-    qi(e, o, a);
+    const a = Pi(i[o]);
+    Oi(e, o, a);
   }
 }
-function Wi(e) {
+function Ri(e) {
   return !!(C(e) && e.add);
 }
-function _i(e, t) {
+function Ki(e, t) {
   const n = e.getValue("willChange");
-  if (Wi(n))
+  if (Ri(n))
     return n.add(t);
-  if (!n && N.WillChange) {
-    const s = new N.WillChange("auto");
+  if (!n && R.WillChange) {
+    const s = new R.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
-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 bt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Bi = "framerAppearId", $i = "data-" + bt(Bi);
+function qi(e) {
+  return e.props[$i];
 }
-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;
+const Wi = (e) => e !== null;
+function Hi(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const r = e.filter(Wi), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return r[i];
 }
-const Xi = {
+const Ui = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Zi = (e) => ({
+}, _i = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ji = {
+}), ji = {
   type: "keyframes",
   duration: 0.8
-}, Qi = {
+}, Gi = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, 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 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 = {
+}, zi = (e, { keyframes: t }) => t.length > 2 ? ji : te.has(e) ? e.startsWith("scale") ? _i(t[1]) : Ui : Gi;
+function Yi({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
+  return !!Object.keys(u).length;
+}
+const as = (e, t, n, s = {}, r, i) => (o) => {
+  const a = Zn(s, e) || {}, l = a.delay || s.delay || 0;
+  let { elapsed: c = 0 } = s;
+  c = c - /* @__PURE__ */ P(l);
+  const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
     velocity: t.getVelocity(),
     ...a,
-    delay: -f,
+    delay: -c,
     onUpdate: (d) => {
       t.set(d), a.onUpdate && a.onUpdate(d);
     },
@@ -2043,62 +2043,62 @@ const ds = (e, t, n, s = {}, r, i) => (o) => {
     motionValue: t,
     element: i ? void 0 : r
   };
-  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);
+  Yi(a) || Object.assign(u, zi(e, u)), u.duration && (u.duration = /* @__PURE__ */ P(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ P(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  let f = !1;
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Xe(u), u.delay === 0 && (f = !0)), (R.instantAnimations || R.skipAnimations) && (f = !0, Xe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, f && !i && t.get() !== void 0) {
+    const d = Hi(u.keyframes, a);
     if (d !== void 0) {
       K.update(() => {
-        c.onUpdate(d), c.onComplete();
+        u.onUpdate(d), u.onComplete();
       });
       return;
     }
   }
-  return a.isSync ? new gt(c) : new ii(c);
+  return a.isSync ? new ht(u) : new Qr(u);
 };
-function no({ protectedKeys: e, needsAnimating: t }, n) {
+function Xi({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function so(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
+function Zi(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
   let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
   s && (i = s);
-  const l = [], f = r && e.animationState && e.animationState.getState()[r];
-  for (const c in a) {
-    const u = e.getValue(c, e.latestValues[c] ?? null), d = a[c];
-    if (d === void 0 || f && no(f, c))
+  const l = [], c = r && e.animationState && e.animationState.getState()[r];
+  for (const u in a) {
+    const f = e.getValue(u, e.latestValues[u] ?? null), d = a[u];
+    if (d === void 0 || c && Xi(c, u))
       continue;
     const h = {
       delay: n,
-      ...ns(i || {}, c)
-    }, m = u.get();
-    if (m !== void 0 && !u.isAnimating && !Array.isArray(d) && d === m && !h.velocity)
+      ...Zn(i || {}, u)
+    }, m = f.get();
+    if (m !== void 0 && !f.isAnimating && !Array.isArray(d) && d === m && !h.velocity)
       continue;
     let y = !1;
     if (window.MotionHandoffAnimation) {
-      const b = Gi(e);
+      const b = qi(e);
       if (b) {
-        const x = window.MotionHandoffAnimation(b, c, K);
+        const x = window.MotionHandoffAnimation(b, u, K);
         x !== null && (h.startTime = x, y = !0);
       }
     }
-    _i(e, c), u.start(ds(c, u, d, e.shouldReduceMotion && ss.has(c) ? { type: !1 } : h, e, y));
-    const T = u.animation;
+    Ki(e, u), f.start(as(u, f, d, e.shouldReduceMotion && Jn.has(u) ? { type: !1 } : h, e, y));
+    const T = f.animation;
     T && l.push(T);
   }
   return o && Promise.all(l).then(() => {
     K.update(() => {
-      o && Hi(e, o);
+      o && Ni(e, o);
     });
   }), l;
 }
-function ro({ top: e, left: t, right: n, bottom: s }) {
+function Ji({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function io(e, t) {
+function Qi(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 io(e, t) {
     right: s.x
   };
 }
-function oo(e, t) {
-  return ro(io(e.getBoundingClientRect(), t));
+function eo(e, t) {
+  return Ji(Qi(e.getBoundingClientRect(), t));
 }
-const Zt = {
+const zt = {
   animation: [
     "animate",
     "variants",
@@ -2131,30 +2131,30 @@ const Zt = {
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, tt = {};
-for (const e in Zt)
-  tt[e] = {
-    isEnabled: (t) => Zt[e].some((n) => !!t[n])
+}, Je = {};
+for (const e in zt)
+  Je[e] = {
+    isEnabled: (t) => zt[e].some((n) => !!t[n])
   };
-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)
+const Yt = () => ({ min: 0, max: 0 }), wt = () => ({
+  x: Yt(),
+  y: Yt()
+}), to = typeof window < "u", Qe = { current: null }, ls = { current: !1 };
+function no() {
+  if (ls.current = !0, !!to)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => nt.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Qe.current = e.matches;
       e.addEventListener("change", t), t();
     } else
-      nt.current = !1;
+      Qe.current = !1;
 }
-function co(e) {
+function so(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function uo(e) {
+function ro(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const fo = [
+const io = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2162,14 +2162,14 @@ const fo = [
   "whileTap",
   "whileDrag",
   "exit"
-], ho = ["initial", ...fo];
-function ms(e) {
-  return co(e.animate) || ho.some((t) => uo(e[t]));
+], oo = ["initial", ...io];
+function us(e) {
+  return so(e.animate) || oo.some((t) => ro(e[t]));
 }
-function mo(e) {
-  return !!(ms(e) || e.variants);
+function ao(e) {
+  return !!(us(e) || e.variants);
 }
-function po(e, t, n) {
+function lo(e, t, n) {
   for (const s in t) {
     const r = t[s], i = n[s];
     if (C(r))
@@ -2189,7 +2189,7 @@ function po(e, t, n) {
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const Qt = [
+const Xt = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2198,7 +2198,7 @@ const Qt = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class ps {
+class cs {
   /**
    * 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 ps {
     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 = 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 = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = mt, 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();
+      const d = F.now();
       this.renderScheduledAt < d && (this.renderScheduledAt = d, K.render(this.render, !1, !0));
     };
-    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];
+    const { latestValues: l, renderState: c } = o;
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, 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 = us(n), this.isVariantNode = ao(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: u, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
+    for (const d in f) {
+      const h = f[d];
       l[d] !== void 0 && C(h) && h.set(l[d]);
     }
   }
   mount(t) {
-    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);
+    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)), ls.current || no(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Qe.current, this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    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);
+    this.projection && this.projection.unmount(), Ke(this.notifyUpdate), Ke(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) {
@@ -2260,8 +2260,8 @@ class ps {
   }
   updateFeatures() {
     let t = "animation";
-    for (t in tt) {
-      const n = tt[t];
+    for (t in Je) {
+      const n = Je[t];
       if (!n)
         continue;
       const { isEnabled: s, Feature: r } = n;
@@ -2280,7 +2280,7 @@ class ps {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : At();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : wt();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -2294,13 +2294,13 @@ class ps {
    */
   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 < Qt.length; s++) {
-      const r = Qt[s];
+    for (let s = 0; s < Xt.length; s++) {
+      const r = Xt[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 = po(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = lo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2365,7 +2365,7 @@ class ps {
    */
   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" && (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;
+    return s != null && (typeof s == "string" && (mn(s) || pn(s)) ? s = parseFloat(s) : !Ti(s) && Q.test(n) && (s = ns(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,7 +2382,7 @@ class ps {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const i = fs(this.props, n, this.presenceContext?.custom);
+      const i = os(this.props, n, this.presenceContext?.custom);
       i && (s = i[t]);
     }
     if (n && s !== void 0)
@@ -2391,18 +2391,18 @@ class ps {
     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 vn()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new gn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
   scheduleRenderMicrotask() {
-    Si.render(this.render);
+    yi.render(this.render);
   }
 }
-class gs extends ps {
+class fs extends cs {
   constructor() {
-    super(...arguments), this.KeyframeResolver = wi;
+    super(...arguments), this.KeyframeResolver = hi;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2421,53 +2421,53 @@ class gs extends ps {
     }));
   }
 }
-const go = {
+const uo = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, yo = ee.length;
-function bo(e, t, n) {
+}, co = ee.length;
+function fo(e, t, n) {
   let s = "", r = !0;
-  for (let i = 0; i < yo; i++) {
+  for (let i = 0; i < co; 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 f = ls(a, wt[o]);
+      const c = ss(a, gt[o]);
       if (!l) {
         r = !1;
-        const c = go[o] || o;
-        s += `${c}(${f}) `;
+        const u = uo[o] || o;
+        s += `${u}(${c}) `;
       }
-      n && (t[o] = f);
+      n && (t[o] = c);
     }
   }
   return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
 }
-function ys(e, t, n) {
+function ds(e, t, n) {
   const { style: s, vars: r, transformOrigin: i } = e;
   let o = !1, a = !1;
   for (const l in t) {
-    const f = t[l];
+    const c = t[l];
     if (te.has(l)) {
       o = !0;
       continue;
-    } else if (Rn(l)) {
-      r[l] = f;
+    } else if (Fn(l)) {
+      r[l] = c;
       continue;
     } else {
-      const c = ls(f, wt[l]);
-      l.startsWith("origin") ? (a = !0, i[l] = c) : s[l] = c;
+      const u = ss(c, gt[l]);
+      l.startsWith("origin") ? (a = !0, i[l] = u) : s[l] = u;
     }
   }
-  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}`;
+  if (t.transform || (o || n ? s.transform = fo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+    const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = i;
+    s.transformOrigin = `${l} ${c} ${u}`;
   }
 }
-function bs(e, { style: t, vars: n }, s, r) {
+function hs(e, { style: t, vars: n }, s, r) {
   const i = e.style;
   let o;
   for (o in t)
@@ -2476,50 +2476,50 @@ function bs(e, { style: t, vars: n }, s, r) {
   for (o in n)
     i.setProperty(o, n[o]);
 }
-const wo = {};
-function To(e, { layout: t, layoutId: n }) {
-  return te.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!wo[e] || e === "opacity");
+const ho = {};
+function mo(e, { layout: t, layoutId: n }) {
+  return te.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!ho[e] || e === "opacity");
 }
-function ws(e, t, n) {
+function ms(e, t, n) {
   const { style: s } = e, r = {};
   for (const i in s)
-    (C(s[i]) || t.style && C(t.style[i]) || To(i, e) || n?.getValue(i)?.liveStyle !== void 0) && (r[i] = s[i]);
+    (C(s[i]) || t.style && C(t.style[i]) || mo(i, e) || n?.getValue(i)?.liveStyle !== void 0) && (r[i] = s[i]);
   return r;
 }
-function vo(e) {
+function po(e) {
   return window.getComputedStyle(e);
 }
-class Ao extends gs {
+class go extends fs {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = bs;
+    super(...arguments), this.type = "html", this.renderInstance = hs;
   }
   readValueFromInstance(t, n) {
     if (te.has(n))
-      return this.projection?.isProjecting ? ze(n) : Rr(t, n);
+      return this.projection?.isProjecting ? _e(n) : Dr(t, n);
     {
-      const s = vo(t), r = (Rn(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = po(t), r = (Fn(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return oo(t, n);
+    return eo(t, n);
   }
   build(t, n, s) {
-    ys(t, n, s.transformTemplate);
+    ds(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return ws(t, n, s);
+    return ms(t, n, s);
   }
 }
-function So(e, t) {
+function yo(e, t) {
   return e in t;
 }
-class xo extends ps {
+class bo extends cs {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(t, n) {
-    if (So(n, t)) {
+    if (yo(n, t)) {
       const s = t[n];
       if (typeof s == "string" || typeof s == "number")
         return s;
@@ -2531,7 +2531,7 @@ class xo extends ps {
     delete n.output[t];
   }
   measureInstanceViewportBox() {
-    return At();
+    return wt();
   }
   build(t, n) {
     Object.assign(t.output, n);
@@ -2543,21 +2543,21 @@ class xo extends ps {
     return 0;
   }
 }
-const Eo = {
+const wo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Vo = {
+}, To = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Mo(e, t, n = 1, s = 0, r = !0) {
+function Ao(e, t, n = 1, s = 0, r = !0) {
   e.pathLength = 1;
-  const i = r ? Eo : Vo;
+  const i = r ? wo : To;
   e[i.offset] = p.transform(-s);
   const o = p.transform(t), a = p.transform(n);
   e[i.array] = `${o} ${a}`;
 }
-function ko(e, {
+function vo(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2566,16 +2566,16 @@ function ko(e, {
   pathOffset: o = 0,
   // This is object creation, which we try to avoid per-frame.
   ...a
-}, l, f, c) {
-  if (ys(e, a, f), l) {
+}, l, c, u) {
+  if (ds(e, a, c), l) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
-  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 { 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 = u?.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 && Ao(f, r, i, o, !1);
 }
-const Ts = /* @__PURE__ */ new Set([
+const ps = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2599,14 +2599,14 @@ const Ts = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Co = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Do(e, t, n, s) {
-  bs(e, t, void 0, s);
+]), So = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function xo(e, t, n, s) {
+  hs(e, t, void 0, s);
   for (const r in t.attrs)
-    e.setAttribute(Ts.has(r) ? r : vt(r), t.attrs[r]);
+    e.setAttribute(ps.has(r) ? r : bt(r), t.attrs[r]);
 }
-function Io(e, t, n) {
-  const s = ws(e, t, n);
+function Eo(e, t, n) {
+  const s = ms(e, t, n);
   for (const r in e)
     if (C(e[r]) || C(t[r])) {
       const i = ee.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
@@ -2614,34 +2614,34 @@ function Io(e, t, n) {
     }
   return s;
 }
-class Lo extends gs {
+class Vo extends fs {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = At;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = wt;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
     if (te.has(n)) {
-      const s = os(n);
+      const s = ts(n);
       return s && s.default || 0;
     }
-    return n = Ts.has(n) ? n : vt(n), t.getAttribute(n);
+    return n = ps.has(n) ? n : bt(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Io(t, n, s);
+    return Eo(t, n, s);
   }
   build(t, n, s) {
-    ko(t, n, this.isSVGTag, s.transformTemplate, s.style);
+    vo(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, r) {
-    Do(t, n, s, r);
+    xo(t, n, s, r);
   }
   mount(t) {
-    this.isSVGTag = Co(t.tagName), super.mount(t);
+    this.isSVGTag = So(t.tagName), super.mount(t);
   }
 }
-function Fo(e) {
+function Mo(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2655,10 +2655,10 @@ function Fo(e) {
       },
       latestValues: {}
     }
-  }, n = cs(e) && !xi(e) ? new Lo(t) : new Ao(t);
+  }, n = rs(e) && !bi(e) ? new Vo(t) : new go(t);
   n.mount(e), de.set(e, n);
 }
-function Po(e) {
+function ko(e) {
   const t = {
     presenceContext: null,
     props: {},
@@ -2668,56 +2668,56 @@ function Po(e) {
       },
       latestValues: {}
     }
-  }, n = new xo(t);
+  }, n = new bo(t);
   n.mount(e), de.set(e, n);
 }
-function Oo(e, t, n) {
+function Co(e, t, n) {
   const s = C(e) ? e : fe(e);
-  return s.start(ds("", s, t, n)), s.animation;
+  return s.start(as("", s, t, n)), s.animation;
 }
-function Ro(e, t) {
-  return C(e) || typeof e == "number" || typeof e == "string" && !Tt(t);
+function Do(e, t) {
+  return C(e) || typeof e == "number" || typeof e == "string" && !yt(t);
 }
-function vs(e, t, n, s) {
+function gs(e, t, n, s) {
   const r = [];
-  if (Ro(e, t))
-    r.push(Oo(e, Tt(t) && t.default || t, n && (n.default || n)));
+  if (Do(e, t))
+    r.push(Co(e, yt(t) && t.default || t, n && (n.default || n)));
   else {
-    const i = us(e, t, s), o = i.length;
+    const i = is(e, t, s), o = i.length;
     for (let a = 0; a < o; a++) {
-      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 }, {}));
+      const l = i[a], c = l instanceof Element ? Mo : ko;
+      de.has(l) || c(l);
+      const u = de.get(l), f = { ...n };
+      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), r.push(...Zi(u, { ...t, transition: f }, {}));
     }
   }
   return r;
 }
-function No(e, t, n) {
+function Fo(e, t, n) {
   const s = [];
-  return Fi(e, t, n, { spring: X }).forEach(({ keyframes: i, transition: o }, a) => {
-    s.push(...vs(a, i, o));
+  return Mi(e, t, n, { spring: X }).forEach(({ keyframes: i, transition: o }, a) => {
+    s.push(...gs(a, i, o));
   }), s;
 }
-function Ko(e) {
+function Lo(e) {
   return Array.isArray(e) && e.some(Array.isArray);
 }
-function Bo(e) {
+function Io(e) {
   function t(n, s, r) {
     let i = [], o;
-    if (Ko(n))
-      i = No(n, s, e);
+    if (Lo(n))
+      i = Fo(n, s, e);
     else {
-      const { onComplete: l, ...f } = r || {};
-      typeof l == "function" && (o = l), i = vs(n, s, f, e);
+      const { onComplete: l, ...c } = r || {};
+      typeof l == "function" && (o = l), i = gs(n, s, c, e);
     }
-    const a = new ai(i);
+    const a = new ti(i);
     return o && a.finished.then(o), a;
   }
   return t;
 }
-const L = Bo();
-function qo(e) {
+const L = Io();
+function Oo(e) {
   return new Worker(
     "" + new URL("assets/worker-DbYry4sK.js", import.meta.url).href,
     {
@@ -2725,30 +2725,30 @@ function qo(e) {
     }
   );
 }
-const Oe = /* @__PURE__ */ new Map(), en = "data-highlighted", tn = Array.from({ length: 5 }, () => ({
-  worker: new qo(),
+const Oe = /* @__PURE__ */ new Map(), Zt = "data-highlighted", Jt = Array.from({ length: 5 }, () => ({
+  worker: new Oo(),
   isBusy: !1
 }));
-function $o() {
+function Po() {
   return new Promise((e) => {
-    const t = tn.find((s) => !s.isBusy);
+    const t = Jt.find((s) => !s.isBusy);
     t && (t.isBusy = !0, e(t));
     const n = setInterval(() => {
-      const s = tn.find((r) => !r.isBusy);
+      const s = Jt.find((r) => !r.isBusy);
       s && (s.isBusy = !0, clearInterval(n), e(s));
     }, Math.random() * 100);
   });
 }
-async function Ho(e, t) {
-  const n = await $o();
+async function No(e, t) {
+  const n = await Po();
   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 Wo(e, t) {
-  if (e.getAttribute(en) === "true")
+async function Ro(e, t) {
+  if (e.getAttribute(Zt) === "true")
     return;
   let s = e.getAttribute("data-source-code");
   if (!s)
@@ -2757,15 +2757,15 @@ async function Wo(e, t) {
   s = decodeURIComponent(s).trim();
   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");
+  Oe.has(o) ? i = Oe.get(o) : (i = await No(r, s), Oe.set(o, i)), e.insertAdjacentHTML("beforeend", i), e.setAttribute(Zt, "true");
 }
-const nn = () => window.matchMedia("(max-width: 768px)").matches;
-function As(e, t) {
+const Qt = () => window.matchMedia("(max-width: 768px)").matches;
+function ys(e, t) {
   let n;
   const s = async (o, a) => {
     if (!e.open)
       return;
-    const l = nn();
+    const l = Qt();
     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) {
@@ -2777,16 +2777,16 @@ function As(e, t) {
   return { show: async (o, a) => {
     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 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, {
+    e.showModal(), await new Promise((u) => setTimeout(u, 50)), window.scrollTo(0, l), setTimeout(() => window.scrollTo(0, l), 0), setTimeout(() => window.scrollTo(0, l), 50), t.style.display = "block";
+    const c = Qt();
+    o?.(c), c ? (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?.(c), setTimeout(() => document.addEventListener("click", r, {
       signal: n?.signal
-    }), 0), e.addEventListener("keydown", async (c) => {
-      c.key === "Escape" && (c.preventDefault(), await s());
+    }), 0), e.addEventListener("keydown", async (u) => {
+      u.key === "Escape" && (u.preventDefault(), await s());
     }, { signal: n?.signal });
   }, close: s };
 }
-class _o extends EventTarget {
+class Ko extends EventTarget {
   #e;
   constructor(t) {
     super(), this.#e = t;
@@ -2807,67 +2807,15 @@ class _o extends EventTarget {
     return String(this.#e);
   }
 }
-const Uo = (e) => new _o(e);
-function jo(e) {
-  const t = Uo(!1);
+const Bo = (e) => new Ko(e);
+function $o(e) {
+  const t = Bo(!1);
   return new ResizeObserver(() => {
     const n = e.scrollHeight > e.clientHeight;
     t.value !== n && (t.value = n);
   }).observe(e), { $isOverflowingVertically: t };
 }
-const Go = 5e3;
-async function zo(e) {
-  const t = (n) => {
-    const s = n.contentWindow?.document;
-    if (!s)
-      return !1;
-    const r = s.body && s.body.children.length > 0, i = s.readyState === "complete";
-    return r && i && s.body.children.length > 0;
-  };
-  await Promise.allSettled(
-    e.map((n) => new Promise((s) => {
-      const r = setInterval(() => {
-        if (t(n))
-          return clearInterval(r), s();
-      }, 100);
-      setTimeout(() => (clearInterval(r), s()), Go);
-    }))
-  );
-}
-function Re(e) {
-  const t = e.contentWindow?.document;
-  if (!t)
-    throw new Error("iFrame was not fully loaded yet");
-  e.style.height = "0px", e.offsetHeight;
-  const n = Math.max(
-    t.documentElement.scrollHeight,
-    t.body.scrollHeight,
-    t.documentElement.offsetHeight,
-    t.body.offsetHeight,
-    t.documentElement.clientHeight,
-    t.body.clientHeight
-  );
-  e.style.height = `${n}px`;
-}
-function Ss() {
-  document.body.classList.add("js-loaded");
-}
-const Yo = async (e) => {
-  if (await zo(e), e.forEach((t) => {
-    Re(t);
-    const n = t.contentWindow;
-    if (!n)
-      return;
-    new ResizeObserver(() => Re(t)).observe(n.document.body);
-  }), window.addEventListener("resize", () => {
-    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());
-  }
-  Ss();
-};
-function Xo(e = 500) {
+function qo(e = 500) {
   function t() {
     return performance.getEntriesByType("resource").filter(
       (r) => performance.now() - r.responseEnd < e
@@ -2880,17 +2828,17 @@ function Xo(e = 500) {
     s();
   });
 }
-function Zo(e) {
+function Wo(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, f) => {
-      const c = l.offsetWidth;
-      if (f) {
+    const i = (l, c) => {
+      const u = l.offsetWidth;
+      if (c) {
         const d = l === n[0] ? l.offsetLeft : l.offsetLeft + 1;
         L(r, {
-          width: c,
+          width: u,
           x: `${d}px`
         }, {
           duration: 0.3,
@@ -2899,84 +2847,42 @@ function Zo(e) {
           bounce: 0.1
         });
       } else
-        r.style.width = `${c}px`, r.style.transform = "translateX(2px)";
+        r.style.width = `${u}px`, r.style.transform = "translateX(2px)";
     }, o = n[0];
     i(o, !1), n.forEach((l) => l.addEventListener("click", () => {
-      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);
+      n.forEach((c) => {
+        const u = c === l;
+        c.setAttribute("aria-selected", u.toString());
+        const f = s.find((d) => d.getAttribute("aria-labelledby") === c.id);
+        f?.setAttribute("tab-index", u ? "0" : "-1"), f?.classList.toggle("hidden", !u), u && i(l, !0);
       });
     })), window.innerWidth < 768 || n.forEach((l) => {
-      const f = s.find((d) => d.getAttribute("aria-labelledby") === l.id);
-      if (!f)
+      const c = s.find((d) => d.getAttribute("aria-labelledby") === l.id);
+      if (!c)
         throw new Error(`No content found for trigger ${l.id}`);
-      const c = f.querySelector("iframe");
-      if (!c || c.loading !== "lazy")
+      const u = c.querySelector("iframe");
+      if (!u || u.loading !== "lazy")
         return;
-      const u = () => {
-        if (c.src.includes("embed.figma.com")) {
-          const h = c.cloneNode(!0);
+      const f = () => {
+        if (u.src.includes("embed.figma.com")) {
+          const h = u.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", () => {
-            c.replaceWith(h), h.style.position = "", h.style.opacity = "", h.style.pointerEvents = "", h.style.left = "", h.inert = !1, h.tabIndex = 0;
+            u.replaceWith(h), h.style.position = "", h.style.opacity = "", h.style.pointerEvents = "", h.style.left = "", h.inert = !1, h.tabIndex = 0;
           }), document.body.appendChild(h);
         } else
-          c.loading = "eager";
+          u.loading = "eager";
       };
-      Xo().then(u);
+      qo().then(f);
     });
   });
 }
-const Ne = "in2theme", ve = {
-  normal: "theme-normal",
-  light: "theme-light",
-  dark: "theme-dark"
-}, Jo = (e) => {
-  const t = window.matchMedia("(prefers-color-scheme: dark)");
-  function n() {
-    const o = localStorage.getItem(Ne);
-    return o || localStorage.setItem(Ne, "normal"), o;
-  }
-  function s() {
-    const o = n();
-    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), f(e);
-    const c = document.querySelectorAll("iframe");
-    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", () => {
-    n() === "normal" && s();
-  }), s(), e.addEventListener("change", () => {
-    const o = e.querySelector('input[name="theme"]:checked');
-    if (!o)
-      throw new Error("No selected theme found");
-    const a = o.value;
-    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 sn(e, t, n, s) {
+function en(e, t, n, s) {
   return t.navigator.platform.indexOf("Mac") === 0 && !e.includes("meta+ctrl") ? e.replace(n, s) : e;
 }
-function Qo() {
+function Ho() {
   return [
-    (e, t) => sn(e, t, "meta", "ctrl"),
-    (e, t) => sn(e, t, "ctrl", "meta")
+    (e, t) => en(e, t, "meta", "ctrl"),
+    (e, t) => en(e, t, "ctrl", "meta")
   ];
 }
 function j(e, t) {
@@ -2986,15 +2892,15 @@ function Ae(e) {
   let t = e.closest('[focusgroup]:not([focusgroup="none"])');
   if (t) return t;
 }
-function Se(e) {
+function ve(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 ea(e) {
+function Uo(e) {
   let t = e.getAttribute("focusgroup");
   if (t !== null) return !t.split(" ").includes("block");
 }
-function ta() {
+function _o() {
   return (e) => {
     let t = !1;
     function n(a) {
@@ -3003,8 +2909,8 @@ function ta() {
         s();
         return;
       }
-      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]));
+      let c = ve(l), u = Array.from(c).indexOf(a.target), f = "ArrowDown", d = "ArrowUp";
+      Uo(l) && (e.document.dir === "rtl" ? (f = "ArrowLeft", d = "ArrowRight") : (f = "ArrowRight", d = "ArrowLeft")), a.key === f ? (a.preventDefault(), c[u + 1] ? j(a.target, c[u + 1]) : l.getAttribute("focusgroup").includes("wrap") && j(a.target, c[0])) : a.key === d ? (a.preventDefault(), c[u - 1] ? j(a.target, c[u - 1]) : l.getAttribute("focusgroup").includes("wrap") && j(a.target, c[c.length - 1])) : a.key === "Home" ? (a.preventDefault(), j(a.target, c[0])) : a.key === "End" && (a.preventDefault(), j(a.target, c[c.length - 1]));
     }
     function s() {
       t = !1, e.removeEventListener("keydown", n);
@@ -3013,26 +2919,26 @@ function ta() {
       let l = Ae(a.target);
       if (l) {
         t || (t = !0, e.addEventListener("keydown", n));
-        let f = Se(l);
-        f.some((c) => c.getAttribute("tabindex") === "0") ? f.forEach((c) => {
-          c !== a.target && c.setAttribute("tabindex", -1);
-        }) : (f.forEach(
-          (c, u) => c.setAttribute("tabindex", u === 0 ? 0 : -1)
-        ), f[0]?.focus());
+        let c = ve(l);
+        c.some((u) => u.getAttribute("tabindex") === "0") ? c.forEach((u) => {
+          u !== a.target && u.setAttribute("tabindex", -1);
+        }) : (c.forEach(
+          (u, f) => u.setAttribute("tabindex", f === 0 ? 0 : -1)
+        ), c[0]?.focus());
       } else t && s();
     }
     function i(a) {
       let l = Ae(a.target);
-      l?.getAttribute("focusgroup")?.includes("no-memory") && Se(l).forEach((c, u) => {
-        c.setAttribute("tabindex", u === 0 ? 0 : -1);
+      l?.getAttribute("focusgroup")?.includes("no-memory") && ve(l).forEach((u, f) => {
+        u.setAttribute("tabindex", f === 0 ? 0 : -1);
       }), (!a.relatedTarget || a.relatedTarget === e.document) && s();
     }
     function o(a) {
       let l = Ae(a.target);
       if (l) {
-        let f = Se(l);
-        for (let c of f)
-          c !== a.target && c.setAttribute("tabindex", -1);
+        let c = ve(l);
+        for (let u of c)
+          u !== a.target && u.setAttribute("tabindex", -1);
         a.target.setAttribute("tabindex", 0);
       }
     }
@@ -3041,7 +2947,7 @@ function ta() {
     };
   };
 }
-let na = {
+let jo = {
   button: ["toolbar"],
   checkbox: ["toolbar"],
   menuitem: ["menu", "menubar"],
@@ -3051,20 +2957,20 @@ let na = {
 function ie(e, t) {
   t.tabIndex = 0, t.focus(), e.tabIndex = -1;
 }
-function Ke(e) {
+function Pe(e) {
   let t = e.role || e.type || e.tagName;
   if (!t) return null;
-  let n = na[t.toLowerCase()];
+  let n = jo[t.toLowerCase()];
   if (!n) return null;
   for (let s of n) {
     let r = e.closest(`[role=${s}]`);
     if (r) return r;
   }
 }
-function Be(e, t) {
-  return t.role === "toolbar" ? ra(t) : t.querySelectorAll(`[role=${e.role}]`);
+function Ne(e, t) {
+  return t.role === "toolbar" ? zo(t) : t.querySelectorAll(`[role=${e.role}]`);
 }
-function sa(e, t) {
+function Go(e, t) {
   return Array.from(e).filter((n) => {
     let s = n.parentElement;
     for (; s && s !== t; ) {
@@ -3075,70 +2981,70 @@ function sa(e, t) {
     return !0;
   });
 }
-function ra(e) {
+function zo(e) {
   return [...e.querySelectorAll("*")].filter((n) => n.role === "button" || n.type === "button" || n.role === "checkbox" || n.type === "checkbox");
 }
-function ia(e) {
+function Yo(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 oa(e) {
+function Xo(e) {
   return (t) => {
     let n = !1, s = 300, r = 0, i = "";
-    function o(u) {
-      let d = Ke(u.target);
+    function o(f) {
+      let d = Pe(f.target);
       if (!d) {
         a();
         return;
       }
-      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));
+      let h = Ne(f.target, d), m = Go(h, d), y = Array.from(m).indexOf(f.target), T = "ArrowDown", b = "ArrowUp";
+      if (Yo(d) && (t.document.dir === "rtl" ? (T = "ArrowLeft", b = "ArrowRight") : (T = "ArrowRight", b = "ArrowLeft")), f.key === T)
+        f.preventDefault(), ie(f.target, m[y + 1] || m[0]);
+      else if (f.key === b)
+        f.preventDefault(), ie(f.target, m[y - 1] || m[m.length - 1]);
+      else if (f.key === "Home")
+        f.preventDefault(), ie(f.target, m[0]);
+      else if (f.key === "End")
+        f.preventDefault(), ie(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 x = Array.from(h).find((A) => A.textContent?.trim()?.toLowerCase()?.startsWith(i));
+        x && (f.preventDefault(), ie(f.target, x));
       }
     }
     function a() {
       n = !1, t.removeEventListener("keydown", o);
     }
-    function l(u) {
-      let d = Ke(u.target);
+    function l(f) {
+      let d = Pe(f.target);
       if (d) {
         n || (n = !0, t.addEventListener("keydown", o));
-        let h = Be(u.target, d);
+        let h = Ne(f.target, d);
         for (let m of h)
-          m !== u.target && m.setAttribute("tabindex", -1);
+          m !== f.target && m.setAttribute("tabindex", -1);
       } else n && a();
     }
-    function f(u) {
-      (!u.relatedTarget || u.relatedTarget === t.document) && a();
+    function c(f) {
+      (!f.relatedTarget || f.relatedTarget === t.document) && a();
     }
-    function c(u) {
-      let d = Ke(u.target);
+    function u(f) {
+      let d = Pe(f.target);
       if (d) {
-        let h = Be(u.target, d);
+        let h = Ne(f.target, d);
         for (let m of h)
-          m !== u.target && m.setAttribute("tabindex", -1);
-        u.target.setAttribute("tabindex", 0);
+          m !== f.target && m.setAttribute("tabindex", -1);
+        f.target.setAttribute("tabindex", 0);
       }
     }
-    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);
+    return t.addEventListener("click", u), t.addEventListener("focusin", l), t.addEventListener("focusout", c), () => {
+      a(), t.removeEventListener("click", u), t.removeEventListener("focusin", l), t.removeEventListener("focusout", c);
     };
   };
 }
-function aa() {
+function Zo() {
   return (e) => {
     let t, n;
     function s(i) {
@@ -3158,28 +3064,28 @@ function aa() {
     };
   };
 }
-let la = /^[^\x00-\x7F]$/, ca = {
+let Jo = /^[^\x00-\x7F]$/, Qo = {
   checkbox: !0,
   file: !0,
   radio: !0
-}, ua = {
+}, ea = {
   button: !0,
   reset: !0,
   submit: !0
-}, fa = {
+}, ta = {
   " ": "space",
   "+": "plus"
 };
-function xs(e, t) {
+function bs(e, t) {
   if (t.tagName !== "BODY" && e !== t)
-    return t.hasAttribute("data-keyux-ignore-hotkeys") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("inert") ? !0 : xs(e, t.parentNode);
+    return t.hasAttribute("data-keyux-ignore-hotkeys") || t.getAttribute("aria-hidden") === "true" || t.hasAttribute("inert") ? !0 : bs(e, t.parentNode);
 }
-function rn(e, t) {
+function tn(e, t) {
   for (let n of t)
-    if (!xs(e, n))
+    if (!bs(e, n))
       return n;
 }
-function on(e, t, n) {
+function nn(e, t, n) {
   let s = t;
   for (let [a] of n)
     if (s = a(s, e), !s) return !1;
@@ -3191,34 +3097,34 @@ function on(e, t, n) {
       if (l) return l;
     }
   }
-  return rn(
+  return tn(
     i,
     i.querySelectorAll(`[aria-keyshortcuts="${s}" i]`)
-  ) || rn(
+  ) || tn(
     r,
     r.querySelectorAll(`[aria-keyshortcuts="${s}" i]`)
   );
 }
-function da(e, t, n) {
+function na(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 += 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)) {
+  r += ta[e.key] ?? e.key.toLowerCase();
+  let i = nn(t, r, n);
+  if (!i && (e.key.length > 1 || Jo.test(e.key)) && /^(Key.|Digit\d)$/.test(e.code)) {
     let o = e.code.replace(/^Key|^Digit/, "").toLowerCase();
-    i = on(t, s + o, n);
+    i = nn(t, s + o, n);
   }
   return i;
 }
-function ha(e = []) {
+function sa(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" && !ca[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" && !Qo[s.target.type], o = s.target.role === "menuitem";
       if (!r && (i || o))
         return;
-      let a = da(s, t, e);
-      a && (a.tagName === "TEXTAREA" || a.tagName === "INPUT" && !ua[a.type] ? setTimeout(() => {
+      let a = na(s, t, e);
+      a && (a.tagName === "TEXTAREA" || a.tagName === "INPUT" && !ea[a.type] ? setTimeout(() => {
         a.focus();
       }) : a.click());
     }
@@ -3227,12 +3133,12 @@ function ha(e = []) {
     };
   };
 }
-function ma() {
+function ra() {
   return (e) => {
     let t = [];
     function n(l) {
-      let f = e.document.activeElement;
-      f && f !== e.document.body && t.push(new WeakRef(f)), l.focus({ focusVisible: !0 });
+      let c = e.document.activeElement;
+      c && c !== e.document.body && t.push(new WeakRef(c)), l.focus({ focusVisible: !0 });
     }
     function s() {
       let l = t.pop();
@@ -3240,26 +3146,26 @@ function ma() {
         e.document.activeElement.blur();
         return;
       }
-      let f = l.deref();
-      f && f.isConnected ? f.focus() : s();
+      let c = l.deref();
+      c && c.isConnected ? c.focus() : s();
     }
     let r = 0, i;
     function o(l) {
       clearInterval(i);
-      let f = l.getAttribute("aria-controls");
+      let c = l.getAttribute("aria-controls");
       i = setInterval(() => {
         if (r++ > 50) {
           clearInterval(i);
           return;
         }
-        let c = e.document.getElementById(f);
-        if (c) {
-          let u = c.querySelector(
+        let u = e.document.getElementById(c);
+        if (u) {
+          let f = u.querySelector(
             'a, button, select, textarea, input:not([type=radio]), [type=radio]:checked, [tabindex]:not([tabindex="-1"])'
           );
-          u && (clearInterval(i), c.dispatchEvent(
+          f && (clearInterval(i), u.dispatchEvent(
             new e.CustomEvent("keyuxJump", { bubbles: !0 })
-          ), n(u));
+          ), n(f));
         }
       }, 50);
     }
@@ -3271,25 +3177,25 @@ function ma() {
     };
   };
 }
-function pa(e, t) {
+function ia(e, t) {
   let n = t.map((s) => s(e));
   return () => {
     n.forEach((s) => s());
   };
 }
-const ga = Qo();
-pa(window, [
-  ha([ga]),
-  oa(),
-  ta(),
-  ma(),
-  aa()
+const oa = Ho();
+ia(window, [
+  sa([oa]),
+  Xo(),
+  _o(),
+  ra(),
+  Zo()
 ]);
-function ya() {
+function aa() {
   const e = navigator.userAgent.toLowerCase();
   return e.includes("mac") ? "mac" : e.includes("linux") ? "linux" : e.includes("win") ? "windows" : "unknown";
 }
-function ba() {
+function la() {
   const e = document.querySelectorAll("iframe"), t = document.querySelector("#styleguide-previous"), n = document.querySelector("#styleguide-next"), s = (r) => {
     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()));
@@ -3299,7 +3205,7 @@ function ba() {
     i && i.addEventListener("keydown", s);
   }), window.addEventListener("keydown", s);
 }
-function wa() {
+function ua() {
   const e = document.querySelectorAll("iframe"), t = (n) => {
     n.key === "k" && (n.metaKey || n.ctrlKey) && (n.preventDefault(), window.dispatchEvent(new Event("styleguideOpenSearch")));
   };
@@ -3308,13 +3214,13 @@ function wa() {
     s && s.addEventListener("keydown", t);
   }), window.addEventListener("keydown", t);
 }
-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 ca = aa();
+document.body.setAttribute("data-os", ca);
+const fa = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+document.body.setAttribute("data-is-mobile", String(fa));
+la();
+ua();
+function da() {
   const e = document.querySelector("header");
   if (!e)
     throw new Error("No header found");
@@ -3323,7 +3229,7 @@ function Aa() {
     document.documentElement.style.setProperty("--header-height", `${t()}px`);
   });
 }
-function Sa() {
+function ha() {
   const e = document.querySelector("aside");
   if (!e)
     throw new Error("No aside menu found");
@@ -3340,92 +3246,88 @@ function Sa() {
   }
   window.addEventListener("resize", t), t();
 }
-Aa();
-Sa();
-const Es = document.querySelector("#search-dialog");
-if (!Es)
+da();
+ha();
+const ws = document.querySelector("#search-dialog");
+if (!ws)
   throw new Error("No search dialog found");
-const Vs = document.querySelector(".dialog-backdrop");
-if (!Vs)
+const Ts = document.querySelector(".dialog-backdrop");
+if (!Ts)
   throw new Error("No dialog backdrop found");
-const St = document.querySelectorAll("[data-open-search]");
-if (St.length === 0)
+const Tt = document.querySelectorAll("[data-open-search]");
+if (Tt.length === 0)
   throw new Error("No open search buttons found");
 const Y = document.querySelector("#search-input");
 if (!Y)
   throw new Error("No search input found");
-const Ms = document.querySelector("#search-list");
-if (!Ms)
+const As = document.querySelector("#search-list");
+if (!As)
   throw new Error("No search list found");
-const ks = document.querySelectorAll(".search-category__item--active");
-if (!ks)
+const vs = document.querySelectorAll(".search-category__item--active");
+if (!vs)
   throw new Error("No search results found");
-const Cs = document.querySelector("#search-no-results");
-if (!Cs)
+const Ss = document.querySelector("#search-no-results");
+if (!Ss)
   throw new Error("No search no results element found");
-const { show: xa } = As(Es, Vs);
-async function Ds() {
-  await xa(
+const { show: ma } = ys(ws, Ts);
+async function xs() {
+  await ma(
     (e) => {
       e && Y.setAttribute("inert", "");
     },
     (e) => {
-      e && Y.removeAttribute("inert"), St.forEach((t) => t.ariaExpanded = "true"), Y.ariaExpanded = "true", Is();
+      e && Y.removeAttribute("inert"), Tt.forEach((t) => t.ariaExpanded = "true"), Y.ariaExpanded = "true", Es();
     }
   );
 }
-function Is() {
+function Es() {
   const e = Y.value.toLowerCase().trim();
   let t = !1;
-  ks.forEach((n) => {
+  vs.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);
-  }), 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) => {
+  }), As.classList.toggle("hidden", !t), Ss.classList.toggle("hidden", t);
+}
+Y.addEventListener("input", Es);
+Tt.forEach((e) => e.addEventListener("click", xs));
+window.addEventListener("styleguideOpenSearch", xs);
+const pa = document.querySelectorAll(".styleguide-section");
+pa.forEach((e) => {
   new ResizeObserver(() => {
     const t = e.scrollHeight > 600;
     e.classList.toggle("styleguide-section--large", t);
   }).observe(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 sn = document.querySelectorAll(".tabs");
+sn.length > 0 && Wo(sn);
+const rn = document.querySelectorAll("details:has(.code-highlight)");
+rn.length > 0 && rn.forEach((e) => {
   const t = e.querySelector(".code-highlight");
   if (!t)
     throw new Error("No code element found");
-  Wo(t).catch(console.error);
+  Ro(t).catch(console.error);
 });
-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(
+const Se = document.querySelectorAll("[data-code-audit-iframe]"), Re = document.querySelector("#code-audit-dialog"), on = document.querySelector(".dialog-backdrop");
+Se.length > 0 && Re && on && (async () => {
+  const { auditCode: e } = await import("./html-validator-M0X8x6ag.js"), { show: t, close: n } = ys(Re, on);
+  Se.forEach((s) => s.addEventListener("click", async () => {
+    Se.forEach((r) => r.setAttribute("aria-expanded", "false")), s.setAttribute("disabled", ""), await e(s, Re, n), s.removeAttribute("disabled"), s.setAttribute("aria-expanded", "true"), await t(
       void 0,
       () => {
-        xe.forEach((r) => {
+        Se.forEach((r) => {
           r.setAttribute("aria-expanded", "false");
         });
       }
     );
   }));
 })();
-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 an = document.querySelector("#icon-search-input"), ln = document.querySelector("#icon-search-input-reset"), un = document.querySelector("#icon-search-list");
+an && un && ln && import("./icons-IQYIngUi.js").then(({ default: e }) => e(an, un, ln)).catch(console.error);
+const Vs = "data-clipboard-value", cn = document.querySelectorAll(`button[${Vs}]`);
+cn.length > 0 && import("./clipboard-CQ7U7_P0.js").then(({ default: e }) => e(cn, Vs)).catch(console.error);
+const fn = document.querySelectorAll(".markdown-container-folded");
+fn.length > 0 && fn.forEach((e) => {
   const t = e.querySelector(".markdown-container");
   if (!t)
     throw new Error("No markdown container found");
@@ -3435,7 +3337,7 @@ gn.length > 0 && gn.forEach((e) => {
   const s = e.querySelector(".markdown-show-more");
   if (!s)
     throw new Error("No show more button found");
-  const { $isOverflowingVertically: r } = jo(e), i = () => {
+  const { $isOverflowingVertically: r } = $o(e), i = () => {
     const a = t.scrollHeight > t.clientHeight;
     n.classList.toggle("hidden", !a);
   };
@@ -3453,17 +3355,17 @@ gn.length > 0 && gn.forEach((e) => {
     }, { duration: 0.5 }).then(() => n.classList.add("hidden"));
   });
 });
-let Ee;
+let xe;
 window.addEventListener("scroll", () => {
-  Ee && (clearTimeout(Ee), Ee = void 0), document.body.classList.contains("is-scrolling") || document.body.classList.add("is-scrolling"), Ee = setTimeout(() => {
+  xe && (clearTimeout(xe), xe = void 0), document.body.classList.contains("is-scrolling") || document.body.classList.add("is-scrolling"), xe = setTimeout(() => {
     document.body.classList.remove("is-scrolling");
   }, 250);
 });
-const yn = document.querySelector(".editor-select");
-yn && import("./editor-select-Bzw7rF0M.js").then(({ default: e }) => e(yn)).catch(console.error);
+const dn = document.querySelector(".editor-select");
+dn && import("./editor-select-Bzw7rF0M.js").then(({ default: e }) => e(dn)).catch(console.error);
 export {
   L as a,
-  Uo as b,
-  Wo as h,
+  Bo as b,
+  Ro as h,
   X as s
 };