@telegraph/tag 0.0.92 → 0.0.93

package/dist/esm/index.mjs

@@ -6,7 +6,7 @@ import { Tooltip as $s } from "@telegraph/tooltip";
 import { Text as Ws } from "@telegraph/typography";
 import { clsx as js } from "clsx";
 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 Re, useCallback as Hs, useInsertionEffect as Ys, forwardRef as Xs, Fragment as mn, createElement as qs } from "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 = ue(null);
@@ -40,11 +40,11 @@ function ft(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const te = /* @__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,7 +69,7 @@ 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;
 }
@@ -91,10 +91,10 @@ function me(e, t, n, s) {
   const i = (r) => oi(r, 0, 1, e, n);
   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 = {
+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)) {
+}, 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 Y(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,18 +174,18 @@ 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] = (S, C = !1, w = !1) => (n || v(), T.schedule(S, 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 } = /* @__PURE__ */ On(typeof requestAnimationFrame < "u" ? requestAnimationFrame : te, !0);
@@ -205,7 +205,7 @@ const I = {
 }, le = {
   ...ne,
   transform: (e) => H(0, 1, e)
-}, ve = {
+}, Te = {
   ...ne,
   default: 1
 }, ce = (e) => Math.round(e * 1e5) / 1e5, mt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
@@ -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) => H(0, 255, e), Be = {
+}, vi = (e) => H(0, 255, e), Be = {
   ...ne,
-  transform: (e) => Math.round(Ti(e))
+  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) + ", " + 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),
@@ -241,7 +241,7 @@ function vi(e) {
 }
 const Ue = {
   test: /* @__PURE__ */ gt("#"),
-  parse: vi,
+  parse: Ti,
   transform: j.transform
 }, ge = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
@@ -268,7 +268,7 @@ 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(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;
+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: [],
@@ -276,7 +276,7 @@ function fe(e) {
     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) {
@@ -289,7 +289,7 @@ function Kn(e) {
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === Ln ? r += ce(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;
   };
@@ -308,7 +308,7 @@ const se = {
 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,13 +330,13 @@ 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 = [Ue, j, 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 (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);
@@ -352,7 +352,7 @@ 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 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) : De($n(Li(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));
+  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);
@@ -457,7 +457,7 @@ const A = {
 }, We = 1e-3;
 function Wi({ duration: e = A.duration, bounce: t = A.bounce, velocity: n = A.velocity, mass: s = A.mass }) {
   let i, r;
-  pe(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 = 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);
@@ -473,7 +473,7 @@ function Wi({ duration: e = A.duration, bounce: t = A.bounce, velocity: n = A.ve
     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,
@@ -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)), V = Math.abs(v) < 5;
+  }), 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 = Ye(p, b);
+    const v = Ye(p, b);
     g = (S) => {
       const C = Math.exp(-b * p * S);
-      return o - C * ((y + b * p * v) / T * Math.sin(T * S) + v * Math.cos(T * 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);
+    const v = p * Math.sqrt(b * b - 1);
     g = (S) => {
-      const C = Math.exp(-b * p * S), w = Math.min(T * S, 300);
-      return o - C * ((y + b * p * v) * Math.sinh(w) + T * v * Math.cosh(w)) / T;
+      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 S = 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, S));
-        const w = Math.abs(C) <= s, D = Math.abs(o - S) <= 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 : S, a;
     },
     toString: () => {
-      const T = Math.min(bt(x), Me), S = jn((C) => x.next(T * C).value, T, 30);
-      return T + "ms " + S;
+      const v = Math.min(bt(x), Me), S = jn((C) => x.next(v * C).value, v, 30);
+      return v + "ms " + S;
     },
     toTransition: () => {
     }
@@ -583,7 +583,7 @@ 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 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 = {
@@ -591,15 +591,15 @@ function Xe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     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 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 D = V(w), O = g(w);
-    f.done = Math.abs(D) <= l, f.value = f.done ? p : O;
+    const R = V(w), O = g(w);
+    f.done = Math.abs(R) <= l, f.value = f.done ? p : O;
   };
-  let T, S;
+  let v, S;
   const C = (w) => {
-    h(f.value) && (T = w, S = 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 Xe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   return C(0), {
     calculatedDuration: null,
     next: (w) => {
-      let D = !1;
-      return !S && T === void 0 && (D = !0, x(w), C(w)), T !== void 0 && w >= T ? S.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);
     }
   };
 }
@@ -623,7 +623,7 @@ function Hi(e, t, n) {
     let a = i(e[o], e[o + 1]);
     if (t) {
       const c = Array.isArray(t) ? t[o] || te : t;
-      a = De(c, a);
+      a = Re(c, a);
     }
     s.push(a);
   }
@@ -644,7 +644,7 @@ 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(H(e[0], e[r - 1], u)) : l;
@@ -652,7 +652,7 @@ function Yi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
 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,7 +684,7 @@ 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;
 }
@@ -698,7 +698,7 @@ const er = {
 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;
@@ -737,7 +737,7 @@ class wt extends vt {
     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 && 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 = 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), 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 = H(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 = V ? { done: !1, value: u[0] } : x.next(g);
-    r && (T.value = r(T.value));
-    let { done: S } = 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 && (T.value = Tt(u, this.options, v, this.speed)), b && b(T.value), C && this.finish(), T;
+    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;
@@ -1036,7 +1036,7 @@ const Hn = /* @__PURE__ */ mr(() => {
 };
 function Yn(e, t) {
   if (e)
-    return typeof e == "function" ? Hn() ? jn(e, t) : "ease-out" : Dn(e) ? ae(e) : Array.isArray(e) ? e.map((n) => Yn(n, t) || Ht.easeOut) : Ht[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,7 +1061,7 @@ 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;
@@ -1070,7 +1070,7 @@ class br extends vt {
     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.
@@ -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 Yt = 10;
 class wr extends br {
   constructor(t) {
-    vr(t), Gn(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,7 +1188,7 @@ class wr extends br {
     const a = new wt({
       ...o,
       autoplay: !1
-    }), c = /* @__PURE__ */ L(this.finishedTime ?? this.time);
+    }), c = /* @__PURE__ */ N(this.finishedTime ?? this.time);
     n.setWithVelocity(a.sample(c - Yt).value, a.sample(c).value, Yt), a.stop();
   }
 }
@@ -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,
@@ -1255,12 +1255,12 @@ class Pr extends vt {
       element: u,
       ...d
     }, h = (u == null ? void 0 : u.KeyframeResolver) || Vt;
-    this.keyframeResolver = new h(a, (b, v, p) => this.onKeyframesResolved(b, v, f, !p), c, l, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
+    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(), Sr(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,
@@ -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) {
-  Y(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);
@@ -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, st = {
+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;
   }
 }, 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: $,
@@ -1445,7 +1445,7 @@ const Lr = /\b([a-z-]*)\(.*?\)/gu, st = {
   // Misc
   backgroundPositionX: m,
   backgroundPositionY: m,
-  ...Nr,
+  ...Lr,
   zIndex: Zt,
   // SVG
   fillOpacity: le,
@@ -1615,7 +1615,7 @@ class Gr {
     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(() => {
@@ -1843,7 +1843,7 @@ 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, se], 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"
@@ -1977,7 +1977,7 @@ function oo(e, 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,7 +2001,7 @@ 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;
+  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,
@@ -2017,7 +2017,7 @@ function ho(e, t, n, s, i) {
   Ys(() => {
     u && f.current && u.update(n, a);
   });
-  const h = n[ds], y = ue(!!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(), zr.render(u.render), y.current && u.animationState && u.animationState.animateChanges());
   }), ct(() => {
@@ -2088,11 +2088,11 @@ function bo(e) {
     ProjectionNode: s.ProjectionNode
   };
 }
-const To = {};
+const vo = {};
 function ps(e, { layout: t, layoutId: n }) {
-  return re.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",
@@ -2109,7 +2109,7 @@ function Vo(e, t, n) {
       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);
@@ -2146,10 +2146,10 @@ 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 So({ transformTemplate: e }, t) {
-  return Re(() => {
+  return De(() => {
     const n = Ft();
     return Pt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
@@ -2199,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,
@@ -2212,7 +2212,7 @@ function Fo(e, t, n, s) {
   }
   return i;
 }
-const Ro = [
+const Do = [
   "animate",
   "circle",
   "defs",
@@ -2239,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
@@ -2252,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
@@ -2274,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);
@@ -2286,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 {
@@ -2294,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);
 };
@@ -2311,9 +2311,9 @@ 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;
+        const { transitionEnd: b, transition: T, ...p } = y;
         for (const V in p) {
           let g = p[V];
           if (Array.isArray(g)) {
@@ -2333,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])) {
+    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();
+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) {
@@ -2391,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");
@@ -2434,7 +2434,7 @@ function Jo({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDi
 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",
@@ -2451,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);
@@ -2491,8 +2491,8 @@ function ws(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       }
     }
     _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(() => {
@@ -2593,52 +2593,52 @@ function ua(e) {
   function o(c) {
     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], V = n[p], g = l[p] !== void 0 ? l[p] : u[p], x = de(g), T = p === c ? V.isActive : null;
-      T === !1 && (y = v);
+    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 && T === null || // If we didn't and don't have any defined prop for this animation type
+      !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(V.prevProp, g);
       let w = C || // If we're making this variant active, we want to always make it active
       p === c && V.isActive && !S && x || // If we removed a higher-priority variant (i is in reverse order)
-      v > y && x, D = !1;
+      T > y && x, R = !1;
       const O = Array.isArray(g) ? g : [g];
       let X = O.reduce(i(p), {});
-      T === !1 && (X = {});
-      const { prevResolvedValues: It = {} } = V, Ns = {
+      v === !1 && (X = {});
+      const { prevResolvedValues: It = {} } = V, Ls = {
         ...It,
         ...X
       }, Et = (P) => {
-        w = !0, f.has(P) && (D = !0, f.delete(P)), V.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 = !Vs(N, Le) : Ne = N !== Le, Ne ? N != null ? Et(P) : f.add(P) : N !== void 0 && f.has(P) ? Et(P) : V.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;
       }
-      V.prevProp = g, V.prevResolvedValues = X, V.isActive && (h = { ...h, ...X }), s && e.blockInitialAnimation && (w = !1), w && (!(S && 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 = he(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
-        p && p.transition && (v.transition = p.transition);
+        p && p.transition && (T.transition = p.transition);
       }
       f.forEach((p) => {
         const V = e.getBaseTarget(p), g = e.getValue(p);
-        g && (g.liveStyle = !0), v[p] = V ?? null;
-      }), d.push({ animation: v });
+        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();
@@ -2820,7 +2820,7 @@ class ba extends oe {
     !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() {
   }
@@ -2833,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 oe {
+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 }));
@@ -2841,11 +2841,11 @@ class Ta extends oe {
   unmount() {
   }
 }
-const ot = /* @__PURE__ */ new WeakMap(), Ge = /* @__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 Va({ root: e, ...t }) {
   const n = e || document;
@@ -2903,7 +2903,7 @@ const Ca = {
     Feature: Aa
   },
   tap: {
-    Feature: Ta
+    Feature: va
   },
   focus: {
     Feature: ba
@@ -2921,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)) {
@@ -2950,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.
@@ -2973,7 +2973,7 @@ 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) {
@@ -3046,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;
@@ -3111,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) && se.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
@@ -3129,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;
   }
@@ -3160,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}`);
     }));
   }
@@ -3245,7 +3245,7 @@ class ka extends Cs {
     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);
@@ -3257,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 = {
@@ -3275,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 = {
@@ -3379,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",
@@ -3391,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),
@@ -3415,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,
@@ -3434,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) => {
@@ -3444,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",
@@ -3490,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
@@ -3511,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",
@@ -3530,20 +3526,20 @@ 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 qa = Ls;
+const qa = Ns;
 export {
   qa as Tag
 };