@telegraph/tooltip 0.0.55 → 0.0.57

package/dist/esm/index.mjs

@@ -1,17 +1,17 @@
 import { jsx as R, jsxs as mn } from "react/jsx-runtime";
-import * as ct from "@radix-ui/react-tooltip";
+import * as lt from "@radix-ui/react-tooltip";
 import { useControllableState as Rs } from "@radix-ui/react-use-controllable-state";
 import { OverrideAppearance as Es } from "@telegraph/appearance";
 import { RefToTgphRef as ks } from "@telegraph/helpers";
 import { Stack as Ns } from "@telegraph/layout";
 import { Text as Ls } from "@telegraph/typography";
-import ht, { createContext as nt, useRef as ft, useLayoutEffect as Bs, useEffect as de, useState as Ks, useContext as k, useMemo as Et, Fragment as gn, createElement as Ws, useCallback as $s, useInsertionEffect as js, forwardRef as Gs } from "react";
-const _s = nt({});
+import et, { createContext as st, useRef as dt, useLayoutEffect as Bs, useEffect as de, useState as Ks, useContext as k, useMemo as Et, Fragment as gn, createElement as Ws, useCallback as $s, useInsertionEffect as js, forwardRef as Gs } from "react";
+const _s = st({});
 function Hs(t) {
-  const e = ft(null);
+  const e = dt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const he = typeof window < "u", Us = he ? Bs : de, yn = /* @__PURE__ */ nt(null);
+const he = typeof window < "u", Us = he ? Bs : de, yn = /* @__PURE__ */ st(null);
 function zs(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -32,7 +32,7 @@ process.env.NODE_ENV !== "production" && (yt = (t, e, n) => {
   if (!t)
     throw new Error(zt(e, n));
 });
-const W = {}, bn = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const $ = {}, bn = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function Xs(t) {
   return typeof t == "object" && t !== null;
 }
@@ -42,7 +42,7 @@ function pe(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const st = /* @__NO_SIDE_EFFECTS__ */ (t) => t, qs = (t, e) => (n) => e(t(n)), kt = (...t) => t.reduce(qs), vn = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const it = /* @__NO_SIDE_EFFECTS__ */ (t) => t, qs = (t, e) => (n) => e(t(n)), kt = (...t) => t.reduce(qs), vn = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -71,7 +71,7 @@ class wn {
     this.subscriptions.length = 0;
   }
 }
-const L = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const L = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, W = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function Sn(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -89,12 +89,12 @@ function Qs(t, e, n, s, i) {
 }
 function bt(t, e, n, s) {
   if (t === e && n === s)
-    return st;
+    return it;
   const i = (r) => Qs(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : An(i(r), e, s);
 }
 const xn = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Mn = (t) => (e) => 1 - t(1 - e), Cn = /* @__PURE__ */ bt(0.33, 1.53, 0.69, 0.99), me = /* @__PURE__ */ Mn(Cn), Pn = /* @__PURE__ */ xn(me), Fn = (t) => (t *= 2) < 1 ? 0.5 * me(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ge = (t) => 1 - Math.sin(Math.acos(t)), ti = Mn(ge), On = xn(ge), ei = /* @__PURE__ */ bt(0.42, 0, 1, 1), ni = /* @__PURE__ */ bt(0, 0, 0.58, 1), Dn = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), si = (t) => Array.isArray(t) && typeof t[0] != "number", In = (t) => Array.isArray(t) && typeof t[0] == "number", Be = {
-  linear: st,
+  linear: it,
   easeIn: ei,
   easeInOut: Dn,
   easeOut: ni,
@@ -177,8 +177,8 @@ function Rn(t, e) {
     timestamp: 0,
     isProcessing: !1
   }, r = () => n = !0, o = At.reduce((m, A) => (m[A] = ri(r), m), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: f, preRender: d, render: h, postRender: y } = o, b = () => {
-    const m = W.useManualTiming ? i.timestamp : performance.now();
-    n = !1, W.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, oi), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), f.process(i), d.process(i), h.process(i), y.process(i), i.isProcessing = !1, n && e && (s = !1, t(b));
+    const m = $.useManualTiming ? i.timestamp : performance.now();
+    n = !1, $.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, oi), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), f.process(i), d.process(i), h.process(i), y.process(i), i.isProcessing = !1, n && e && (s = !1, t(b));
   }, v = () => {
     n = !0, s = !0, i.isProcessing || t(b);
   };
@@ -190,27 +190,27 @@ function Rn(t, e) {
       o[At[A]].cancel(m);
   }, state: i, steps: o };
 }
-const { schedule: N, cancel: Yt, state: Pt } = /* @__PURE__ */ Rn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : st, !0);
+const { schedule: N, cancel: Yt, state: Pt } = /* @__PURE__ */ Rn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : it, !0);
 let Mt;
 function ai() {
   Mt = void 0;
 }
 const E = {
-  now: () => (Mt === void 0 && E.set(Pt.isProcessing || W.useManualTiming ? Pt.timestamp : performance.now()), Mt),
+  now: () => (Mt === void 0 && E.set(Pt.isProcessing || $.useManualTiming ? Pt.timestamp : performance.now()), Mt),
   set: (t) => {
     Mt = t, queueMicrotask(ai);
   }
-}, En = (t) => (e) => typeof e == "string" && e.startsWith(t), kn = /* @__PURE__ */ En("--"), ui = /* @__PURE__ */ En("var(--"), ye = (t) => ui(t) ? ci.test(t.split("/*")[0].trim()) : !1, ci = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, it = {
+}, En = (t) => (e) => typeof e == "string" && e.startsWith(t), kn = /* @__PURE__ */ En("--"), ui = /* @__PURE__ */ En("var(--"), ye = (t) => ui(t) ? ci.test(t.split("/*")[0].trim()) : !1, ci = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, rt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
 }, pt = {
-  ...it,
+  ...rt,
   transform: (t) => Y(0, 1, t)
 }, xt = {
-  ...it,
+  ...rt,
   default: 1
-}, dt = (t) => Math.round(t * 1e5) / 1e5, be = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, ht = (t) => Math.round(t * 1e5) / 1e5, be = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function li(t) {
   return t == null;
 }
@@ -225,12 +225,12 @@ const fi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
 }, di = (t) => Y(0, 255, t), Wt = {
-  ...it,
+  ...rt,
   transform: (t) => Math.round(di(t))
 }, _ = {
   test: /* @__PURE__ */ Te("rgb", "red"),
   parse: /* @__PURE__ */ Nn("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(t) + ", " + Wt.transform(e) + ", " + Wt.transform(n) + ", " + dt(pt.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(t) + ", " + Wt.transform(e) + ", " + Wt.transform(n) + ", " + ht(pt.transform(s)) + ")"
 };
 function hi(t) {
   let e = "", n = "", s = "", i = "";
@@ -256,14 +256,14 @@ const Xt = {
 }, Z = {
   test: /* @__PURE__ */ Te("hsl", "hue"),
   parse: /* @__PURE__ */ Nn("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + Q.transform(dt(e)) + ", " + Q.transform(dt(n)) + ", " + dt(pt.transform(s)) + ")"
-}, C = {
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + Q.transform(ht(e)) + ", " + Q.transform(ht(n)) + ", " + ht(pt.transform(s)) + ")"
+}, P = {
   test: (t) => _.test(t) || Xt.test(t) || Z.test(t),
   parse: (t) => _.test(t) ? _.parse(t) : Z.test(t) ? Z.parse(t) : Xt.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? _.transform(t) : Z.transform(t),
   getAnimatableNone: (t) => {
-    const e = C.parse(t);
-    return e.alpha = 0, C.transform(e);
+    const e = P.parse(t);
+    return e.alpha = 0, P.transform(e);
   }
 }, gi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function yi(t) {
@@ -278,7 +278,7 @@ function mt(t) {
     var: []
   }, i = [];
   let r = 0;
-  const a = e.replace(vi, (c) => (C.test(c) ? (s.color.push(r), i.push(Bn), n.push(C.parse(c))) : c.startsWith(Ti) ? (s.var.push(r), i.push(bi), n.push(c)) : (s.number.push(r), i.push(Ln), n.push(parseFloat(c))), ++r, $e)).split($e);
+  const a = e.replace(vi, (c) => (P.test(c) ? (s.color.push(r), i.push(Bn), n.push(P.parse(c))) : c.startsWith(Ti) ? (s.var.push(r), i.push(bi), n.push(c)) : (s.number.push(r), i.push(Ln), n.push(parseFloat(c))), ++r, $e)).split($e);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Kn(t) {
@@ -291,17 +291,17 @@ function Wn(t) {
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === Ln ? r += dt(i[o]) : a === Bn ? r += C.transform(i[o]) : r += i[o];
+        a === Ln ? r += ht(i[o]) : a === Bn ? r += P.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const wi = (t) => typeof t == "number" ? 0 : C.test(t) ? C.getAnimatableNone(t) : t;
+const wi = (t) => typeof t == "number" ? 0 : P.test(t) ? P.getAnimatableNone(t) : t;
 function Si(t) {
   const e = Kn(t);
   return Wn(t)(e.map(wi));
 }
-const rt = {
+const ot = {
   test: yi,
   parse: Kn,
   createTransformer: Wn,
@@ -354,7 +354,7 @@ function Ci(t, e) {
   return (n) => Nt(t, e, n);
 }
 function ve(t) {
-  return typeof t == "number" ? Ci : typeof t == "string" ? ye(t) ? Ft : C.test(t) ? Ge : Oi : Array.isArray(t) ? $n : typeof t == "object" ? C.test(t) ? Ge : Pi : Ft;
+  return typeof t == "number" ? Ci : typeof t == "string" ? ye(t) ? Ft : P.test(t) ? Ge : Oi : Array.isArray(t) ? $n : typeof t == "object" ? P.test(t) ? Ge : Pi : Ft;
 }
 function $n(t, e) {
   const n = [...t], s = n.length, i = t.map((r, o) => ve(r)(r, e[o]));
@@ -383,7 +383,7 @@ function Fi(t, e) {
   return n;
 }
 const Oi = (t, e) => {
-  const n = rt.createTransformer(e), s = mt(t), i = mt(e);
+  const n = ot.createTransformer(e), s = mt(t), i = mt(e);
   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 ? qt.has(t) && !i.values.length || qt.has(e) && !s.values.length ? Mi(t, e) : kt($n(Fi(s, i), i.values), n) : (yt(!0, `Complex values '${t}' and '${e}' 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.`, "complex-values-different"), Ft(t, e));
 };
 function jn(t, e, n) {
@@ -420,7 +420,7 @@ function Ii(t, e = 100, n) {
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / e,
-    duration: /* @__PURE__ */ K(i)
+    duration: /* @__PURE__ */ W(i)
   };
 }
 const Ri = 5;
@@ -461,7 +461,7 @@ function Ei({ duration: t = x.duration, bounce: e = x.bounce, velocity: n = x.ve
   let i, r;
   yt(t <= /* @__PURE__ */ L(x.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - e;
-  o = Y(x.minDamping, x.maxDamping, o), t = Y(x.minDuration, x.maxDuration, /* @__PURE__ */ K(t)), o < 1 ? (i = (l) => {
+  o = Y(x.minDamping, x.maxDamping, o), t = Y(x.minDuration, x.maxDuration, /* @__PURE__ */ W(t)), o < 1 ? (i = (l) => {
     const u = l * o, f = u * t, d = u - n, h = Zt(l, o), y = Math.exp(-f);
     return Gt - d / h * y;
   }, r = (l) => {
@@ -541,8 +541,8 @@ function Dt(t = x.visualDuration, e = x.bounce) {
   let { restSpeed: s, restDelta: i } = n;
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: l, mass: u, duration: f, velocity: d, isResolvedFromDuration: h } = Ki({
     ...n,
-    velocity: -/* @__PURE__ */ K(n.velocity || 0)
-  }), y = d || 0, b = l / (2 * Math.sqrt(c * u)), v = o - r, p = /* @__PURE__ */ K(Math.sqrt(c / u)), S = Math.abs(v) < 5;
+    velocity: -/* @__PURE__ */ W(n.velocity || 0)
+  }), y = d || 0, b = l / (2 * Math.sqrt(c * u)), v = o - r, p = /* @__PURE__ */ W(Math.sqrt(c / u)), S = Math.abs(v) < 5;
   s || (s = S ? x.restSpeed.granular : x.restSpeed.default), i || (i = S ? x.restDelta.granular : x.restDelta.default);
   let m;
   if (b < 1) {
@@ -620,11 +620,11 @@ function Jt({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
 }
 function Wi(t, e, n) {
-  const s = [], i = n || W.mix || jn, r = t.length - 1;
+  const s = [], i = n || $.mix || jn, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
-      const c = Array.isArray(e) ? e[o] || st : e;
+      const c = Array.isArray(e) ? e[o] || it : e;
       a = kt(c, a);
     }
     s.push(a);
@@ -783,10 +783,10 @@ class Ae extends Ve {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ K(this.calculatedDuration);
+    return /* @__PURE__ */ W(this.calculatedDuration);
   }
   get time() {
-    return /* @__PURE__ */ K(this.currentTime);
+    return /* @__PURE__ */ W(this.currentTime);
   }
   set time(e) {
     var n;
@@ -798,7 +798,7 @@ class Ae extends Ve {
   set speed(e) {
     this.updateTime(E.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ K(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ W(this.currentTime));
   }
   play() {
     var i, r;
@@ -901,7 +901,7 @@ const Ji = (t, e) => {
 function Qi(t) {
   return parseFloat(t.trim());
 }
-const ot = [
+const at = [
   "transformPerspective",
   "x",
   "y",
@@ -919,7 +919,7 @@ const ot = [
   "skew",
   "skewX",
   "skewY"
-], at = new Set(ot), Ye = (t) => t === it || t === g, tr = /* @__PURE__ */ new Set(["x", "y", "z"]), er = ot.filter((t) => !tr.has(t));
+], ut = new Set(at), Ye = (t) => t === rt || t === g, tr = /* @__PURE__ */ new Set(["x", "y", "z"]), er = at.filter((t) => !tr.has(t));
 function nr(t) {
   const e = [];
   return er.forEach((n) => {
@@ -1025,20 +1025,20 @@ const Yn = /* @__PURE__ */ ur(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), lt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Xe = {
+}, "linearEasing"), ft = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Xe = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ lt([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ lt([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ lt([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ lt([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ ft([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ ft([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ ft([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ ft([0.33, 1.53, 0.69, 0.99])
 };
 function Xn(t, e) {
   if (t)
-    return typeof t == "function" ? Yn() ? Gn(t, e) : "ease-out" : In(t) ? lt(t) : Array.isArray(t) ? t.map((n) => Xn(n, e) || Xe.easeOut) : Xe[t];
+    return typeof t == "function" ? Yn() ? Gn(t, e) : "ease-out" : In(t) ? ft(t) : Array.isArray(t) ? t.map((n) => Xn(n, e) || Xe.easeOut) : Xe[t];
 }
 function cr(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
   const u = {
@@ -1120,10 +1120,10 @@ class fr extends Ve {
   get duration() {
     var n, s;
     const e = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ K(Number(e));
+    return /* @__PURE__ */ W(Number(e));
   }
   get time() {
-    return /* @__PURE__ */ K(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ W(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ L(e);
@@ -1152,7 +1152,7 @@ class fr extends Ve {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && or() ? (this.animation.timeline = e, st) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && or() ? (this.animation.timeline = e, it) : n(this);
   }
 }
 const Zn = {
@@ -1195,7 +1195,7 @@ class pr extends fr {
   }
 }
 const Ze = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(rt.test(t) || t === "0") && // And it contains numbers and/or colors
+(ot.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function mr(t) {
   const e = t[0];
@@ -1262,7 +1262,7 @@ class wr extends Ve {
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: l, onUpdate: u } = s;
-    this.resolvedAt = E.now(), gr(e, r, o, a) || ((W.instantAnimations || !c) && (u == null || u(Se(e, s, n))), e[0] = e[e.length - 1], oe(s), s.repeat = 0);
+    this.resolvedAt = E.now(), gr(e, r, o, a) || (($.instantAnimations || !c) && (u == null || u(Se(e, s, n))), e[0] = e[e.length - 1], oe(s), s.repeat = 0);
     const d = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > vr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1272,7 +1272,7 @@ class wr extends Ve {
       ...d,
       element: d.motionValue.owner.current
     }) : new Ae(d);
-    h.finished.then(() => this.notifyFinished()).catch(st), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    h.finished.then(() => this.notifyFinished()).catch(it), 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;
@@ -1357,11 +1357,11 @@ const ts = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...ot
+  ...at
 ]), xr = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, es = (t) => (e) => e.test(t), ns = [it, g, Q, j, mi, pi, xr], Je = (t) => ns.find(es(t));
+}, es = (t) => (e) => e.test(t), ns = [rt, g, Q, j, mi, pi, xr], Je = (t) => ns.find(es(t));
 function Mr(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Tn(t) : !0;
 }
@@ -1378,13 +1378,13 @@ function Pr(t) {
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
 const Fr = /\b([a-z-]*)\(.*?\)/gu, ae = {
-  ...rt,
+  ...ot,
   getAnimatableNone: (t) => {
     const e = t.match(Fr);
     return e ? e.map(Pr).join(" ") : t;
   }
 }, Qe = {
-  ...it,
+  ...rt,
   transform: Math.round
 }, Or = {
   rotate: j,
@@ -1456,23 +1456,23 @@ const Fr = /\b([a-z-]*)\(.*?\)/gu, ae = {
 }, Dr = {
   ...Me,
   // Color props
-  color: C,
-  backgroundColor: C,
-  outlineColor: C,
-  fill: C,
-  stroke: C,
+  color: P,
+  backgroundColor: P,
+  outlineColor: P,
+  fill: P,
+  stroke: P,
   // Border props
-  borderColor: C,
-  borderTopColor: C,
-  borderRightColor: C,
-  borderBottomColor: C,
-  borderLeftColor: C,
+  borderColor: P,
+  borderTopColor: P,
+  borderRightColor: P,
+  borderBottomColor: P,
+  borderLeftColor: P,
   filter: ae,
   WebkitFilter: ae
 }, ss = (t) => Dr[t];
 function is(t, e) {
   let n = ss(t);
-  return n !== ae && (n = rt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== ae && (n = ot), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Ir = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function Rr(t, e, n) {
@@ -1848,11 +1848,11 @@ function zr(t, e, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), Nr(a) && (a.addEventListener("focus", (l) => Ur(l, i)), !Hr(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const I = (t) => !!(t && t.getVelocity), Yr = [...ns, C, rt], Xr = (t) => Yr.find(es(t)), us = nt({
+const I = (t) => !!(t && t.getVelocity), Yr = [...ns, P, ot], Xr = (t) => Yr.find(es(t)), us = st({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), Ce = nt({ strict: !1 }), rn = {
+}), Ce = st({ strict: !1 }), rn = {
   animation: [
     "animate",
     "variants",
@@ -1871,20 +1871,20 @@ const I = (t) => !!(t && t.getVelocity), Yr = [...ns, C, rt], Xr = (t) => Yr.fin
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, et = {};
+}, nt = {};
 for (const t in rn)
-  et[t] = {
+  nt[t] = {
     isEnabled: (e) => rn[t].some((n) => !!e[n])
   };
 function on(t) {
   for (const e in t)
-    et[e] = {
-      ...et[e],
+    nt[e] = {
+      ...nt[e],
       ...t[e]
     };
 }
 function qr({ children: t, features: e, strict: n = !1 }) {
-  const [, s] = Ks(!Ht(e)), i = ft(void 0);
+  const [, s] = Ks(!Ht(e)), i = dt(void 0);
   if (!Ht(e)) {
     const { renderer: r, ...o } = e;
     i.current = r, on(o);
@@ -1948,7 +1948,7 @@ function Qr(t, e, n) {
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-const Lt = /* @__PURE__ */ nt({});
+const Lt = /* @__PURE__ */ st({});
 function Bt(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -1989,18 +1989,18 @@ function an(t) {
 }
 const no = {};
 function fs(t, { layout: e, layoutId: n }) {
-  return at.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!no[t] || t === "opacity");
+  return ut.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!no[t] || t === "opacity");
 }
 const so = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, io = ot.length;
+}, io = at.length;
 function ro(t, e, n) {
   let s = "", i = !0;
   for (let r = 0; r < io; r++) {
-    const o = ot[r], a = t[o];
+    const o = at[r], a = t[o];
     if (a === void 0)
       continue;
     let c = !0;
@@ -2021,7 +2021,7 @@ function Oe(t, e, n) {
   let o = !1, a = !1;
   for (const c in e) {
     const l = e[c];
-    if (at.has(c)) {
+    if (ut.has(c)) {
       o = !0;
       continue;
     } else if (kn(c)) {
@@ -2241,7 +2241,7 @@ function ys(t, e, n) {
   const s = Ee(t, e, n);
   for (const i in t)
     if (I(t[i]) || I(e[i])) {
-      const r = ot.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      const r = at.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = t[i];
     }
   return s;
@@ -2266,10 +2266,10 @@ function So(t, e, n) {
     [e]
   );
 }
-const ke = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vo = "framerAppearId", Ts = "data-" + ke(Vo), Ao = nt({});
+const ke = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vo = "framerAppearId", Ts = "data-" + ke(Vo), Ao = st({});
 function xo(t, e, n, s, i) {
   var b, v;
-  const { visualElement: r } = k(Lt), o = k(Ce), a = k(yn), c = k(us).reducedMotion, l = ft(null);
+  const { visualElement: r } = k(Lt), o = k(Ce), a = k(yn), c = k(us).reducedMotion, l = dt(null);
   s = s || o.renderer, !l.current && s && (l.current = s(t, {
     visualState: e,
     parent: r,
@@ -2280,11 +2280,11 @@ function xo(t, e, n, s, i) {
   }));
   const u = l.current, f = k(Ao);
   u && !u.projection && i && (u.type === "html" || u.type === "svg") && Mo(l.current, n, i, f);
-  const d = ft(!1);
+  const d = dt(!1);
   js(() => {
     u && d.current && u.update(n, a);
   });
-  const h = n[Ts], y = ft(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, h)));
+  const h = n[Ts], y = dt(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, h)));
   return Us(() => {
     u && (d.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), u.scheduleRenderMicrotask(), y.current && u.animationState && u.animationState.animateChanges());
   }), de(() => {
@@ -2347,7 +2347,7 @@ function Fo(t, e) {
   k(Ce).strict, process.env.NODE_ENV;
 }
 function Oo(t) {
-  const { drag: e, layout: n } = et;
+  const { drag: e, layout: n } = nt;
   if (!e && !n)
     return {};
   const s = { ...e, ...n };
@@ -2467,7 +2467,7 @@ class Lo {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const s = at.has(e);
+    const s = ut.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (o) => {
       this.latestValues[e] = o, this.props.onUpdate && N.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -2482,8 +2482,8 @@ class Lo {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in et) {
-      const n = et[e];
+    for (e in nt) {
+      const n = nt[e];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -2587,7 +2587,7 @@ class Lo {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (bn(s) || Tn(s)) ? s = parseFloat(s) : !Xr(s) && rt.test(n) && (s = is(e, n)), this.setBaseTarget(e, I(s) ? s.get() : s)), I(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (bn(s) || Tn(s)) ? s = parseFloat(s) : !Xr(s) && ot.test(n) && (s = is(e, n)), this.setBaseTarget(e, I(s) ? s.get() : s)), I(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2662,7 +2662,7 @@ class Ko extends Vs {
   }
   readValueFromInstance(e, n) {
     var s;
-    if (at.has(n))
+    if (ut.has(n))
       return (s = this.projection) != null && s.isProjecting ? ee(n) : Ji(e, n);
     {
       const i = Bo(e), r = (kn(n) ? i.getPropertyValue(n) : i[n]) || 0;
@@ -2717,7 +2717,7 @@ class $o extends Vs {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (at.has(n)) {
+    if (ut.has(n)) {
       const s = ss(n);
       return s && s.default || 0;
     }
@@ -2766,8 +2766,8 @@ function zo(t, e) {
   const n = t.getValue("willChange");
   if (Uo(n))
     return n.add(e);
-  if (!n && W.WillChange) {
-    const s = new W.WillChange("auto");
+  if (!n && $.WillChange) {
+    const s = new $.WillChange("auto");
     t.addValue("willChange", s), s.add(e);
   }
 }
@@ -2796,7 +2796,7 @@ const Zo = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, ea = (t, { keyframes: e }) => e.length > 2 ? Qo : at.has(t) ? t.startsWith("scale") ? Jo(e[1]) : Zo : ta;
+}, ea = (t, { keyframes: e }) => e.length > 2 ? Qo : ut.has(t) ? t.startsWith("scale") ? Jo(e[1]) : Zo : ta;
 function na({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: c, elapsed: l, ...u }) {
   return !!Object.keys(u).length;
 }
@@ -2822,7 +2822,7 @@ const sa = (t, e, n, s = {}, i, r) => (o) => {
   };
   na(a) || Object.assign(u, ea(t, 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);
   let f = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (oe(u), u.delay === 0 && (f = !0)), (W.instantAnimations || W.skipAnimations) && (f = !0, oe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, f && !r && e.get() !== void 0) {
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (oe(u), u.delay === 0 && (f = !0)), ($.instantAnimations || $.skipAnimations) && (f = !0, oe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, f && !r && e.get() !== void 0) {
     const d = qo(u.keyframes, a);
     if (d !== void 0) {
       N.update(() => {
@@ -2979,32 +2979,32 @@ function fa(t) {
       const { prevResolvedValues: vt = {} } = S, wt = {
         ...vt,
         ...B
-      }, St = (P) => {
-        w = !0, d.has(P) && (O = !0, d.delete(P)), S.needsAnimating[P] = !0;
-        const F = t.getValue(P);
-        F && (F.liveStyle = !1);
+      }, St = (F) => {
+        w = !0, d.has(F) && (O = !0, d.delete(F)), S.needsAnimating[F] = !0;
+        const C = t.getValue(F);
+        C && (C.liveStyle = !1);
       };
-      for (const P in wt) {
-        const F = B[P], $ = vt[P];
-        if (h.hasOwnProperty(P))
+      for (const F in wt) {
+        const C = B[F], K = vt[F];
+        if (h.hasOwnProperty(F))
           continue;
         let q = !1;
-        ce(F) && ce($) ? q = !Ps(F, $) : q = F !== $, q ? F != null ? St(P) : d.add(P) : F !== void 0 && d.has(P) ? St(P) : S.protectedKeys[P] = !0;
+        ce(C) && ce(K) ? q = !Ps(C, K) : q = C !== K, q ? C != null ? St(F) : d.add(F) : C !== void 0 && d.has(F) ? St(F) : S.protectedKeys[F] = !0;
       }
       S.prevProp = m, S.prevResolvedValues = B, S.isActive && (h = { ...h, ...B }), s && t.blockInitialAnimation && (w = !1);
       const Vt = V && M;
-      w && (!Vt || O) && f.push(...D.map((P) => {
-        const F = { type: p };
-        if (typeof P == "string" && s && !Vt && t.manuallyAnimateOnMount && t.parent) {
-          const { parent: $ } = t, q = tt($, P);
-          if ($.enteringChildren && q) {
+      w && (!Vt || O) && f.push(...D.map((F) => {
+        const C = { type: p };
+        if (typeof F == "string" && s && !Vt && t.manuallyAnimateOnMount && t.parent) {
+          const { parent: K } = t, q = tt(K, F);
+          if (K.enteringChildren && q) {
             const { delayChildren: Is } = q.transition || {};
-            F.delay = Cs($.enteringChildren, t, Is);
+            C.delay = Cs(K.enteringChildren, t, Is);
           }
         }
         return {
-          animation: P,
-          options: F
+          animation: F,
+          options: C
         };
       }));
     }
@@ -3067,14 +3067,14 @@ function fn() {
     exit: G()
   };
 }
-class ut {
+class ct {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-class ha extends ut {
+class ha extends ct {
   /**
    * 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,
@@ -3103,7 +3103,7 @@ class ha extends ut {
   }
 }
 let pa = 0;
-class ma extends ut {
+class ma extends ct {
   constructor() {
     super(...arguments), this.id = pa++;
   }
@@ -3150,7 +3150,7 @@ function hn(t, e, n) {
   const i = "onHover" + n, r = s[i];
   r && N.postRender(() => r(e, Os(e)));
 }
-class ya extends ut {
+class ya extends ct {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = jr(e, (n, s) => (hn(this.node, s, "Start"), (i) => hn(this.node, i, "End"))));
@@ -3158,7 +3158,7 @@ class ya extends ut {
   unmount() {
   }
 }
-class ba extends ut {
+class ba extends ct {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3188,7 +3188,7 @@ function pn(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
   r && N.postRender(() => r(e, Os(e)));
 }
-class Ta extends ut {
+class Ta extends ct {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = zr(e, (n, s) => (pn(this.node, s, "Start"), (i, { success: r }) => pn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -3218,7 +3218,7 @@ const Aa = {
   some: 0,
   all: 1
 };
-class xa extends ut {
+class xa extends ct {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -3280,13 +3280,13 @@ const Oa = /* @__PURE__ */ Fa("div"), Da = {
     shadow: "2"
   },
   dark: {}
-}, Ds = ht.createContext({
+}, Ds = et.createContext({
   groupOpen: !1,
   setGroupOpen: () => {
   }
 }), Ia = ({ open: t, delay: e = 600 }) => {
-  const n = ht.useContext(Ds);
-  return ht.useEffect(() => {
+  const n = et.useContext(Ds);
+  return et.useEffect(() => {
     let s = null;
     return n.setGroupOpen && (t === !0 && n.setGroupOpen(!0), t === !1 && (s = setTimeout(() => {
       n.setGroupOpen && n.setGroupOpen(!1);
@@ -3297,7 +3297,7 @@ const Oa = /* @__PURE__ */ Fa("div"), Da = {
     groupOpen: n.groupOpen
   };
 }, Wa = ({ children: t }) => {
-  const [e, n] = ht.useState(!1);
+  const [e, n] = et.useState(!1);
   return /* @__PURE__ */ R(Ds.Provider, { value: { groupOpen: e, setGroupOpen: n }, children: t });
 }, $a = ({
   // Radix Tooltip Provider Props
@@ -3337,41 +3337,41 @@ const Oa = /* @__PURE__ */ Fa("div"), Da = {
     prop: i,
     onChange: r,
     defaultProp: s ?? !1
-  }), { groupOpen: wt } = Ia({ open: !!B, delay: t }), St = ht.Children.toArray(D).some(
-    (F) => F.props.disabled
-  ), Vt = wt || St ? 0 : t, Ne = !wt, P = (F) => {
-    if (F === "top")
+  }), { groupOpen: wt } = Ia({ open: !!B, delay: t }), St = et.Children.toArray(D).some(
+    (C) => et.isValidElement(C) ? C.props.disabled : !1
+  ), Vt = wt || St ? 0 : t, Ne = !wt, F = (C) => {
+    if (C === "top")
       return {
         y: -5
       };
-    if (F === "bottom")
+    if (C === "bottom")
       return {
         y: 5
       };
-    if (F === "left")
+    if (C === "left")
       return {
         x: -5
       };
-    if (F === "right")
+    if (C === "right")
       return {
         x: 5
       };
   };
   return /* @__PURE__ */ R(qr, { features: Pa, children: /* @__PURE__ */ R(
-    ct.Provider,
+    lt.Provider,
     {
       delayDuration: Vt,
       skipDelayDuration: e,
       disableHoverableContent: n,
       children: /* @__PURE__ */ mn(
-        ct.Root,
+        lt.Root,
         {
           open: M === !1 ? !1 : B,
           onOpenChange: vt,
           children: [
-            /* @__PURE__ */ R(ct.Trigger, { asChild: !0, ref: O, children: /* @__PURE__ */ R(ks, { children: D }) }),
-            /* @__PURE__ */ R(ct.Portal, { children: /* @__PURE__ */ R(
-              ct.Content,
+            /* @__PURE__ */ R(lt.Trigger, { asChild: !0, ref: O, children: /* @__PURE__ */ R(ks, { children: D }) }),
+            /* @__PURE__ */ R(lt.Portal, { children: /* @__PURE__ */ R(
+              lt.Content,
               {
                 "aria-label": o,
                 onEscapeKeyDown: a,
@@ -3398,7 +3398,7 @@ const Oa = /* @__PURE__ */ Fa("div"), Da = {
                     initial: Ne && !A ? {
                       opacity: 0,
                       scale: 0.5,
-                      ...P(u)
+                      ...F(u)
                     } : {},
                     animate: {
                       opacity: 1,