@telegraph/tag 0.0.91 → 0.0.93

package/dist/esm/index.mjs

@@ -5,14 +5,14 @@ import { Stack as Ks } from "@telegraph/layout";
 import { Tooltip as $s } from "@telegraph/tooltip";
 import { Text as Ws } from "@telegraph/typography";
 import { clsx as js } from "clsx";
-import { Check as _s, Copy as zs, X as pn } from "lucide-react";
-import G, { createContext as ee, useRef as ce, useLayoutEffect as Gs, useEffect as ct, useState as Us, useContext as E, useMemo as Re, useCallback as Hs, useInsertionEffect as Ys, forwardRef as Xs, Fragment as mn, createElement as qs } from "react";
+import { X as pn, Check as _s, Copy as Gs } from "lucide-react";
+import G, { createContext as ee, useRef as ue, useLayoutEffect as zs, useEffect as ct, useState as Us, useContext as E, useMemo as De, useCallback as Hs, useInsertionEffect as Ys, forwardRef as Xs, Fragment as mn, createElement as qs } from "react";
 const Zs = ee({});
 function Js(e) {
-  const t = ce(null);
+  const t = ue(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const lt = typeof window < "u", Qs = lt ? Gs : ct, gn = /* @__PURE__ */ ee(null);
+const lt = typeof window < "u", Qs = lt ? zs : ct, gn = /* @__PURE__ */ ee(null);
 function ei(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -20,13 +20,13 @@ function ti(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const Y = (e, t, n) => n > t ? t : n < e ? e : n;
-let te = () => {
-}, W = () => {
+const H = (e, t, n) => n > t ? t : n < e ? e : n;
+let pe = () => {
+}, Y = () => {
 };
-process.env.NODE_ENV !== "production" && (te = (e, t) => {
+process.env.NODE_ENV !== "production" && (pe = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
-}, W = (e, t) => {
+}, Y = (e, t) => {
   if (!e)
     throw new Error(t);
 });
@@ -40,11 +40,11 @@ function ft(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const ne = /* @__NO_SIDE_EFFECTS__ */ (e) => e, si = (e, t) => (n) => t(e(n)), De = (...e) => e.reduce(si), Tn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const te = /* @__NO_SIDE_EFFECTS__ */ (e) => e, si = (e, t) => (n) => t(e(n)), Re = (...e) => e.reduce(si), vn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class vn {
+class Tn {
   constructor() {
     this.subscriptions = [];
   }
@@ -69,32 +69,32 @@ class vn {
     this.subscriptions.length = 0;
   }
 }
-const L = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, B = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+const N = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, B = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
 function wn(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
 const kt = /* @__PURE__ */ new Set();
-function Sn(e, t, n) {
+function Vn(e, t, n) {
   e || kt.has(t) || (console.warn(t), kt.add(t));
 }
-const Vn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ii = 1e-7, ri = 12;
+const Sn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ii = 1e-7, ri = 12;
 function oi(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = Vn(o, s, i) - e, r > 0 ? n = o : t = o;
+    o = t + (n - t) / 2, r = Sn(o, s, i) - e, r > 0 ? n = o : t = o;
   while (Math.abs(r) > ii && ++a < ri);
   return o;
 }
 function me(e, t, n, s) {
   if (e === t && n === s)
-    return ne;
+    return te;
   const i = (r) => oi(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Vn(i(r), t, s);
+  return (r) => r === 0 || r === 1 ? r : Sn(i(r), t, s);
 }
-const xn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, An = (e) => (t) => 1 - e(1 - t), Mn = /* @__PURE__ */ me(0.33, 1.53, 0.69, 0.99), dt = /* @__PURE__ */ An(Mn), Cn = /* @__PURE__ */ xn(dt), Pn = (e) => (e *= 2) < 1 ? 0.5 * dt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ht = (e) => 1 - Math.sin(Math.acos(e)), ai = An(ht), Fn = xn(ht), ui = /* @__PURE__ */ me(0.42, 0, 1, 1), ci = /* @__PURE__ */ me(0, 0, 0.58, 1), Rn = /* @__PURE__ */ me(0.42, 0, 0.58, 1), li = (e) => Array.isArray(e) && typeof e[0] != "number", Dn = (e) => Array.isArray(e) && typeof e[0] == "number", Lt = {
-  linear: ne,
+const xn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, An = (e) => (t) => 1 - e(1 - t), Mn = /* @__PURE__ */ me(0.33, 1.53, 0.69, 0.99), dt = /* @__PURE__ */ An(Mn), Cn = /* @__PURE__ */ xn(dt), Pn = (e) => (e *= 2) < 1 ? 0.5 * dt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), ht = (e) => 1 - Math.sin(Math.acos(e)), ai = An(ht), Fn = xn(ht), ui = /* @__PURE__ */ me(0.42, 0, 1, 1), ci = /* @__PURE__ */ me(0, 0, 0.58, 1), Dn = /* @__PURE__ */ me(0.42, 0, 0.58, 1), li = (e) => Array.isArray(e) && typeof e[0] != "number", Rn = (e) => Array.isArray(e) && typeof e[0] == "number", Nt = {
+  linear: te,
   easeIn: ui,
-  easeInOut: Rn,
+  easeInOut: Dn,
   easeOut: ci,
   circIn: ht,
   circInOut: Fn,
@@ -103,15 +103,15 @@ const xn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, An
   backInOut: Cn,
   backOut: Mn,
   anticipate: Pn
-}, fi = (e) => typeof e == "string", Nt = (e) => {
-  if (Dn(e)) {
-    W(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+}, fi = (e) => typeof e == "string", Lt = (e) => {
+  if (Rn(e)) {
+    Y(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, i] = e;
     return me(t, n, s, i);
   } else if (fi(e))
-    return W(Lt[e] !== void 0, `Invalid easing type '${e}'`), Lt[e];
+    return Y(Nt[e] !== void 0, `Invalid easing type '${e}'`), Nt[e];
   return e;
-}, Te = [
+}, ve = [
   "setup",
   // Compute
   "read",
@@ -174,41 +174,41 @@ function On(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = Te.reduce((g, x) => (g[x] = di(r), g), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: d, preRender: f, render: h, postRender: y } = o, b = () => {
+  }, r = () => n = !0, o = ve.reduce((g, x) => (g[x] = di(r), g), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: d, preRender: f, render: h, postRender: y } = o, b = () => {
     const g = K.useManualTiming ? i.timestamp : performance.now();
     n = !1, K.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, hi), 1)), i.timestamp = g, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), d.process(i), f.process(i), h.process(i), y.process(i), i.isProcessing = !1, n && t && (s = !1, e(b));
-  }, v = () => {
+  }, T = () => {
     n = !0, s = !0, i.isProcessing || e(b);
   };
-  return { schedule: Te.reduce((g, x) => {
-    const T = o[x];
-    return g[x] = (V, C = !1, w = !1) => (n || v(), T.schedule(V, C, w)), g;
+  return { schedule: ve.reduce((g, x) => {
+    const v = o[x];
+    return g[x] = (S, C = !1, w = !1) => (n || T(), v.schedule(S, C, w)), g;
   }, {}), cancel: (g) => {
-    for (let x = 0; x < Te.length; x++)
-      o[Te[x]].cancel(g);
+    for (let x = 0; x < ve.length; x++)
+      o[ve[x]].cancel(g);
   }, state: i, steps: o };
 }
-const { schedule: k, cancel: ze, state: xe, steps: qa } = /* @__PURE__ */ On(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ne, !0);
-let Se;
+const { schedule: k, cancel: ze, state: xe } = /* @__PURE__ */ On(typeof requestAnimationFrame < "u" ? requestAnimationFrame : te, !0);
+let Ve;
 function pi() {
-  Se = void 0;
+  Ve = void 0;
 }
 const I = {
-  now: () => (Se === void 0 && I.set(xe.isProcessing || K.useManualTiming ? xe.timestamp : performance.now()), Se),
+  now: () => (Ve === void 0 && I.set(xe.isProcessing || K.useManualTiming ? xe.timestamp : performance.now()), Ve),
   set: (e) => {
-    Se = e, queueMicrotask(pi);
+    Ve = e, queueMicrotask(pi);
   }
-}, In = (e) => (t) => typeof t == "string" && t.startsWith(e), En = /* @__PURE__ */ In("--"), mi = /* @__PURE__ */ In("var(--"), pt = (e) => mi(e) ? gi.test(e.split("/*")[0].trim()) : !1, gi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, se = {
+}, In = (e) => (t) => typeof t == "string" && t.startsWith(e), En = /* @__PURE__ */ In("--"), mi = /* @__PURE__ */ In("var(--"), pt = (e) => mi(e) ? gi.test(e.split("/*")[0].trim()) : !1, gi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ne = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, fe = {
-  ...se,
-  transform: (e) => Y(0, 1, e)
-}, ve = {
-  ...se,
+}, le = {
+  ...ne,
+  transform: (e) => H(0, 1, e)
+}, Te = {
+  ...ne,
   default: 1
-}, le = (e) => Math.round(e * 1e5) / 1e5, mt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, ce = (e) => Math.round(e * 1e5) / 1e5, mt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function yi(e) {
   return e == null;
 }
@@ -222,15 +222,15 @@ const bi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Ti = (e) => Y(0, 255, e), Be = {
-  ...se,
-  transform: (e) => Math.round(Ti(e))
-}, _ = {
+}, vi = (e) => H(0, 255, e), Be = {
+  ...ne,
+  transform: (e) => Math.round(vi(e))
+}, j = {
   test: /* @__PURE__ */ gt("rgb", "red"),
   parse: /* @__PURE__ */ kn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Be.transform(e) + ", " + Be.transform(t) + ", " + Be.transform(n) + ", " + le(fe.transform(s)) + ")"
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + Be.transform(e) + ", " + Be.transform(t) + ", " + Be.transform(n) + ", " + ce(le.transform(s)) + ")"
 };
-function vi(e) {
+function Ti(e) {
   let t = "", n = "", s = "", i = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
     red: parseInt(t, 16),
@@ -239,57 +239,57 @@ function vi(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Ge = {
+const Ue = {
   test: /* @__PURE__ */ gt("#"),
-  parse: vi,
-  transform: _.transform
+  parse: Ti,
+  transform: j.transform
 }, ge = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ ge("deg"), J = /* @__PURE__ */ ge("%"), m = /* @__PURE__ */ ge("px"), wi = /* @__PURE__ */ ge("vh"), Si = /* @__PURE__ */ ge("vw"), Bt = {
+}), $ = /* @__PURE__ */ ge("deg"), J = /* @__PURE__ */ ge("%"), m = /* @__PURE__ */ ge("px"), wi = /* @__PURE__ */ ge("vh"), Vi = /* @__PURE__ */ ge("vw"), Bt = {
   ...J,
   parse: (e) => J.parse(e) / 100,
   transform: (e) => J.transform(e * 100)
 }, q = {
   test: /* @__PURE__ */ gt("hsl", "hue"),
   parse: /* @__PURE__ */ kn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + J.transform(le(t)) + ", " + J.transform(le(n)) + ", " + le(fe.transform(s)) + ")"
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + J.transform(ce(t)) + ", " + J.transform(ce(n)) + ", " + ce(le.transform(s)) + ")"
 }, M = {
-  test: (e) => _.test(e) || Ge.test(e) || q.test(e),
-  parse: (e) => _.test(e) ? _.parse(e) : q.test(e) ? q.parse(e) : Ge.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? _.transform(e) : q.transform(e),
+  test: (e) => j.test(e) || Ue.test(e) || q.test(e),
+  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : Ue.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e),
   getAnimatableNone: (e) => {
     const t = M.parse(e);
     return t.alpha = 0, M.transform(t);
   }
-}, Vi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+}, Si = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function xi(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(mt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Vi)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(mt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Si)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Ln = "number", Nn = "color", Ai = "var", Mi = "var(", Kt = "${}", Ci = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function de(e) {
+const Nn = "number", Ln = "color", Ai = "var", Mi = "var(", Kt = "${}", Ci = /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 fe(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(Ci, (c) => (M.test(c) ? (s.color.push(r), i.push(Nn), n.push(M.parse(c))) : c.startsWith(Mi) ? (s.var.push(r), i.push(Ai), n.push(c)) : (s.number.push(r), i.push(Ln), n.push(parseFloat(c))), ++r, Kt)).split(Kt);
+  const a = t.replace(Ci, (c) => (M.test(c) ? (s.color.push(r), i.push(Ln), n.push(M.parse(c))) : c.startsWith(Mi) ? (s.var.push(r), i.push(Ai), n.push(c)) : (s.number.push(r), i.push(Nn), n.push(parseFloat(c))), ++r, Kt)).split(Kt);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Bn(e) {
-  return de(e).values;
+  return fe(e).values;
 }
 function Kn(e) {
-  const { split: t, types: n } = de(e), s = t.length;
+  const { split: t, types: n } = fe(e), s = t.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === Ln ? r += le(i[o]) : a === Nn ? r += M.transform(i[o]) : r += i[o];
+        a === Nn ? r += ce(i[o]) : a === Ln ? r += M.transform(i[o]) : r += i[o];
       }
     return r;
   };
@@ -299,7 +299,7 @@ function Fi(e) {
   const t = Bn(e);
   return Kn(e)(t.map(Pi));
 }
-const ie = {
+const se = {
   test: xi,
   parse: Bn,
   createTransformer: Kn,
@@ -308,7 +308,7 @@ const ie = {
 function Ke(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 Ri({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function Di({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!t)
@@ -330,29 +330,29 @@ function Ae(e, t) {
 const Oe = (e, t, n) => e + (t - e) * n, $e = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Di = [Ge, _, q], Oi = (e) => Di.find((t) => t.test(e));
+}, Ri = [Ue, j, q], Oi = (e) => Ri.find((t) => t.test(e));
 function $t(e) {
   const t = Oi(e);
-  if (te(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+  if (pe(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === q && (n = Ri(n)), n;
+  return t === q && (n = Di(n)), n;
 }
 const Wt = (e, t) => {
   const n = $t(e), s = $t(t);
   if (!n || !s)
     return Ae(e, t);
   const i = { ...n };
-  return (r) => (i.red = $e(n.red, s.red, r), i.green = $e(n.green, s.green, r), i.blue = $e(n.blue, s.blue, r), i.alpha = Oe(n.alpha, s.alpha, r), _.transform(i));
-}, Ue = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (r) => (i.red = $e(n.red, s.red, r), i.green = $e(n.green, s.green, r), i.blue = $e(n.blue, s.blue, r), i.alpha = Oe(n.alpha, s.alpha, r), j.transform(i));
+}, He = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Ii(e, t) {
-  return Ue.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return He.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function Ei(e, t) {
   return (n) => Oe(e, t, n);
 }
 function yt(e) {
-  return typeof e == "number" ? Ei : typeof e == "string" ? pt(e) ? Ae : M.test(e) ? Wt : Ni : Array.isArray(e) ? $n : typeof e == "object" ? M.test(e) ? Wt : ki : Ae;
+  return typeof e == "number" ? Ei : typeof e == "string" ? pt(e) ? Ae : M.test(e) ? Wt : Li : Array.isArray(e) ? $n : typeof e == "object" ? M.test(e) ? Wt : ki : Ae;
 }
 function $n(e, t) {
   const n = [...e], s = n.length, i = e.map((r, o) => yt(r)(r, t[o]));
@@ -372,7 +372,7 @@ function ki(e, t) {
     return n;
   };
 }
-function Li(e, t) {
+function Ni(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < t.values.length; i++) {
     const r = t.types[i], o = e.indexes[r][s[r]], a = e.values[o] ?? 0;
@@ -380,9 +380,9 @@ function Li(e, t) {
   }
   return n;
 }
-const Ni = (e, t) => {
-  const n = ie.createTransformer(t), s = de(e), i = de(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ue.has(e) && !i.values.length || Ue.has(t) && !s.values.length ? Ii(e, t) : De($n(Li(s, i), i.values), n) : (te(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ae(e, t));
+const Li = (e, t) => {
+  const n = se.createTransformer(t), s = fe(e), i = fe(t);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? He.has(e) && !i.values.length || He.has(t) && !s.values.length ? Ii(e, t) : Re($n(Ni(s, i), i.values), n) : (pe(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ae(e, t));
 };
 function Wn(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Oe(e, t, n) : yt(e)(e, t);
@@ -454,26 +454,26 @@ const A = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, jt = 1e-3;
+}, We = 1e-3;
 function Wi({ duration: e = A.duration, bounce: t = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
   let i, r;
-  te(e <= /* @__PURE__ */ L(A.maxDuration), "Spring duration must be 10 seconds or less");
+  pe(e <= /* @__PURE__ */ N(A.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = Y(A.minDamping, A.maxDamping, o), e = Y(A.minDuration, A.maxDuration, /* @__PURE__ */ B(e)), o < 1 ? (i = (l) => {
-    const u = l * o, d = u * e, f = u - n, h = He(l, o), y = Math.exp(-d);
-    return jt - f / h * y;
+  o = H(A.minDamping, A.maxDamping, o), e = H(A.minDuration, A.maxDuration, /* @__PURE__ */ B(e)), o < 1 ? (i = (l) => {
+    const u = l * o, d = u * e, f = u - n, h = Ye(l, o), y = Math.exp(-d);
+    return We - f / h * y;
   }, r = (l) => {
-    const d = l * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * e, y = Math.exp(-d), b = He(Math.pow(l, 2), o);
-    return (-i(l) + jt > 0 ? -1 : 1) * ((f - h) * y) / b;
+    const d = l * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * e, y = Math.exp(-d), b = Ye(Math.pow(l, 2), o);
+    return (-i(l) + We > 0 ? -1 : 1) * ((f - h) * y) / b;
   }) : (i = (l) => {
     const u = Math.exp(-l * e), d = (l - n) * e + 1;
-    return -1e-3 + u * d;
+    return -We + u * d;
   }, r = (l) => {
     const u = Math.exp(-l * e), d = (n - l) * (e * e);
     return u * d;
   });
   const a = 5 / e, c = _i(i, r, a);
-  if (e = /* @__PURE__ */ L(e), isNaN(c))
+  if (e = /* @__PURE__ */ N(e), isNaN(c))
     return {
       stiffness: A.stiffness,
       damping: A.damping,
@@ -495,11 +495,11 @@ function _i(e, t, n) {
     s = s - e(s) / t(s);
   return s;
 }
-function He(e, t) {
+function Ye(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const zi = ["duration", "bounce"], Gi = ["stiffness", "damping", "mass"];
-function _t(e, t) {
+const Gi = ["duration", "bounce"], zi = ["stiffness", "damping", "mass"];
+function jt(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function Ui(e) {
@@ -511,9 +511,9 @@ function Ui(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!_t(e, Gi) && _t(e, zi))
+  if (!jt(e, zi) && jt(e, Gi))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * H(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
         ...t,
         mass: A.mass,
@@ -540,41 +540,41 @@ function Ce(e = A.visualDuration, t = A.bounce) {
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: l, mass: u, duration: d, velocity: f, isResolvedFromDuration: h } = Ui({
     ...n,
     velocity: -/* @__PURE__ */ B(n.velocity || 0)
-  }), y = f || 0, b = l / (2 * Math.sqrt(c * u)), v = o - r, p = /* @__PURE__ */ B(Math.sqrt(c / u)), S = Math.abs(v) < 5;
-  s || (s = S ? A.restSpeed.granular : A.restSpeed.default), i || (i = S ? A.restDelta.granular : A.restDelta.default);
+  }), y = f || 0, b = l / (2 * Math.sqrt(c * u)), T = o - r, p = /* @__PURE__ */ B(Math.sqrt(c / u)), V = Math.abs(T) < 5;
+  s || (s = V ? A.restSpeed.granular : A.restSpeed.default), i || (i = V ? A.restDelta.granular : A.restDelta.default);
   let g;
   if (b < 1) {
-    const T = He(p, b);
-    g = (V) => {
-      const C = Math.exp(-b * p * V);
-      return o - C * ((y + b * p * v) / T * Math.sin(T * V) + v * Math.cos(T * V));
+    const v = Ye(p, b);
+    g = (S) => {
+      const C = Math.exp(-b * p * S);
+      return o - C * ((y + b * p * T) / v * Math.sin(v * S) + T * Math.cos(v * S));
     };
   } else if (b === 1)
-    g = (T) => o - Math.exp(-p * T) * (v + (y + p * v) * T);
+    g = (v) => o - Math.exp(-p * v) * (T + (y + p * T) * v);
   else {
-    const T = p * Math.sqrt(b * b - 1);
-    g = (V) => {
-      const C = Math.exp(-b * p * V), w = Math.min(T * V, 300);
-      return o - C * ((y + b * p * v) * Math.sinh(w) + T * v * Math.cosh(w)) / T;
+    const v = p * Math.sqrt(b * b - 1);
+    g = (S) => {
+      const C = Math.exp(-b * p * S), w = Math.min(v * S, 300);
+      return o - C * ((y + b * p * T) * Math.sinh(w) + v * T * Math.cosh(w)) / v;
     };
   }
   const x = {
     calculatedDuration: h && d || null,
-    next: (T) => {
-      const V = g(T);
+    next: (v) => {
+      const S = g(v);
       if (h)
-        a.done = T >= d;
+        a.done = v >= d;
       else {
-        let C = T === 0 ? y : 0;
-        b < 1 && (C = T === 0 ? /* @__PURE__ */ L(y) : _n(g, T, V));
-        const w = Math.abs(C) <= s, D = Math.abs(o - V) <= i;
-        a.done = w && D;
+        let C = v === 0 ? y : 0;
+        b < 1 && (C = v === 0 ? /* @__PURE__ */ N(y) : _n(g, v, S));
+        const w = Math.abs(C) <= s, R = Math.abs(o - S) <= i;
+        a.done = w && R;
       }
-      return a.value = a.done ? o : V, a;
+      return a.value = a.done ? o : S, a;
     },
     toString: () => {
-      const T = Math.min(bt(x), Me), V = jn((C) => x.next(T * C).value, T, 30);
-      return T + "ms " + V;
+      const v = Math.min(bt(x), Me), S = jn((C) => x.next(v * C).value, v, 30);
+      return v + "ms " + S;
     },
     toTransition: () => {
     }
@@ -583,23 +583,23 @@ function Ce(e = A.visualDuration, t = A.bounce) {
 }
 Ce.applyToOptions = (e) => {
   const t = Ki(e, 100, Ce);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ L(t.duration), e.type = "keyframes", e;
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ N(t.duration), e.type = "keyframes", e;
 };
-function Ye({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: c, restDelta: l = 0.5, restSpeed: u }) {
+function Xe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: c, restDelta: l = 0.5, restSpeed: u }) {
   const d = e[0], f = {
     done: !1,
     value: d
   }, h = (w) => a !== void 0 && w < a || c !== void 0 && w > c, y = (w) => a === void 0 ? c : c === void 0 || Math.abs(a - w) < Math.abs(c - w) ? a : c;
   let b = n * t;
-  const v = d + b, p = o === void 0 ? v : o(v);
-  p !== v && (b = p - d);
-  const S = (w) => -b * Math.exp(-w / s), g = (w) => p + S(w), x = (w) => {
-    const D = S(w), O = g(w);
-    f.done = Math.abs(D) <= l, f.value = f.done ? p : O;
+  const T = d + b, p = o === void 0 ? T : o(T);
+  p !== T && (b = p - d);
+  const V = (w) => -b * Math.exp(-w / s), g = (w) => p + V(w), x = (w) => {
+    const R = V(w), O = g(w);
+    f.done = Math.abs(R) <= l, f.value = f.done ? p : O;
   };
-  let T, V;
+  let v, S;
   const C = (w) => {
-    h(f.value) && (T = w, V = Ce({
+    h(f.value) && (v = w, S = Ce({
       keyframes: [f.value, y(f.value)],
       velocity: _n(g, w, f.value),
       // TODO: This should be passing * 1000
@@ -612,8 +612,8 @@ function Ye({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   return C(0), {
     calculatedDuration: null,
     next: (w) => {
-      let D = !1;
-      return !V && T === void 0 && (D = !0, x(w), C(w)), T !== void 0 && w >= T ? V.next(w - T) : (!D && x(w), f);
+      let R = !1;
+      return !S && v === void 0 && (R = !0, x(w), C(w)), v !== void 0 && w >= v ? S.next(w - v) : (!R && x(w), f);
     }
   };
 }
@@ -622,8 +622,8 @@ function Hi(e, t, n) {
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
-      const c = Array.isArray(t) ? t[o] || ne : t;
-      a = De(c, a);
+      const c = Array.isArray(t) ? t[o] || te : t;
+      a = Re(c, a);
     }
     s.push(a);
   }
@@ -631,7 +631,7 @@ function Hi(e, t, n) {
 }
 function Yi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
-  if (W(r === t.length, "Both input and output ranges must be the same length"), r === 1)
+  if (Y(r === t.length, "Both input and output ranges must be the same length"), r === 1)
     return () => t[0];
   if (r === 2 && t[0] === t[1])
     return () => t[1];
@@ -644,15 +644,15 @@ function Yi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
     if (c > 1)
       for (; d < e.length - 2 && !(u < e[d + 1]); d++)
         ;
-    const f = /* @__PURE__ */ Tn(e[d], e[d + 1], u);
+    const f = /* @__PURE__ */ vn(e[d], e[d + 1], u);
     return a[d](f);
   };
-  return n ? (u) => l(Y(e[0], e[r - 1], u)) : l;
+  return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
 }
 function Xi(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const i = /* @__PURE__ */ Tn(0, t, s);
+    const i = /* @__PURE__ */ vn(0, t, s);
     e.push(Oe(n, 1, i));
   }
 }
@@ -664,10 +664,10 @@ function Zi(e, t) {
   return e.map((n) => n * t);
 }
 function Ji(e, t) {
-  return e.map(() => t || Rn).splice(0, e.length - 1);
+  return e.map(() => t || Dn).splice(0, e.length - 1);
 }
 function Z({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = li(s) ? s.map(Nt) : Nt(s), r = {
+  const i = li(s) ? s.map(Lt) : Lt(s), r = {
     done: !1,
     value: t[0]
   }, o = Zi(
@@ -684,21 +684,21 @@ function Z({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" })
   };
 }
 const Qi = (e) => e !== null;
-function Tt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
+function vt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
   const r = e.filter(Qi), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return !a || s === void 0 ? r[a] : s;
 }
 const er = {
-  decay: Ye,
-  inertia: Ye,
+  decay: Xe,
+  inertia: Xe,
   tween: Z,
   keyframes: Z,
   spring: Ce
 };
-function zn(e) {
+function Gn(e) {
   typeof e.type == "string" && (e.type = er[e.type]);
 }
-class vt {
+class Tt {
   constructor() {
     this.updateFinished();
   }
@@ -723,7 +723,7 @@ class vt {
   }
 }
 const tr = (e) => e / 100;
-class wt extends vt {
+class wt extends Tt {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, i;
@@ -733,11 +733,11 @@ class wt extends vt {
   }
   initAnimation() {
     const { options: t } = this;
-    zn(t);
+    Gn(t);
     const { type: n = Z, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const c = n || Z;
-    process.env.NODE_ENV !== "production" && c !== Z && W(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== Z && typeof a[0] != "number" && (this.mixKeyframes = De(tr, Wn(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Z && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== Z && typeof a[0] != "number" && (this.mixKeyframes = Re(tr, Wn(a[0], a[1])), a = [0, 100]);
     const l = c({ ...t, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
       ...t,
@@ -755,22 +755,22 @@ class wt extends vt {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: l = 0, keyframes: u, repeat: d, repeatType: f, repeatDelay: h, type: y, onUpdate: b, finalKeyframe: v } = this.options;
+    const { delay: l = 0, keyframes: u, repeat: d, repeatType: f, repeatDelay: h, type: y, onUpdate: b, finalKeyframe: T } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
-    const p = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? p < 0 : p > i;
+    const p = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), V = this.playbackSpeed >= 0 ? p < 0 : p > i;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let g = this.currentTime, x = s;
     if (d) {
       const w = Math.min(this.currentTime, i) / a;
-      let D = Math.floor(w), O = w % 1;
-      !O && w >= 1 && (O = 1), O === 1 && D--, D = Math.min(D, d + 1), !!(D % 2) && (f === "reverse" ? (O = 1 - O, h && (O -= h / a)) : f === "mirror" && (x = o)), g = Y(0, 1, O) * a;
+      let R = Math.floor(w), O = w % 1;
+      !O && w >= 1 && (O = 1), O === 1 && R--, R = Math.min(R, d + 1), !!(R % 2) && (f === "reverse" ? (O = 1 - O, h && (O -= h / a)) : f === "mirror" && (x = o)), g = H(0, 1, O) * a;
     }
-    const T = S ? { done: !1, value: u[0] } : x.next(g);
-    r && (T.value = r(T.value));
-    let { done: V } = T;
-    !S && c !== null && (V = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
-    const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
-    return C && y !== Ye && (T.value = Tt(u, this.options, v, this.speed)), b && b(T.value), C && this.finish(), T;
+    const v = V ? { done: !1, value: u[0] } : x.next(g);
+    r && (v.value = r(v.value));
+    let { done: S } = v;
+    !V && c !== null && (S = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
+    return C && y !== Xe && (v.value = vt(u, this.options, T, this.speed)), b && b(v.value), C && this.finish(), v;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -788,7 +788,7 @@ class wt extends vt {
   }
   set time(t) {
     var n;
-    t = /* @__PURE__ */ L(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), (n = this.driver) == null || n.start(!1);
+    t = /* @__PURE__ */ N(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), (n = this.driver) == null || n.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
@@ -839,9 +839,9 @@ function nr(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const z = (e) => e * 180 / Math.PI, Xe = (e) => {
-  const t = z(Math.atan2(e[1], e[0]));
-  return qe(t);
+const _ = (e) => e * 180 / Math.PI, qe = (e) => {
+  const t = _(Math.atan2(e[1], e[0]));
+  return Ze(t);
 }, sr = {
   x: 4,
   y: 5,
@@ -850,12 +850,12 @@ const z = (e) => e * 180 / Math.PI, Xe = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: Xe,
-  rotateZ: Xe,
-  skewX: (e) => z(Math.atan(e[1])),
-  skewY: (e) => z(Math.atan(e[2])),
+  rotate: qe,
+  rotateZ: qe,
+  skewX: (e) => _(Math.atan(e[1])),
+  skewY: (e) => _(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, qe = (e) => (e = e % 360, e < 0 && (e += 360), e), zt = Xe, Gt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Ut = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), ir = {
+}, Ze = (e) => (e = e % 360, e < 0 && (e += 360), e), _t = qe, Gt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), zt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), ir = {
   x: 12,
   y: 13,
   z: 14,
@@ -863,22 +863,22 @@ const z = (e) => e * 180 / Math.PI, Xe = (e) => {
   translateY: 13,
   translateZ: 14,
   scaleX: Gt,
-  scaleY: Ut,
-  scale: (e) => (Gt(e) + Ut(e)) / 2,
-  rotateX: (e) => qe(z(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => qe(z(Math.atan2(-e[2], e[0]))),
-  rotateZ: zt,
-  rotate: zt,
-  skewX: (e) => z(Math.atan(e[4])),
-  skewY: (e) => z(Math.atan(e[1])),
+  scaleY: zt,
+  scale: (e) => (Gt(e) + zt(e)) / 2,
+  rotateX: (e) => Ze(_(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => Ze(_(Math.atan2(-e[2], e[0]))),
+  rotateZ: _t,
+  rotate: _t,
+  skewX: (e) => _(Math.atan(e[4])),
+  skewY: (e) => _(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function Ze(e) {
+function Je(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function Je(e, t) {
+function Qe(e, t) {
   if (!e || e === "none")
-    return Ze(t);
+    return Je(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
@@ -888,18 +888,18 @@ function Je(e, t) {
     s = sr, i = a;
   }
   if (!i)
-    return Ze(t);
+    return Je(t);
   const r = s[t], o = i[1].split(",").map(or);
   return typeof r == "function" ? r(o) : o[r];
 }
 const rr = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return Je(n, t);
+  return Qe(n, t);
 };
 function or(e) {
   return parseFloat(e.trim());
 }
-const re = [
+const ie = [
   "transformPerspective",
   "x",
   "y",
@@ -917,7 +917,7 @@ const re = [
   "skew",
   "skewX",
   "skewY"
-], oe = new Set(re), Ht = (e) => e === se || e === m, ar = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = re.filter((e) => !ar.has(e));
+], re = new Set(ie), Ut = (e) => e === ne || e === m, ar = /* @__PURE__ */ new Set(["x", "y", "z"]), ur = ie.filter((e) => !ar.has(e));
 function cr(e) {
   const t = [];
   return ur.forEach((n) => {
@@ -925,7 +925,7 @@ function cr(e) {
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const U = {
+const z = {
   // 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),
@@ -934,16 +934,16 @@ const U = {
   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 }) => Je(t, "x"),
-  y: (e, { transform: t }) => Je(t, "y")
+  x: (e, { transform: t }) => Qe(t, "x"),
+  y: (e, { transform: t }) => Qe(t, "y")
 };
-U.translateX = U.x;
-U.translateY = U.y;
-const H = /* @__PURE__ */ new Set();
-let Qe = !1, et = !1, tt = !1;
-function Gn() {
-  if (et) {
-    const e = Array.from(H).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+z.translateX = z.x;
+z.translateY = z.y;
+const U = /* @__PURE__ */ new Set();
+let et = !1, tt = !1, nt = !1;
+function zn() {
+  if (tt) {
+    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 i = cr(s);
       i.length && (n.set(s, i), s.render());
@@ -958,22 +958,22 @@ function Gn() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  et = !1, Qe = !1, H.forEach((e) => e.complete(tt)), H.clear();
+  tt = !1, et = !1, U.forEach((e) => e.complete(nt)), U.clear();
 }
 function Un() {
-  H.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (et = !0);
+  U.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (tt = !0);
   });
 }
 function lr() {
-  tt = !0, Un(), Gn(), tt = !1;
+  nt = !0, Un(), zn(), nt = !1;
 }
-class St {
+class Vt {
   constructor(t, n, s, i, r, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (H.add(this), Qe || (Qe = !0, k.read(Un), k.resolveKeyframes(Gn))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (U.add(this), et || (et = !0, k.read(Un), k.resolveKeyframes(zn))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -998,10 +998,10 @@ class St {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), H.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), U.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (H.delete(this), this.state = "pending");
+    this.state === "scheduled" && (U.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -1023,20 +1023,20 @@ const Hn = /* @__PURE__ */ mr(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), ue = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Yt = {
+}, "linearEasing"), ae = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Ht = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ ue([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ ue([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ ue([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ ue([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ ae([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ ae([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ ae([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ ae([0.33, 1.53, 0.69, 0.99])
 };
 function Yn(e, t) {
   if (e)
-    return typeof e == "function" ? Hn() ? jn(e, t) : "ease-out" : Dn(e) ? ue(e) : Array.isArray(e) ? e.map((n) => Yn(n, t) || Yt.easeOut) : Yt[e];
+    return typeof e == "function" ? Hn() ? jn(e, t) : "ease-out" : Rn(e) ? ae(e) : Array.isArray(e) ? e.map((n) => Yn(n, t) || Ht.easeOut) : Ht[e];
 }
 function gr(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
   const u = {
@@ -1061,16 +1061,16 @@ function Xn(e) {
 function yr({ type: e, ...t }) {
   return Xn(e) && Hn() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class br extends vt {
+class br extends Tt {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, W(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, Y(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
     const l = yr(t);
     this.animation = gr(n, s, i, l, r), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
-        const u = Tt(i, this.options, a, this.speed);
+        const u = vt(i, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(u) : dr(n, s, u), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
@@ -1124,7 +1124,7 @@ class br extends vt {
     return /* @__PURE__ */ B(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ L(t);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ N(t);
   }
   /**
    * The playback speed of the animation.
@@ -1150,7 +1150,7 @@ class br extends vt {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && hr() ? (this.animation.timeline = t, ne) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && hr() ? (this.animation.timeline = t, te) : n(this);
   }
 }
 const qn = {
@@ -1158,16 +1158,16 @@ const qn = {
   backInOut: Cn,
   circInOut: Fn
 };
-function Tr(e) {
+function vr(e) {
   return e in qn;
 }
-function vr(e) {
-  typeof e.ease == "string" && Tr(e.ease) && (e.ease = qn[e.ease]);
+function Tr(e) {
+  typeof e.ease == "string" && vr(e.ease) && (e.ease = qn[e.ease]);
 }
-const Xt = 10;
+const Yt = 10;
 class wr extends br {
   constructor(t) {
-    vr(t), zn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Tr(t), Gn(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1188,14 +1188,14 @@ class wr extends br {
     const a = new wt({
       ...o,
       autoplay: !1
-    }), c = /* @__PURE__ */ L(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(c - Xt).value, a.sample(c).value, Xt), a.stop();
+    }), c = /* @__PURE__ */ N(this.finishedTime ?? this.time);
+    n.setWithVelocity(a.sample(c - Yt).value, a.sample(c).value, Yt), a.stop();
   }
 }
-const qt = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(ie.test(e) || e === "0") && // And it contains numbers and/or colors
+const Xt = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(se.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function Sr(e) {
+function Vr(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1203,14 +1203,14 @@ function Sr(e) {
     if (e[n] !== t)
       return !0;
 }
-function Vr(e, t, n, s) {
+function Sr(e, t, n, s) {
   const i = e[0];
   if (i === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const r = e[e.length - 1], o = qt(i, t), a = qt(r, t);
-  return te(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Sr(e) || (n === "spring" || Xn(n)) && s;
+  const r = e[e.length - 1], o = Xt(i, t), a = Xt(r, t);
+  return pe(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Vr(e) || (n === "spring" || Xn(n)) && s;
 }
 function Zn(e) {
   return ni(e) && "offsetHeight" in e;
@@ -1236,12 +1236,12 @@ function Mr(e) {
   !a && !s && i !== "mirror" && r !== 0 && o !== "inertia";
 }
 const Cr = 40;
-class Pr extends vt {
+class Pr extends Tt {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: l, element: u, ...d }) {
     var y;
     super(), this.stop = () => {
-      var b, v;
-      this._animation && (this._animation.stop(), (b = this.stopTimeline) == null || b.call(this)), (v = this.keyframeResolver) == null || v.cancel();
+      var b, T;
+      this._animation && (this._animation.stop(), (b = this.stopTimeline) == null || b.call(this)), (T = this.keyframeResolver) == null || T.cancel();
     }, this.createdAt = I.now();
     const f = {
       autoplay: t,
@@ -1254,13 +1254,13 @@ class Pr extends vt {
       motionValue: l,
       element: u,
       ...d
-    }, h = (u == null ? void 0 : u.KeyframeResolver) || St;
-    this.keyframeResolver = new h(a, (b, v, p) => this.onKeyframesResolved(b, v, f, !p), c, l, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
+    }, h = (u == null ? void 0 : u.KeyframeResolver) || Vt;
+    this.keyframeResolver = new h(a, (b, T, p) => this.onKeyframesResolved(b, T, f, !p), c, l, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: l, onUpdate: u } = s;
-    this.resolvedAt = I.now(), Vr(t, r, o, a) || ((K.instantAnimations || !c) && (u == null || u(Tt(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
+    this.resolvedAt = I.now(), Sr(t, r, o, a) || ((K.instantAnimations || !c) && (u == null || u(vt(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Cr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1270,7 +1270,7 @@ class Pr extends vt {
       ...f,
       element: f.motionValue.owner.current
     }) : new wt(f);
-    h.finished.then(() => this.notifyFinished()).catch(ne), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    h.finished.then(() => this.notifyFinished()).catch(te), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1325,17 +1325,17 @@ const Fr = (
   // 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 Rr(e) {
+function Dr(e) {
   const t = Fr.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const Dr = 4;
+const Rr = 4;
 function Jn(e, t, n = 1) {
-  W(n <= Dr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, i] = Rr(e);
+  Y(n <= Rr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [s, i] = Dr(e);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
@@ -1355,11 +1355,11 @@ const es = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...re
+  ...ie
 ]), Or = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ts = (e) => (t) => t.test(e), ns = [se, m, J, $, Si, wi, Or], Zt = (e) => ns.find(ts(e));
+}, ts = (e) => (t) => t.test(e), ns = [ne, m, J, $, Vi, wi, Or], qt = (e) => ns.find(ts(e));
 function Ir(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || bn(e) : !0;
 }
@@ -1375,24 +1375,24 @@ function kr(e) {
   let r = Er.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const Lr = /\b([a-z-]*)\(.*?\)/gu, nt = {
-  ...ie,
+const Nr = /\b([a-z-]*)\(.*?\)/gu, st = {
+  ...se,
   getAnimatableNone: (e) => {
-    const t = e.match(Lr);
+    const t = e.match(Nr);
     return t ? t.map(kr).join(" ") : e;
   }
-}, Jt = {
-  ...se,
+}, Zt = {
+  ...ne,
   transform: Math.round
-}, Nr = {
+}, Lr = {
   rotate: $,
   rotateX: $,
   rotateY: $,
   rotateZ: $,
-  scale: ve,
-  scaleX: ve,
-  scaleY: ve,
-  scaleZ: ve,
+  scale: Te,
+  scaleX: Te,
+  scaleY: Te,
+  scaleZ: Te,
   skew: $,
   skewX: $,
   skewY: $,
@@ -1405,11 +1405,11 @@ const Lr = /\b([a-z-]*)\(.*?\)/gu, nt = {
   z: m,
   perspective: m,
   transformPerspective: m,
-  opacity: fe,
+  opacity: le,
   originX: Bt,
   originY: Bt,
   originZ: m
-}, Vt = {
+}, St = {
   // Border props
   borderWidth: m,
   borderTopWidth: m,
@@ -1445,14 +1445,14 @@ const Lr = /\b([a-z-]*)\(.*?\)/gu, nt = {
   // Misc
   backgroundPositionX: m,
   backgroundPositionY: m,
-  ...Nr,
-  zIndex: Jt,
+  ...Lr,
+  zIndex: Zt,
   // SVG
-  fillOpacity: fe,
-  strokeOpacity: fe,
-  numOctaves: Jt
+  fillOpacity: le,
+  strokeOpacity: le,
+  numOctaves: Zt
 }, Br = {
-  ...Vt,
+  ...St,
   // Color props
   color: M,
   backgroundColor: M,
@@ -1465,25 +1465,25 @@ const Lr = /\b([a-z-]*)\(.*?\)/gu, nt = {
   borderRightColor: M,
   borderBottomColor: M,
   borderLeftColor: M,
-  filter: nt,
-  WebkitFilter: nt
+  filter: st,
+  WebkitFilter: st
 }, ss = (e) => Br[e];
 function is(e, t) {
   let n = ss(e);
-  return n !== nt && (n = ie), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  return n !== st && (n = se), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const Kr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function $r(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !Kr.has(r) && de(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !Kr.has(r) && fe(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
       e[r] = is(n, i);
 }
-class Wr extends St {
+class Wr extends Vt {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1501,14 +1501,14 @@ class Wr extends St {
     }
     if (this.resolveNoneKeyframes(), !es.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = Zt(i), a = Zt(r);
+    const [i, r] = t, o = qt(i), a = qt(r);
     if (o !== a)
-      if (Ht(o) && Ht(a))
+      if (Ut(o) && Ut(a))
         for (let c = 0; c < t.length; c++) {
           const l = t[c];
           typeof l == "string" && (t[c] = parseFloat(l));
         }
-      else U[s] && (this.needsMeasurement = !0);
+      else z[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
@@ -1520,7 +1520,7 @@ class Wr extends St {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = U[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = z[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && t.getValue(s, i).jump(i, !1);
   }
@@ -1532,7 +1532,7 @@ class Wr extends St {
     const i = t.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const r = s.length - 1, o = s[r];
-    s[r] = U[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, l]) => {
+    s[r] = z[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, l]) => {
       t.getValue(c).set(l);
     }), this.resolveNoneKeyframes();
   }
@@ -1541,13 +1541,14 @@ function jr(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
-    const i = document.querySelectorAll(e);
+    let s = document;
+    const i = (n == null ? void 0 : n[e]) ?? s.querySelectorAll(e);
     return i ? Array.from(i) : [];
   }
   return Array.from(e);
 }
-const rs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Qt = 30, _r = (e) => !isNaN(parseFloat(e));
-class zr {
+const rs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Jt = 30, _r = (e) => !isNaN(parseFloat(e));
+class Gr {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1611,10 +1612,10 @@ class zr {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && Sn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && Vn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new vn());
+    this.events[t] || (this.events[t] = new Tn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), k.read(() => {
@@ -1695,9 +1696,9 @@ class zr {
    */
   getVelocity() {
     const t = I.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Qt)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > Jt)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Qt);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Jt);
     return wn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -1751,10 +1752,9 @@ class zr {
   }
 }
 function Pe(e, t) {
-  return new zr(e, t);
+  return new Gr(e, t);
 }
-const { schedule: Gr, cancel: Za } = /* @__PURE__ */ On(queueMicrotask, !1), Ur = {
-  x: !1,
+const { schedule: zr } = /* @__PURE__ */ On(queueMicrotask, !1), Ur = {
   y: !1
 };
 function Hr() {
@@ -1768,18 +1768,18 @@ function os(e, t) {
   };
   return [n, i, () => s.abort()];
 }
-function en(e) {
+function Qt(e) {
   return !(e.pointerType === "touch" || Hr());
 }
 function Yr(e, t, n = {}) {
   const [s, i, r] = os(e, n), o = (a) => {
-    if (!en(a))
+    if (!Qt(a))
       return;
     const { target: c } = a, l = t(c, a);
     if (typeof l != "function" || !c)
       return;
     const u = (d) => {
-      en(d) && (l(d), c.removeEventListener("pointerleave", u));
+      Qt(d) && (l(d), c.removeEventListener("pointerleave", u));
     };
     c.addEventListener("pointerleave", u, i);
   };
@@ -1797,41 +1797,41 @@ const as = (e, t) => t ? e === t ? !0 : as(e, t.parentElement) : !1, Xr = (e) =>
 function Zr(e) {
   return qr.has(e.tagName) || e.tabIndex !== -1;
 }
-const Ve = /* @__PURE__ */ new WeakSet();
-function tn(e) {
+const Se = /* @__PURE__ */ new WeakSet();
+function en(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function We(e, t) {
+function je(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
 const Jr = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = tn(() => {
-    if (Ve.has(n))
+  const s = en(() => {
+    if (Se.has(n))
       return;
-    We(n, "down");
-    const i = tn(() => {
-      We(n, "up");
-    }), r = () => We(n, "cancel");
+    je(n, "down");
+    const i = en(() => {
+      je(n, "up");
+    }), r = () => je(n, "cancel");
     n.addEventListener("keyup", i, t), n.addEventListener("blur", r, t);
   });
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
-function nn(e) {
+function tn(e) {
   return Xr(e) && !0;
 }
 function Qr(e, t, n = {}) {
   const [s, i, r] = os(e, n), o = (a) => {
     const c = a.currentTarget;
-    if (!nn(a))
+    if (!tn(a))
       return;
-    Ve.add(c);
+    Se.add(c);
     const l = t(c, a), u = (h, y) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Ve.has(c) && Ve.delete(c), nn(h) && typeof l == "function" && l(h, { success: y });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Se.has(c) && Se.delete(c), tn(h) && typeof l == "function" && l(h, { success: y });
     }, d = (h) => {
       u(h, c === window || c === document || n.useGlobalTarget || as(c, h.target));
     }, f = (h) => {
@@ -1843,11 +1843,11 @@ function Qr(e, t, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), Zn(a) && (a.addEventListener("focus", (l) => Jr(l, i)), !Zr(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const R = (e) => !!(e && e.getVelocity), eo = [...ns, M, ie], to = (e) => eo.find(ts(e)), us = ee({
+const D = (e) => !!(e && e.getVelocity), eo = [...ns, M, se], to = (e) => eo.find(ts(e)), us = ee({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), xt = ee({ strict: !1 }), sn = {
+}), xt = ee({ strict: !1 }), nn = {
   animation: [
     "animate",
     "variants",
@@ -1867,11 +1867,11 @@ const R = (e) => !!(e && e.getVelocity), eo = [...ns, M, ie], to = (e) => eo.fin
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, Q = {};
-for (const e in sn)
+for (const e in nn)
   Q[e] = {
-    isEnabled: (t) => sn[e].some((n) => !!t[n])
+    isEnabled: (t) => nn[e].some((n) => !!t[n])
   };
-function st(e) {
+function sn(e) {
   for (const t in e)
     Q[t] = {
       ...Q[t],
@@ -1879,18 +1879,18 @@ function st(e) {
     };
 }
 function no({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = Us(!je(t)), i = ce(void 0);
-  if (!je(t)) {
+  const [, s] = Us(!_e(t)), i = ue(void 0);
+  if (!_e(t)) {
     const { renderer: r, ...o } = t;
-    i.current = r, st(o);
+    i.current = r, sn(o);
   }
   return ct(() => {
-    je(t) && t().then(({ renderer: r, ...o }) => {
-      st(o), i.current = r, s(!0);
+    _e(t) && t().then(({ renderer: r, ...o }) => {
+      sn(o), i.current = r, s(!0);
     });
   }, []), F(xt.Provider, { value: { renderer: i.current, strict: n }, children: e });
 }
-function je(e) {
+function _e(e) {
   return typeof e == "function";
 }
 const so = /* @__PURE__ */ new Set([
@@ -1947,7 +1947,7 @@ const Ie = /* @__PURE__ */ ee({});
 function Ee(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function he(e) {
+function de(e) {
   return typeof e == "string" || Array.isArray(e);
 }
 const At = [
@@ -1960,7 +1960,7 @@ const At = [
   "exit"
 ], Mt = ["initial", ...At];
 function ke(e) {
-  return Ee(e.animate) || Mt.some((t) => he(e[t]));
+  return Ee(e.animate) || Mt.some((t) => de(e[t]));
 }
 function ls(e) {
   return !!(ke(e) || e.variants);
@@ -1969,15 +1969,15 @@ function oo(e, t) {
   if (ke(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || he(n) ? n : void 0,
-      animate: he(s) ? s : void 0
+      initial: n === !1 || de(n) ? n : void 0,
+      animate: de(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
 }
 function ao(e) {
   const { initial: t, animate: n } = oo(e, E(Ie));
-  return Re(() => ({ initial: t, animate: n }), [rn(t), rn(n)]);
+  return De(() => ({ initial: t, animate: n }), [rn(t), rn(n)]);
 }
 function rn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -2001,8 +2001,8 @@ function co(e, t, n) {
 }
 const Ct = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), lo = "framerAppearId", ds = "data-" + Ct(lo), fo = ee({});
 function ho(e, t, n, s, i) {
-  var b, v;
-  const { visualElement: r } = E(Ie), o = E(xt), a = E(gn), c = E(us).reducedMotion, l = ce(null);
+  var b, T;
+  const { visualElement: r } = E(Ie), o = E(xt), a = E(gn), c = E(us).reducedMotion, l = ue(null);
   s = s || o.renderer, !l.current && s && (l.current = s(e, {
     visualState: t,
     parent: r,
@@ -2013,13 +2013,13 @@ function ho(e, t, n, s, i) {
   }));
   const u = l.current, d = E(fo);
   u && !u.projection && i && (u.type === "html" || u.type === "svg") && po(l.current, n, i, d);
-  const f = ce(!1);
+  const f = ue(!1);
   Ys(() => {
     u && f.current && u.update(n, a);
   });
-  const h = n[ds], y = ce(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, h)));
+  const h = n[ds], y = ue(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
   return Qs(() => {
-    u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), Gr.render(u.render), y.current && u.animationState && u.animationState.animateChanges());
+    u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), zr.render(u.render), y.current && u.animationState && u.animationState.animateChanges());
   }), ct(() => {
     u && (!y.current && u.animationState && u.animationState.animateChanges(), y.current && (queueMicrotask(() => {
       var p;
@@ -2053,7 +2053,6 @@ function hs(e) {
     return e.options.allowProjection !== !1 ? e.projection : hs(e.parent);
 }
 function mo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: i }) {
-  e && st(e);
   function r(a, c) {
     let l;
     const u = {
@@ -2077,11 +2076,7 @@ function go({ layoutId: e }) {
   return t && e !== void 0 ? t + "-" + e : e;
 }
 function yo(e, t) {
-  const n = E(xt).strict;
-  if (process.env.NODE_ENV !== "production" && t && n) {
-    const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? te(!1, s) : W(!1, s);
-  }
+  E(xt).strict, process.env.NODE_ENV;
 }
 function bo(e) {
   const { drag: t, layout: n } = Q;
@@ -2093,28 +2088,28 @@ function bo(e) {
     ProjectionNode: s.ProjectionNode
   };
 }
-const To = {};
+const vo = {};
 function ps(e, { layout: t, layoutId: n }) {
-  return oe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!To[e] || e === "opacity");
+  return re.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!vo[e] || e === "opacity");
 }
-const vo = {
+const To = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, wo = re.length;
-function So(e, t, n) {
+}, wo = ie.length;
+function Vo(e, t, n) {
   let s = "", i = !0;
   for (let r = 0; r < wo; r++) {
-    const o = re[r], a = e[o];
+    const o = ie[r], a = e[o];
     if (a === void 0)
       continue;
     let c = !0;
     if (typeof a == "number" ? c = a === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
-      const l = rs(a, Vt[o]);
+      const l = rs(a, St[o]);
       if (!c) {
         i = !1;
-        const u = vo[o] || o;
+        const u = To[o] || o;
         s += `${u}(${l}) `;
       }
       n && (t[o] = l);
@@ -2127,18 +2122,18 @@ function Pt(e, t, n) {
   let o = !1, a = !1;
   for (const c in t) {
     const l = t[c];
-    if (oe.has(c)) {
+    if (re.has(c)) {
       o = !0;
       continue;
     } else if (En(c)) {
       i[c] = l;
       continue;
     } else {
-      const u = rs(l, Vt[c]);
+      const u = rs(l, St[c]);
       c.startsWith("origin") ? (a = !0, r[c] = u) : s[c] = u;
     }
   }
-  if (t.transform || (o || n ? s.transform = So(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = Vo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: c = "50%", originY: l = "50%", originZ: u = 0 } = r;
     s.transformOrigin = `${c} ${l} ${u}`;
   }
@@ -2151,17 +2146,17 @@ const Ft = () => ({
 });
 function ms(e, t, n) {
   for (const s in t)
-    !R(t[s]) && !ps(s, n) && (e[s] = t[s]);
+    !D(t[s]) && !ps(s, n) && (e[s] = t[s]);
 }
-function Vo({ transformTemplate: e }, t) {
-  return Re(() => {
+function So({ transformTemplate: e }, t) {
+  return De(() => {
     const n = Ft();
     return Pt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
 function xo(e, t) {
   const n = e.style || {}, s = {};
-  return ms(s, n, e), Object.assign(s, Vo(e, t)), s;
+  return ms(s, n, e), Object.assign(s, So(e, t)), s;
 }
 function Ao(e, t) {
   const n = {}, s = xo(e, t);
@@ -2204,7 +2199,7 @@ const ys = () => ({
   attrs: {}
 }), bs = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function Fo(e, t, n, s) {
-  const i = Re(() => {
+  const i = De(() => {
     const r = ys();
     return gs(r, t, bs(s), e.transformTemplate, e.style), {
       ...r.attrs,
@@ -2217,7 +2212,7 @@ function Fo(e, t, n, s) {
   }
   return i;
 }
-const Ro = [
+const Do = [
   "animate",
   "circle",
   "defs",
@@ -2244,7 +2239,7 @@ const Ro = [
   "use",
   "view"
 ];
-function Rt(e) {
+function Dt(e) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2257,16 +2252,16 @@ function Rt(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Ro.indexOf(e) > -1 || /**
+      !!(Do.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function Do(e = !1) {
+function Ro(e = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const c = (Rt(n) ? Fo : Ao)(s, r, o, n), l = ro(s, typeof n == "string", e), u = n !== mn ? { ...l, ...c, ref: i } : {}, { children: d } = s, f = Re(() => R(d) ? d.get() : d, [d]);
+    const c = (Dt(n) ? Fo : Ao)(s, r, o, n), l = ro(s, typeof n == "string", e), u = n !== mn ? { ...l, ...c, ref: i } : {}, { children: d } = s, f = De(() => D(d) ? d.get() : d, [d]);
     return qs(n, {
       ...u,
       children: f
@@ -2279,7 +2274,7 @@ function on(e) {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Dt(e, t, n, s) {
+function Rt(e, t, n, s) {
   if (typeof t == "function") {
     const [i, r] = on(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
@@ -2291,7 +2286,7 @@ function Dt(e, t, n, s) {
   return t;
 }
 function Oo(e) {
-  return R(e) ? e.get() : e;
+  return D(e) ? e.get() : e;
 }
 function Io({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
   return {
@@ -2299,7 +2294,7 @@ function Io({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
     renderState: t()
   };
 }
-const Ts = (e) => (t, n) => {
+const vs = (e) => (t, n) => {
   const s = E(Ie), i = E(gn), r = () => Io(e, t, s, i);
   return n ? r() : Js(r);
 };
@@ -2316,19 +2311,19 @@ function Eo(e, t, n, s) {
   if (d && typeof d != "boolean" && !Ee(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let h = 0; h < f.length; h++) {
-      const y = Dt(e, f[h]);
+      const y = Rt(e, f[h]);
       if (y) {
-        const { transitionEnd: b, transition: v, ...p } = y;
-        for (const S in p) {
-          let g = p[S];
+        const { transitionEnd: b, transition: T, ...p } = y;
+        for (const V in p) {
+          let g = p[V];
           if (Array.isArray(g)) {
             const x = u ? g.length - 1 : 0;
             g = g[x];
           }
-          g !== null && (i[S] = g);
+          g !== null && (i[V] = g);
         }
-        for (const S in b)
-          i[S] = b[S];
+        for (const V in b)
+          i[V] = b[V];
       }
     }
   }
@@ -2338,46 +2333,46 @@ function Ot(e, t, n) {
   var r;
   const { style: s } = e, i = {};
   for (const o in s)
-    (R(s[o]) || t.style && R(t.style[o]) || ps(o, e) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
+    (D(s[o]) || t.style && D(t.style[o]) || ps(o, e) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
   return i;
 }
 const ko = {
-  useVisualState: Ts({
+  useVisualState: vs({
     scrapeMotionValuesFromProps: Ot,
     createRenderState: Ft
   })
 };
-function vs(e, t, n) {
+function Ts(e, t, n) {
   const s = Ot(e, t, n);
   for (const i in e)
-    if (R(e[i]) || R(t[i])) {
-      const r = re.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+    if (D(e[i]) || D(t[i])) {
+      const r = ie.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
 }
-const Lo = {
-  useVisualState: Ts({
-    scrapeMotionValuesFromProps: vs,
+const No = {
+  useVisualState: vs({
+    scrapeMotionValuesFromProps: Ts,
     createRenderState: ys
   })
 };
-function No(e, t) {
+function Lo(e, t) {
   return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
     const o = {
-      ...Rt(s) ? Lo : ko,
+      ...Dt(s) ? No : ko,
       preloadedFeatures: e,
-      useRender: Do(i),
+      useRender: Ro(i),
       createVisualElement: t,
       Component: s
     };
     return mo(o);
   };
 }
-const Bo = /* @__PURE__ */ No();
-function pe(e, t, n) {
+const Bo = /* @__PURE__ */ Lo();
+function he(e, t, n) {
   const s = e.getProps();
-  return Dt(s, t, n !== void 0 ? n : s.custom, e);
+  return Rt(s, t, n !== void 0 ? n : s.custom, e);
 }
 const it = (e) => Array.isArray(e);
 function Ko(e, t, n) {
@@ -2387,7 +2382,7 @@ function $o(e) {
   return it(e) ? e[e.length - 1] || 0 : e;
 }
 function Wo(e, t) {
-  const n = pe(e, t);
+  const n = he(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
@@ -2396,7 +2391,7 @@ function Wo(e, t) {
   }
 }
 function jo(e) {
-  return !!(R(e) && e.add);
+  return !!(D(e) && e.add);
 }
 function _o(e, t) {
   const n = e.getValue("willChange");
@@ -2407,12 +2402,12 @@ function _o(e, t) {
     e.addValue("willChange", s), s.add(t);
   }
 }
-function zo(e) {
+function Go(e) {
   return e.props[ds];
 }
-const Go = (e) => e !== null;
+const zo = (e) => e !== null;
 function Uo(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(Go), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+  const i = e.filter(zo), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return i[r];
 }
 const Ho = {
@@ -2432,14 +2427,14 @@ const Ho = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Zo = (e, { keyframes: t }) => t.length > 2 ? Xo : oe.has(e) ? e.startsWith("scale") ? Yo(t[1]) : Ho : qo;
+}, Zo = (e, { keyframes: t }) => t.length > 2 ? Xo : re.has(e) ? e.startsWith("scale") ? Yo(t[1]) : Ho : qo;
 function Jo({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: c, elapsed: l, ...u }) {
   return !!Object.keys(u).length;
 }
 const Qo = (e, t, n, s = {}, i, r) => (o) => {
   const a = Qn(s, e) || {}, c = a.delay || s.delay || 0;
   let { elapsed: l = 0 } = s;
-  l = l - /* @__PURE__ */ L(c);
+  l = l - /* @__PURE__ */ N(c);
   const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -2456,7 +2451,7 @@ const Qo = (e, t, n, s = {}, i, r) => (o) => {
     motionValue: t,
     element: r ? void 0 : i
   };
-  Jo(a) || Object.assign(u, Zo(e, u)), u.duration && (u.duration = /* @__PURE__ */ L(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ L(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Jo(a) || Object.assign(u, Zo(e, u)), u.duration && (u.duration = /* @__PURE__ */ N(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ N(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), (K.instantAnimations || K.skipAnimations) && (d = !0, u.duration = 0, u.delay = 0), u.allowFlatten = !a.type && !a.ease, d && !r && t.get() !== void 0) {
     const f = Uo(u.keyframes, a);
@@ -2489,15 +2484,15 @@ function ws(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     let b = !1;
     if (window.MotionHandoffAnimation) {
-      const p = zo(e);
+      const p = Go(e);
       if (p) {
-        const S = window.MotionHandoffAnimation(p, u, k);
-        S !== null && (h.startTime = S, b = !0);
+        const V = window.MotionHandoffAnimation(p, u, k);
+        V !== null && (h.startTime = V, b = !0);
       }
     }
     _o(e, u), d.start(Qo(u, d, f, e.shouldReduceMotion && es.has(u) ? { type: !1 } : h, e, b));
-    const v = d.animation;
-    v && c.push(v);
+    const T = d.animation;
+    T && c.push(T);
   }
   return o && Promise.all(c).then(() => {
     k.update(() => {
@@ -2507,7 +2502,7 @@ function ws(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
 }
 function rt(e, t, n = {}) {
   var c;
-  const s = pe(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
+  const s = he(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: i = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
   const r = s ? () => Promise.all(ws(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (l = 0) => {
@@ -2544,14 +2539,14 @@ function sa(e, t, n = {}) {
   } else if (typeof t == "string")
     s = rt(e, t, n);
   else {
-    const i = typeof t == "function" ? pe(e, t, n.custom) : t;
+    const i = typeof t == "function" ? he(e, t, n.custom) : t;
     s = Promise.all(ws(e, i, n));
   }
   return s.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-function Ss(e, t) {
+function Vs(e, t) {
   if (!Array.isArray(t))
     return !1;
   const n = t.length;
@@ -2563,17 +2558,17 @@ function Ss(e, t) {
   return !0;
 }
 const ia = Mt.length;
-function Vs(e) {
+function Ss(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? Vs(e.parent) || {} : {};
+    const n = e.parent ? Ss(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
   for (let n = 0; n < ia; n++) {
     const s = Mt[n], i = e.props[s];
-    (he(i) || i === !1) && (t[s] = i);
+    (de(i) || i === !1) && (t[s] = i);
   }
   return t;
 }
@@ -2585,7 +2580,7 @@ function ua(e) {
   let t = aa(e), n = an(), s = !0;
   const i = (c) => (l, u) => {
     var f;
-    const d = pe(e, u, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = he(e, u, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: y, ...b } = d;
       l = { ...l, ...b, ...y };
@@ -2596,54 +2591,54 @@ function ua(e) {
     t = c(e);
   }
   function o(c) {
-    const { props: l } = e, u = Vs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
+    const { props: l } = e, u = Ss(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, y = 1 / 0;
-    for (let v = 0; v < oa; v++) {
-      const p = ra[v], S = n[p], g = l[p] !== void 0 ? l[p] : u[p], x = he(g), T = p === c ? S.isActive : null;
-      T === !1 && (y = v);
-      let V = g === u[p] && g !== l[p] && x;
-      if (V && s && e.manuallyAnimateOnMount && (V = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
-      !S.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
-      !g && !S.prevProp || // Or if the prop doesn't define an animation
+    for (let T = 0; T < oa; T++) {
+      const p = ra[T], V = n[p], g = l[p] !== void 0 ? l[p] : u[p], x = de(g), v = p === c ? V.isActive : null;
+      v === !1 && (y = T);
+      let S = g === u[p] && g !== l[p] && x;
+      if (S && s && e.manuallyAnimateOnMount && (S = !1), V.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      !V.isActive && v === null || // If we didn't and don't have any defined prop for this animation type
+      !g && !V.prevProp || // Or if the prop doesn't define an animation
       Ee(g) || typeof g == "boolean")
         continue;
-      const C = ca(S.prevProp, g);
+      const C = ca(V.prevProp, g);
       let w = C || // If we're making this variant active, we want to always make it active
-      p === c && S.isActive && !V && x || // If we removed a higher-priority variant (i is in reverse order)
-      v > y && x, D = !1;
+      p === c && V.isActive && !S && x || // If we removed a higher-priority variant (i is in reverse order)
+      T > y && x, R = !1;
       const O = Array.isArray(g) ? g : [g];
       let X = O.reduce(i(p), {});
-      T === !1 && (X = {});
-      const { prevResolvedValues: It = {} } = S, Ns = {
+      v === !1 && (X = {});
+      const { prevResolvedValues: It = {} } = V, Ls = {
         ...It,
         ...X
       }, Et = (P) => {
-        w = !0, f.has(P) && (D = !0, f.delete(P)), S.needsAnimating[P] = !0;
-        const N = e.getValue(P);
-        N && (N.liveStyle = !1);
+        w = !0, f.has(P) && (R = !0, f.delete(P)), V.needsAnimating[P] = !0;
+        const L = e.getValue(P);
+        L && (L.liveStyle = !1);
       };
-      for (const P in Ns) {
-        const N = X[P], Le = It[P];
+      for (const P in Ls) {
+        const L = X[P], Ne = It[P];
         if (h.hasOwnProperty(P))
           continue;
-        let Ne = !1;
-        it(N) && it(Le) ? Ne = !Ss(N, Le) : Ne = N !== Le, Ne ? N != null ? Et(P) : f.add(P) : N !== void 0 && f.has(P) ? Et(P) : S.protectedKeys[P] = !0;
+        let Le = !1;
+        it(L) && it(Ne) ? Le = !Vs(L, Ne) : Le = L !== Ne, Le ? L != null ? Et(P) : f.add(P) : L !== void 0 && f.has(P) ? Et(P) : V.protectedKeys[P] = !0;
       }
-      S.prevProp = g, S.prevResolvedValues = X, S.isActive && (h = { ...h, ...X }), s && e.blockInitialAnimation && (w = !1), w && (!(V && C) || D) && d.push(...O.map((P) => ({
+      V.prevProp = g, V.prevResolvedValues = X, V.isActive && (h = { ...h, ...X }), s && e.blockInitialAnimation && (w = !1), w && (!(S && C) || R) && d.push(...O.map((P) => ({
         animation: P,
         options: { type: p }
       })));
     }
     if (f.size) {
-      const v = {};
+      const T = {};
       if (typeof l.initial != "boolean") {
-        const p = pe(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
-        p && p.transition && (v.transition = p.transition);
+        const p = he(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
+        p && p.transition && (T.transition = p.transition);
       }
       f.forEach((p) => {
-        const S = e.getBaseTarget(p), g = e.getValue(p);
-        g && (g.liveStyle = !0), v[p] = S ?? null;
-      }), d.push({ animation: v });
+        const V = e.getBaseTarget(p), g = e.getValue(p);
+        g && (g.liveStyle = !0), T[p] = V ?? null;
+      }), d.push({ animation: T });
     }
     let b = !!d.length;
     return s && (l.initial === !1 || l.initial === l.animate) && !e.manuallyAnimateOnMount && (b = !1), s = !1, b ? t(d) : Promise.resolve();
@@ -2672,9 +2667,9 @@ function ua(e) {
   };
 }
 function ca(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Ss(t, e) : !1;
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Vs(t, e) : !1;
 }
-function j(e = !1) {
+function W(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -2684,23 +2679,23 @@ function j(e = !1) {
 }
 function an() {
   return {
-    animate: j(!0),
-    whileInView: j(),
-    whileHover: j(),
-    whileTap: j(),
-    whileDrag: j(),
-    whileFocus: j(),
-    exit: j()
+    animate: W(!0),
+    whileInView: W(),
+    whileHover: W(),
+    whileTap: W(),
+    whileDrag: W(),
+    whileFocus: W(),
+    exit: W()
   };
 }
-class ae {
+class oe {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
   update() {
   }
 }
-class la extends ae {
+class la extends oe {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -2729,7 +2724,7 @@ class la extends ae {
   }
 }
 let fa = 0;
-class da extends ae {
+class da extends oe {
   constructor() {
     super(...arguments), this.id = fa++;
   }
@@ -2800,7 +2795,7 @@ function ln(e, t, n) {
   const i = "onHover" + n, r = s[i];
   r && k.postRender(() => r(t, xs(t)));
 }
-class ya extends ae {
+class ya extends oe {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Yr(t, (n, s) => (ln(this.node, s, "Start"), (i) => ln(this.node, i, "End"))));
@@ -2808,7 +2803,7 @@ class ya extends ae {
   unmount() {
   }
 }
-class ba extends ae {
+class ba extends oe {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -2825,7 +2820,7 @@ class ba extends ae {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = De(un(this.node.current, "focus", () => this.onFocus()), un(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Re(un(this.node.current, "focus", () => this.onFocus()), un(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -2838,7 +2833,7 @@ function fn(e, t, n) {
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
   r && k.postRender(() => r(t, xs(t)));
 }
-class Ta extends ae {
+class va extends oe {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Qr(t, (n, s) => (fn(this.node, s, "Start"), (i, { success: r }) => fn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -2846,20 +2841,20 @@ class Ta extends ae {
   unmount() {
   }
 }
-const ot = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), va = (e) => {
+const ot = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), Ta = (e) => {
   const t = ot.get(e.target);
   t && t(e);
 }, wa = (e) => {
-  e.forEach(va);
+  e.forEach(Ta);
 };
-function Sa({ root: e, ...t }) {
+function Va({ root: e, ...t }) {
   const n = e || document;
-  _e.has(n) || _e.set(n, {});
-  const s = _e.get(n), i = JSON.stringify(t);
+  Ge.has(n) || Ge.set(n, {});
+  const s = Ge.get(n), i = JSON.stringify(t);
   return s[i] || (s[i] = new IntersectionObserver(wa, { root: e, ...t })), s[i];
 }
-function Va(e, t, n) {
-  const s = Sa(t);
+function Sa(e, t, n) {
+  const s = Va(t);
   return ot.set(e, n), s.observe(e), () => {
     ot.delete(e), s.unobserve(e);
   };
@@ -2868,7 +2863,7 @@ const xa = {
   some: 0,
   all: 1
 };
-class Aa extends ae {
+class Aa extends oe {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -2886,7 +2881,7 @@ class Aa extends ae {
       const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), f = l ? u : d;
       f && f(c);
     };
-    return Va(this.node.current, o, a);
+    return Sa(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -2908,7 +2903,7 @@ const Ca = {
     Feature: Aa
   },
   tap: {
-    Feature: Ta
+    Feature: va
   },
   focus: {
     Feature: ba
@@ -2926,12 +2921,12 @@ function Pa() {
       at.current = !1;
 }
 const Fa = /* @__PURE__ */ new WeakMap();
-function Ra(e, t, n) {
+function Da(e, t, n) {
   for (const s in t) {
     const i = t[s], r = n[s];
-    if (R(i))
+    if (D(i))
       e.addValue(s, i);
-    else if (R(r))
+    else if (D(r))
       e.addValue(s, Pe(i, { owner: e }));
     else if (r !== i)
       if (e.hasValue(s)) {
@@ -2955,7 +2950,7 @@ const dn = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Da {
+class Ra {
   /**
    * 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.
@@ -2967,7 +2962,7 @@ class Da {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, 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 = St, 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 = Vt, 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 f = I.now();
@@ -2978,11 +2973,11 @@ class Da {
     const { willChange: u, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in d) {
       const h = d[f];
-      c[f] !== void 0 && R(h) && h.set(c[f], !1);
+      c[f] !== void 0 && D(h) && h.set(c[f], !1);
     }
   }
   mount(t) {
-    this.current = t, Fa.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)), Ms.current || Pa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : at.current, process.env.NODE_ENV !== "production" && Sn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = t, Fa.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)), Ms.current || Pa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : at.current, process.env.NODE_ENV !== "production" && Vn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), ze(this.notifyUpdate), ze(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -2996,7 +2991,7 @@ class Da {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = oe.has(t);
+    const s = re.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
       this.latestValues[t] = a, this.props.onUpdate && k.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -3051,7 +3046,7 @@ class Da {
       const r = "on" + i, o = t[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = Ra(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Da(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -3116,7 +3111,7 @@ class Da {
    */
   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" && (yn(s) || bn(s)) ? s = parseFloat(s) : !to(s) && ie.test(n) && (s = is(t, n)), this.setBaseTarget(t, R(s) ? s.get() : s)), R(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (yn(s) || bn(s)) ? s = parseFloat(s) : !to(s) && se.test(n) && (s = is(t, n)), this.setBaseTarget(t, D(s) ? s.get() : s)), D(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3134,22 +3129,22 @@ class Da {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const o = Dt(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
+      const o = Rt(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
       o && (s = o[t]);
     }
     if (n && s !== void 0)
       return s;
     const i = this.getBaseTargetFromProps(this.props, t);
-    return i !== void 0 && !R(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+    return i !== void 0 && !D(i) ? i : 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 Tn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class Cs extends Da {
+class Cs extends Ra {
   constructor() {
     super(...arguments), this.KeyframeResolver = Wr;
   }
@@ -3165,7 +3160,7 @@ class Cs extends Da {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    R(t) && (this.childSubscription = t.on("change", (n) => {
+    D(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -3188,8 +3183,8 @@ class Ia extends Cs {
   }
   readValueFromInstance(t, n) {
     var s;
-    if (oe.has(n))
-      return (s = this.projection) != null && s.isProjecting ? Ze(n) : rr(t, n);
+    if (re.has(n))
+      return (s = this.projection) != null && s.isProjecting ? Je(n) : rr(t, n);
     {
       const i = Oa(t), r = (En(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
@@ -3243,14 +3238,14 @@ class ka extends Cs {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (oe.has(n)) {
+    if (re.has(n)) {
       const s = ss(n);
       return s && s.default || 0;
     }
     return n = Fs.has(n) ? n : Ct(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return vs(t, n, s);
+    return Ts(t, n, s);
   }
   build(t, n, s) {
     gs(t, n, this.isSVGTag, s.transformTemplate, s.style);
@@ -3262,10 +3257,10 @@ class ka extends Cs {
     this.isSVGTag = bs(t.tagName), super.mount(t);
   }
 }
-const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
+const Na = (e, t) => Dt(e) ? new ka(t) : new Ia(t, {
   allowProjection: e !== mn
-}), Na = {
-  renderer: La,
+}), La = {
+  renderer: Na,
   ...ha,
   ...Ca
 }, hn = /* @__PURE__ */ Bo("span"), Ba = {
@@ -3280,15 +3275,15 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       h: "8"
     }
   }
-}, Rs = {
+}, Ds = {
   Root: {
     0: "1",
-    1: "2",
+    1: "1_5",
     2: "2"
   },
   Text: {
     0: "1",
-    1: "2",
+    1: "1_5",
     2: "2"
   }
 }, ye = {
@@ -3384,7 +3379,7 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
   size: "1",
   color: "default",
   variant: "soft"
-}), Ds = ({
+}), Rs = ({
   as: e = "span",
   size: t = "1",
   color: n = "default",
@@ -3396,9 +3391,9 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
   {
     as: e,
     align: "center",
-    rounded: "2",
+    rounded: "1",
     display: "inline-flex",
-    pl: Rs.Root[t],
+    pl: Ds.Root[t],
     backgroundColor: ye.Root[s][n],
     h: Ba.Root[t].h,
     className: js("tgph-tag", i),
@@ -3420,7 +3415,7 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       size: r.size,
       color: ye.Text[r.variant][r.color],
       weight: "medium",
-      mr: Rs.Text[r.size],
+      mr: Ds.Text[r.size],
       maxW: t,
       overflow: n,
       internal_optionalAs: !0,
@@ -3439,7 +3434,7 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       const o = setTimeout(() => r(!1), 2e3);
       return () => clearTimeout(o);
     }
-  }, [i]), /* @__PURE__ */ F(no, { features: Na, children: /* @__PURE__ */ F($s, { label: "Copy text", children: /* @__PURE__ */ ut(
+  }, [i]), /* @__PURE__ */ F(no, { features: La, children: /* @__PURE__ */ F($s, { label: "Copy text", children: /* @__PURE__ */ ut(
     we.Root,
     {
       onClick: (o) => {
@@ -3449,8 +3444,8 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       size: s.size,
       color: ye.Button[s.variant][s.color],
       variant: s.variant,
-      roundedTopRight: "3",
-      roundedBottomRight: "3",
+      roundedTopRight: "1",
+      roundedBottomRight: "1",
       roundedTopLeft: "0",
       roundedBottomLeft: "0",
       position: "relative",
@@ -3477,7 +3472,7 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
             initial: !1,
             animate: { y: i ? "-150%" : 0, opacity: 1 },
             transition: { duration: 0.15, type: "spring", bounce: 0 },
-            icon: zs,
+            icon: Gs,
             position: "absolute",
             alt: "Copy text",
             "aria-hidden": i
@@ -3495,8 +3490,8 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       color: ye.Button[t.variant][t.color],
       variant: t.variant,
       icon: { icon: pn, alt: "close" },
-      roundedTopRight: "3",
-      roundedBottomRight: "3",
+      roundedTopRight: "1",
+      roundedBottomRight: "1",
       roundedTopLeft: "0",
       roundedBottomLeft: "0",
       ...e
@@ -3516,15 +3511,11 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
       size: i.size,
       color: ye.Icon[i.variant][i.color],
       mr: "1",
-      roundedTopRight: "3",
-      roundedBottomRight: "3",
-      roundedTopLeft: "0",
-      roundedBottomLeft: "0",
       ...r,
       ...s
     }
   );
-}, Ls = ({
+}, Ns = ({
   color: e = "default",
   size: t = "1",
   variant: n = "soft",
@@ -3535,21 +3526,21 @@ const La = (e, t) => Rt(e) ? new ka(t) : new Ia(t, {
   textProps: a = { maxW: "40" },
   children: c,
   ...l
-}) => /* @__PURE__ */ ut(Ds, { color: e, size: t, variant: n, ...l, children: [
+}) => /* @__PURE__ */ ut(Rs, { color: e, size: t, variant: n, ...l, children: [
   s && /* @__PURE__ */ F(ks, { ...s }),
   /* @__PURE__ */ F(Os, { as: "span", ...a, children: c }),
   i && /* @__PURE__ */ F(Es, { onClick: i, icon: { icon: pn, alt: "Remove" } }),
   r && /* @__PURE__ */ F(Is, { onClick: r, textToCopy: o })
 ] });
-Object.assign(Ls, {
-  Root: Ds,
+Object.assign(Ns, {
+  Root: Rs,
   Button: Es,
   Text: Os,
   Icon: ks,
   CopyButton: Is
 });
-const Ja = Ls;
+const qa = Ns;
 export {
-  Ja as Tag
+  qa as Tag
 };
 //# sourceMappingURL=index.mjs.map